웹과 사랑에 빠지기: 영감을 주는 웹사이트 및 도구

영감은 예상치 못한 곳에서 올 수 있습니다. 우리가 나눈 대화, 마음 속으로 연결한 점, 어딘가에서 발견한 작은 것입니다. 때로는 특정 문제에 대한 좋은 아이디어가 필요할 때도 있지만, 다른 때는 마음이 자유롭게 돌아다니도록 하고 있는 작업에서 한 걸음 물러나는 것보다 더 소중한 것은 없습니다.

이 게시물에서는 그렇게 하는 데 도움이 되는 리소스를 수집했습니다. 탐닉할 눈요기 , 안전지대에서 벗어나 스스로에게 도전 할 수 있는 아이디어, 프로젝트에 갇혔을 때 도움이 되는 도구와 리소스를 찾을 수 있습니다. 우리가 영감을 주고 유용하며 창의력을 발휘할 수 있는 것들만 찾을 수 있습니다. 즐기다!

미니어처 불가사의의 세계

저녁 식사를 준비하는 브로콜리가 나무 숲처럼 생겼다고 생각한 적이 있습니까? 아니면 지역 공원의 오리 연못 표면에 떠 있는 나뭇잎이 작은 배와 비슷하다고 생각하십니까? 다른 관점 에서 사물을 볼 때 완전히 새로운 세상이 열리기 시작합니다. 불가사의의 세계.

Tatsuya Tanaka는 우리 눈앞에 있는 작은 불가사의에 대해 매우 특별한 눈을 가지고 있습니다. 2011년부터 그는 단순한 일상 사물과 3D 인쇄 및 손으로 그린 ​​작은 피규어로 미니어처 디오라마 스타일의 장면을 만듭니다. Tatsuya의 미니어처 세계 에서는 종이 클립이 피크닉 의자와 테이블로 바뀌고 금속 스테이플이 바비큐 그릴로 바뀌는 바비큐 장면을 발견할 수 있습니다. 작은 사무실, 또는 회전목마에 햄버거. 상상만이 한계입니다. Tatsuya는 자신의 Miniature Calendar에 매일 새로운 미니어처 디오라마를 게시합니다. 이제 그것이 틀 밖에서 생각하고 새로운 하루를 시작하는 완벽한 방법이 아니라면 다른 무엇입니까?

불의 꽃

회전하는 색슨 족, 날아다니는 비둘기, 폴카 배터리, 아즈텍 분수, 벵골 조명 등 다양한 불꽃놀이 는 이름만큼이나 다양합니다. 그러나 불꽃놀이 사진을 찍으려고 하면 이 풍요로움을 담기가 매우 어렵다는 것을 알 수 있습니다. 이것이 바로 19세기 일본 불꽃놀이 카탈로그 광고 시리즈를 매혹적으로 만드는 이유입니다. 포토리얼리즘에 대한 기대 없이 카탈로그의 일러스트레이션은 독특한 경이로움을 불러 일으킵니다.

요코하마 시립 도서관에서 디지털화한 카탈로그는 1880년대로 거슬러 올라가며 오늘날 우리가 알고 있는 불꽃놀이뿐만 아니라 소위 " 일광 불꽃놀이 "도 보여줍니다. 일광 불꽃놀이는 일본에서 기원했으며 불꽃 효과를 사용하지 않고 동물, 사람 또는 기타 형태의 풍선이 들어 있는 발사체를 사용하여 땅으로 돌아올 때 열리고 부풀어올랐습니다. 눈요기!

골동품 책을 기반으로 한 도시 풍경

골동품 책은 표지 안에 있는 풍부한 지식에도 불구하고 긴 제목과 다소 소박한 제목 페이지로 유명합니다. 독자들이 그곳에서 찾을 수 있는 독특한 지식 을 설명하기 위해 Nicholas Rougeux는 매우 특별한 프로젝트인 Title Cities를 시작했습니다.

Title Cities는 고대 과학 서적 의 제목 페이지를 제목 페이지의 단어만을 기반으로 다채로운 도시 경관으로 재해석합니다. Charles Darwin의 On The Origin of Species 이든, Isaac Newton의 Opticks 이든, Nicholas는 각 책의 제목 페이지에 있는 단어 주위에 상자를 그리고 첫 글자로 색상을 구분했습니다. 그는 서로에 대한 원래 크기를 유지한 다음 상자를 추상적인 도시 풍경으로 배열했습니다. 영감은 어디에서나 찾을 수 있다는 아름다운 예입니다.

색상별로 정렬된 광물학 삽화

놓을 수 없는 아이디어가 머리에 떠오른 적이 있습니까? Nicholas Rougeux는 19세기 초 영국의 박물학자이자 삽화가인 James Sowerby가 만든 방대한 광물 삽화 컬렉션을 접했을 때 큰 콜라주에서 색상별로 배열된 그림이 어떤 모습일지 궁금했습니다. 그리고 그는 다음 4개월을 정확히 그 일을 하는 데 보냈습니다. 718개의 플레이트로 구성된 강력한 시리즈 British Minerology and Exotic Minerology 에서 Sowerby의 모든 일러스트레이션을 배열하는 것입니다.

결과는 놀라운 프로젝트 British & Exotic Minerology 입니다. 페인트 상자에서 현대 웹 기술에 이르기까지 200년 이상 떨어져 사는 두 사람 의 세심한 작업과 그들이 사용한 기술 사이에 다리를 놓는 매혹적인 작품입니다. Nicholas의 접근 방식과 그 과정에서 직면한 어려움에 대해 자세히 알고 싶다면 그가 뒤에서 살펴보는 내용을 공유하는 블로그 게시물이 함께 제공됩니다.

선별된 패턴 갤러리

대담한 색상이 미묘한 팔레트와 만나고, 날카로운 기하학적 형태 옆에 유기적인 곡선이 나타나고, 미니멀한 디자인이 장난기 넘치는 예술 작품을 마주할 때 영감은 멀리 있지 않습니다. 깜짝 선물이 든 가방 을 찾고 있다면 Pattern Collect가 적합합니다. 이 사이트는 전 세계의 디자이너들이 만든 아름답게 그림이 그려진 패턴을 선별합니다.

태그로 쇼케이스를 탐색할 수 있으며 아트워크가 마음에 들면 링크를 통해 Dribbble 또는 Behance의 원본으로 이동하여 일러스트레이터와 그들의 작업에 대해 자세히 알아볼 수 있습니다. 이것이 곧 다가올 프로젝트에서 함께 일할 창의적인 인재를 찾을 수 있는 기회가 될지 누가 압니까?

빈 테이프의 시각적 영광

빈 VHS 테이프를 기억하십니까? Antony Terence는 "타이포그래피와 색상 간의 복잡한 관계"가 "더욱 흥미롭게 만드는" " 타이포그래피와 색상 사이의 복잡한 관계 "를 통해 오늘날에도 여전히 시각 디자인의 마스터 클래스로 남아 있는 이유를 강조하는 기사를 그들에게 헌정했습니다.

과거에서 더 많은 영감을 얻으려면 빈 음악 테이프 는 어떻습니까? 일본 블로그 Tapefan은 현대 기술이 자리 잡기 전에 사람들이 가장 좋아하는 음악을 소중히 여겼던 오래된 Sony, TDK, Fujis, Maxell 및 동료들의 아름다움에 전적으로 전념하고 있습니다. 시간을 거슬러 올라가는 감동적인 여행.

새 탭, 새 아트워크

우리가 매일 수없이 수행하는 가장 평범한 행동 중 하나에 자극을 주어 조금 더 흥미롭고 영감을 주기까지 하지 않겠습니까? 우리는 새 브라우저 탭을 여는 것에 대해 이야기하고 있습니다. 새 탭을 열 때마다 똑같은 평범한 배경을 보는 것이 지겹다면 Chrome용 Google Arts & Cultures 확장 프로그램이 적합할 수 있습니다.

새 탭을 열 때마다(또는 하루에 한 번 이상) 확장 프로그램은 아름다운 새 아트워크를 제공합니다. 예술 작품은 반 고흐와 모네에서 전 세계 거리 예술가들의 현대 작품 에 이르기까지 다양합니다. 걸작 중 하나가 호기심을 불러일으킬 경우 이미지 설명을 클릭하여 더 자세히 알아볼 수 있습니다. 당신의 하루에 작은 문화를 불어넣을 수 있는 좋은 방법입니다.

Mac용 공중 스크린 세이버

커피를 마시며 휴식을 취한 후 책상으로 돌아올 때 인사하는 똑같은 오래된 화면 보호기가 지겹습니까? 에어리얼은 그것을 바꾸기 위해 여기 있습니다. 오픈 소스 프로젝트 를 사용하면 Mac에서 Apple의 tvOS 화면 보호기에서 비디오를 재생할 수 있습니다.

화면 보호기 중에는 뉴욕, 샌프란시스코, 중국과 같은 다양한 도시와 위치에서 촬영한 고품질 항공 비디오, ISS에서 촬영한 지구 비디오, 수중 비디오, 그리고 특별히 Aerial을 위해 만든 비디오 선택이 있습니다. 모두 4k로 촬영되어 마치 새가 장면 위를 맴도는 것처럼 그 위치를 실제로 경험하고 있는 듯한 느낌을 줍니다. 스크린 세이버 오버레이 는 비디오에 표시된 주요 지리적 특징에 대한 설명을 보여주고, 원하는 경우 시간과 날씨, 현재 Apple Music 또는 Spotify에서 재생 중인 항목에 대한 정보도 제공합니다.

생성 서클 아트

스피로그래프를 기억하시나요? 모든 종류의 꽃 모양을 그릴 수 있는 작은 플라스틱 바퀴와 고리? 나디에 브레머(Nadieh Bremer)의 제너레이티브 아트 컬렉션 로태(Rotae)는 훌륭한 스피로그래프(Spirograph)의 매력을 품은 형제입니다. "Rotae"는 라틴어로 "바퀴"를 의미하며 원에서 원을 회전시키는 단순해 보이는 과정에서 나타날 수 있는 광대한 모양 배열에 대한 송가입니다.

Rotae 갤러리는 529개의 출력으로 구성되며 모든 출력은 기본 경로의 복잡성을 나타내기 위해 애니메이션됩니다. 어떻게 작동합니까? 각 Rotaes는 해시를 시드로 사용하고 의사 난수 생성기는 바퀴 수와 생성할 m-fold 대칭을 선택합니다. 그런 다음 바퀴에 무작위로 반지름과 주파수가 지정되어 목표 대칭을 생성합니다. 프로젝트 요약에서 Nadieh는 시각적 걸작 뒤에 숨은 기술과 그녀가 애니메이션을 적용한 방법에 대한 더 많은 통찰력을 공유합니다.

제너레이티브 아트 팁 및 영감

100년 전통과 최첨단 코딩 사이의 간극을 메워주는 경외심을 불러일으키는 프로젝트는 {Shan, Shui} 입니다. Lingdong Huan이 만들고 전통적인 중국 풍경 롤에서 영감을 받아 SVG 형식으로 절차에 따라 생성되고 무한 스크롤되는 중국 풍경을 만듭니다. 풍경의 산과 나무는 노이즈와 수학 ​​함수를 사용하여 처음부터 모델링됩니다. 매력적인!

이제 복잡한 것이 어떻게 작동하는지 스스로에게 묻는다면 혼자가 아닙니다. Victor Shepelev는 {Shan, Shui}*의 비밀을 알고 싶었고 그것이 어떻게 작동하는지 이해하기 위한 그의 출현 프로젝트로 삼았습니다. 그리고 실제로 코드를 완전히 파헤치는 데 24일이 걸렸습니다. 그는 자신의 연구 결과를 일련의 기사로 요약했습니다.

약간의 생성 예술 프로젝트에 손을 댈 준비가 되었다면, 생성 예술을 만들기 위한 팁과 요령이 포함된 George Francis의 기사가 당신을 위한 것입니다. 더 많은 영감을 얻으려면 Andrey Andronov의 사이트를 방문하십시오. 몬드리안과 바우하우스에서 초현실주의와 기하학 예술에 이르기까지 유명하고 새로운 예술 스타일로 환상적인 실험을 수행합니다.

CSS로 예술

CSS 아트를 처음부터 만들려고 시도한 적이 있습니까? 그렇지 않은 경우, Yosra Emad는 시작하도록 영감을 줄 수 있는 따라하기 쉬운 튜토리얼을 작성했습니다. 여기에서 Yosra는 CSS만으로 친근한 유령을 만드는 과정을 단계별로 안내합니다. 그녀는 초기 스케치를 레이어로 분할하고 마크업을 계획하는 것부터 작품의 모든 세부 사항을 코딩하는 것까지 모든 것을 보여줍니다. 재미있는 코딩 문제일 뿐만 아니라 CSS 포지셔닝 기술 을 다음 단계로 끌어올리는 데 도움이 됩니다.

CSS 아트에 대한 영감을 찾고 있다면 Chuan Yuan의 Codepen 계정은 멋진 CSS 배경 패턴과 정적 및 애니메이션 CSS 아트웍으로 가득한 보물 상자입니다. Chuan이 일본 디자이너 Ikko Tanaka의 유명한 그래픽을 CSS만으로 재창조한 Codepen을 놓치지 마십시오.

영감을 주는 Houdini 페인트 워크렛

Houdini는 CSS 개체 모델에 대한 직접 액세스를 제공하고 브라우저가 CSS로 구문 분석할 수 있는 코드를 작성할 수 있게 해주는 저수준 브라우저 API 세트입니다. 이미 개념에 조금 더 익숙하다면 Paint Worklets에 대해 들어봤을 것입니다. CSS의 변경 사항에 동적으로 응답하는 이미지를 그리는 방법을 제공합니다.

worklet의 작동 방식에 대해 더 자세히 알아보기 위해 Houdini.how는 반짝이는 배경 , 색종이 조각, 가루 그라디언트, 밑줄, 도구 설명 등 실험할 수 있는 멋진 Paint Worklet을 제공합니다. 튜토리얼은 모든 것을 시작하고 실행하는 데 도움이 되며 폴리필은 Firefox 및 Safari에서 누락된 지원을 제거합니다.

색상 팔레트를 만드는 트위터 봇

색상 영감은 어디에나 있습니다. 때로는 누군가가 트윗에 포함된 이미지에도 있습니다. 그런 경우에 Color Parrot은 새로운 가장 친한 친구입니다. 답장에 Twitter 봇을 언급하기만 하면 이미지의 색상 팔레트로 응답합니다.

Color Parrot에게 도움을 요청할 때 봇에서 얻고자 하는 색상의 수를 지정할 수 있습니다. 트윗에 번호를 포함하기만 하면 됩니다. “@color_parrot 저 색들은 뭐야? 6개가 필요합니다." 예를 들면 다음과 같습니다. 봇 뒤에 숨겨진 이야기도 흥미롭습니다. 그건 그렇고, 제작자인 David Aerne은 많은 앱과 웹사이트에서 사용되는 색상 이름의 오픈 소스 목록을 유지 관리하고 있습니다. 어떤 이름이 다른 이름보다 나은지 측정하기 위해 각 색상에 대한 좋아하는 것과 반응을 수집합니다. 따라서 봇을 사용하여 오픈 소스 프로젝트에 적극적으로 기여하고 있습니다. 윈윈.

손으로 선별한 메쉬 그라디언트

아름다운 그라데이션? 예, 부탁합니다! 직접 만들 시간이 없거나 신선한 영감을 찾고 있다면 Gene Maryushenko의 손으로 선별된 메쉬 그라디언트 컬렉션이 도움이 될 것입니다.

온라인에서 찾은 내용에 만족하지 못한 Gene은 사이트가 시끄럽지 않으면서도 눈에 띄게 만드는 100가지 그라디언트 를 만들었습니다. 그라디언트는 JPEG로 무료로 다운로드할 수 있습니다. CSS 및 SVG는 나중에 추가됩니다. 즐기다!

친숙한 현미경을 위한 생성기

올바른 단어를 찾는 것은 어려울 수 있습니다. 카피 라이팅 영감이 필요한 경우 Speak Human이 완벽한 장소가 될 수 있습니다. 예를 들어 확인 메시지, 정중한 방해, 부드러운 알림이 있습니다.

영감을 얻으려면 드롭다운에서 목적을 선택하기만 하면 생성기가 제공하는 영리하고 인간 중심적인 마이크로카피를 제공합니다. 군중에서 눈에 띄는 것입니다. 빠르고 쉽습니다.

사용 중인 글꼴

프로젝트의 서체를 결정해야 하지만 영감을 놓치고 있습니까? 아니면 타이포그래피에 대한 모든 것의 스윗스팟이 있습니까? 어느 쪽이든, 사용 중인 글꼴이 바로 당신이 찾고 있던 것일 수 있습니다.

사용 중인 글꼴은 서체, 형식, 산업 및 기간별로 색인화된 타이포그래피 아카이브입니다 . 20세기 초의 빈티지 송장과 신문 광고에서 오늘날의 사탕 포장 및 영화 제목 시퀀스에 이르기까지 이 사이트는 모든 기원의 활자체 샘플이 있는 보물 상자입니다. 새로운 글꼴을 발견하는 좋은 방법입니다.

생성 낙서 패턴

기본적인 기하학적 모양으로 무엇을 만들 수 있습니까? 홍시홍과 박예주에 따르면 전 세계! 디자이너들은 이미 미리 만들어진 사전 설정 에서 다채로운 기하학적 낙서를 생성하는 작은 도구인 Tabbied를 만들기 위해 모였습니다. 사전 설정 중 하나를 선택하고 색상을 사용자 정의하고 패턴의 빈도와 실제 그리드와 같은 설정을 선택하고 — ta-daa! — 낙서가 있는 PNG를 바로 다운로드할 수 있습니다.

좀 더 발전된 것을 찾고 있다면 Repper와 MagicPattern도 도움이 됩니다. 그리고 패턴에 관해서는 다양성이 충분하지 않기 때문에 10×10 그리드에서 패턴을 정의하고 결과를 미리 보고 다운로드할 수 있는 CSS 패턴 생성기 인 Patternify를 살펴보고 싶을 수도 있습니다. PNG 또는 CSS. 더 많은 영감을 얻기 위해 Hero Patterns는 반복 가능한 SVG 배경 패턴 모음을 제공하고 MagicPattern은 지그재그 또는 대각선과 같은 순수한 CSS 배경 패턴을 제공합니다.

전 세계의 영감을 주는 웹사이트

얼마나 자주 키릴 자모 웹사이트를 발견하십니까? 일본 사이트는 어떻습니까? 또는 특정하지만 잘 알려지지 않은 산업의 사이트입니까? 특이한 디자인 패턴을 탐색하고 싶을 때 특이한 곳을 살펴보는 것이 좋습니다. 예를 들어, Cyrillic.Design은 인기 갤러리에 자주 등장하지 않는 키릴 문자 웹사이트를 보여줍니다. 모든 항목은 태그로 필터링할 수 있으며 새 웹사이트는 정기적으로 추가됩니다.

SiteInspire는 산업 및 카테고리별로 웹 사이트를 구성하여 건강 산업 관련 웹 사이트 또는 건축 관련 프로젝트를 검색할 수 있습니다. Design Made in Germany는 독일 디자이너의 작품을 전시하고 Responsive-JP는 일본 디자이너의 화려한 작품을 조명합니다. 마지막으로 Land-Book 및 One Page Love에서 많은 방문 페이지 를 찾을 수 있으며 Personalsit.es는 작고 멋진 개인 웹사이트를 수집합니다. 자, 이것은 잠시 동안 당신을 바쁘게 유지해야합니다!

모바일 UI 영감

다른 디자이너들은 특정 UI 문제를 어떻게 해결했습니까? Stephanie Walter는 모바일용으로 디자인할 때 약간의 영감을 줄 수 있는 유용한 리소스를 수집했습니다.

Stephanie의 목록에는 UI 패턴, 보기 유형, 구성 요소, 특정 흐름, 앱 카테고리 및 모바일 아이콘 영감 을 기준으로 정렬된 리소스와 같이 다양한 범주로 깔끔하게 정렬된 모바일 UI 영감을 위한 15개 이상의 리소스가 있습니다. 그리고 콘텐츠가 이미 2년이 지났지만 모바일 인터페이스를 작업하는 모든 사람들에게 여전히 보물 상자입니다.

구독할 팟캐스트

어떤 팟캐스트를 듣고 있습니까? 당신에게 영감을 주는 것은 무엇이며, 당신이 알지 못했던 것을 발견하는 데 도움이 되는 것은 무엇입니까? 이것은 우리가 Twitter에서 했던 질문이며 커뮤니티에서 많은 훌륭한 제안을 하고 있습니다. Work-Life는 작업 을 개선하는 방법 에 대한 조언을 제공하는 멋진 팟캐스트이고, Darknet Diaries는 해커, 침해, 사이버 범죄 및 인터넷의 숨겨진 부분에 얽힌 모든 것에 대한 매혹적인 청취입니다.

A Bit Of Optimism에서 항상 사물에 대한 더 나은 전망을 찾고 더 나은 디자인 팟캐스트를 통해 디자인 워크플로 를 개선하는 방법을 배울 수 있습니다. Design Matters와 99% Invisible에는 디자인의 모든 면에 대해 더 많은 정보가 있습니다. 공원 산책, 달리기 또는 저녁 요리를 위해 도서관에 보관할 모든 훌륭한 팟캐스트. 아, 물론 우리만의 Smashing Podcast도 있습니다. 그냥 말해!

책갈피 혼란을 풀다

언젠가 유용하게 쓰일 유용한 도구와 기사, 읽을 책, 시도해보고 싶은 요리법, 검색할 때 얻을 수 있는 기타 모든 작은 영감 을 저장할 수 있는 전용 시스템이 있습니까? 인터넷? 책갈피에 소중한 정보가 넘쳐나지만 잊어버렸다면, 그 책갈피 엉망인 Raindrop.io를 해결하는 데 도움이 되는 작은 도구가 기다리고 있습니다.

Raindrop.io를 사용하면 책갈피를 컬렉션 으로 정렬하고 태그 를 할당하여 원하는 항목을 더 쉽게 찾을 수 있으며, 원할 경우 이러한 컬렉션을 팀원 및 친구와 공유할 수도 있습니다. 이 도구는 여러 장치에서 원활하게 작동하며 중복 및 끊어진 링크 찾기, 저장한 웹 사이트에 대한 전체 텍스트 검색, 클라우드 백업 등과 같은 추가 기능과 함께 제공되는 프리미엄 버전에서도 사용할 수 있습니다.

마무리

최근 영감을 받은 사이트를 발견하셨습니까? 아니면 창조적 인 어려움을 극복하는 데 도움이되는 편리한 작은 도구입니까? 아래 의견에서 이에 대해 듣고 싶습니다!