팁과 정보

[비지tip] 디자인 인사이트를 위한 레퍼런스 사이트 11
  • person 운영자
  • schedule 2022-03-30
  • 12633

 

글 : 김시원 (비영리IT지원센터 시민기술팀)

 

안녕하세요, 비영리IT지원센터입니다.

비영리 홍보 업무를 하다보면 홍보=디자인 이 아닐까 싶을만큼 홈페이지, 로고, 리플렛, 포스터 등 디자인해야 할 것들이 무척 많은데요.

그러나 어떻게 디자인해야 할지 막막할 때, 영감이 떠오르지 않을 때가 많지요.

디자인을 맡기더라도 원하는 도안을 뽑아내기 위해서는 사전에 다양한 디자인 소스와 참고자료를 수집하는 것이 필수입니다.

이에 도움을 주는 레퍼런스 사이트를 모아서 소개합니다.

1. 핀터레스트(Pinterest)

 

 

핀터레스트(Pinterest)는 워낙 방대한 자료를 가지고 있어 종류를 불문하고 다양한 이미지 레퍼런스를 찾을 수 있는 가장 유명한 사이트 중 하나인데요.

간단한 가입 후에 관심사를 설정하면 따로 검색하지 않아도 카테고리에 맞는 이미지를 찾아서 보여줍니다.

이미지를 선택하면 ‘유사한 핀 더보기’를 통해 비슷한 이미지를 모아볼 수 있어서 디자인 소스를 수집하기 편리합니다.

마음에 드는 이미지는 핀보드를 만들어 주제에 맞게 분류하여 저장할 수 있습니다.

이렇게 저장된 핀보드는 ‘참여자 초대하기’를 통해 공유가 가능하여 협업 시에 유용합니다.

 

2. 비핸스(Behance)

 

 

비핸스(Behance)는 어도비에서 운영하는 사이트로 프로젝트 단위로 된 디자인 레퍼런스를 찾아보기 좋습니다.

개인이나 기업 등의 포트폴리오용 작업물이 많아 기획 및 진행 과정까지 상세하게 나와있는 양질의 디자인 소스를 수집할 수 있습니다.

인디자인, 일러스트레이터, 포토샵 등 디자인 도구에 맞게 이미지들이 분류되어 있으며 원하는 이미지를 클릭하면 디자인에 사용된 도구를 확인할 수도 있습니다.

마음에 드는 작업물은 무드보드에 저장 가능합니다.

라이브 탭에서는 유명 디자이너들의 강연을 들을 수 있으며,

직업 탭에서는 구인 구직 정보를 확인할 수 있습니다.

 

3. 드리블(Dribbble)

 

 

드리블(Dribble)에서는 비핸스와 마찬가지로 디자인 레퍼런스를 프로젝트 단위로 볼 수 있습니다.

필터 기능이 잘 갖춰져 있어서 검색이 편리하다는 장점이 있습니다.

태그(tags), 색깔(color), 기간(timeframe), 함께 만든(made with), 다운로드(downloads) 총 5개의 세부 옵션을 설정하여 원하는 디자인을 검색할 수 있습니다.

구인구직에 특화돼있는 사이트지만 해외 사이트이다 보니 한국어로는 검색이 불가하고, 해외 디자이너들이 대부분이라는 점이 아쉽습니다.

최고의 디자이너(Top Designers) 탭을 통해 디자인 트렌드를 빠르게 파악할 수 있으며,

블로그(Blog) 탭에서는 디자인과 관련한 다양한 팁을 확인할 수 있습니다.

 

 

4. 그라폴리오(Grafolio)

 

 

네이버에서 만든 크리에이티브 컨텐츠 커뮤니티입니다.

사진, 회화, 일러스트, 디자인, 애니메이션 등의 카테고리로 분류되어 있으며 좋아요와 댓글, 팔로우 기능으로 아티스트와 소통할 수 있습니다.

특히 국내 일러스트레이터의 작업물이 다양하고 많습니다.

 

5. 노트폴리오(Notefolio)

 

 

국내디자이너들의 다양한 포트폴리오용 작업물을 구경할 수 있는 사이트입니다.

그래픽디자인, UI/UX, 영상/모션그래픽 등 폭넓은 분야의 디자인을 찾아볼 수 있습니다.

위에 소개한 드리블의 국내 버전으로 보아도 좋을만큼 구인구직에도 특화되어 있는데요.

채용 탭에서 구직 정보를 확인할 수 있으며, 아직은 베타 테스트 단계지만 의뢰하기 탭을 통해서는 원하는 디자이너를 찾을 수 있습니다.

 

6. fnt 스튜디오

 

 

그래픽 디자인 스튜디오 fnt는 JTBC, 현대백화점 등의 브랜딩 작업으로 유명한데요.

기업 브랜딩, 전시회 및 문화예술 행사를 위한 그래픽 디자인 등 다양한 분야에서 여러 디자이너들과 함께 작업한 수준 높은 작업물들을 확인할 수 있습니다.

작업한 디자인을 프로젝트 단위로 게시하여서 작업과정 전반을 확인할 수 있습니다.

 

7. Fonts in Use

 

 

폰트 디자인이 어떻게 활용되는지 모아놓은 사이트입니다.

주제나 형식, 서체에 따라 다양하게 아카이빙 되어있습니다.

영어 폰트밖에 없다는 것이 아쉽지만 디자인에서 폰트를 활용하는 방식 자체를 참고하기에 매우 훌륭합니다.

 

8. Awwwards

 

 

Awwwards는 전세계의 웹사이트 디자인을 평가하고 공유하는 사이트입니다.

디자인, 사용성, 창의성, 콘텐츠, 모바일 5개의 평가 기준으로 평가하여 카테고리화 하였습니다.

포트폴리오 용도가 아닌 실제로 만들어져있는 사이트가 대부분이라 디자인이 어떻게 구현되었는지 확인할 수 있습니다.

국내 우수 웹사이트를 선정하여 모아놓은 ‘지디웹’과 비슷하지만 해외 사이트다 보니 훨씬 더 다양하고 참신한 웹사이트 디자인이 많습니다.

국내에서도 많이 이용하는 사이트여서 한국어 지원도 가능합니다.

 

9. Mobbin

 

 

모바일앱 UI/UX 레퍼런스를 모아놓은 라이브러리 사이트입니다.

로그인하거나 결제해야 볼 수 있는 앱 디자인을 모두 이미지로 볼 수 있게 수집해두었으며,

250개 이상의 앱과 25,000개 이상의 패턴을 아이폰 12 스크린샷으로 제공합니다.

카테고리(Categories), 패턴(Patterns), 또는 구성(Elements) 별로 검색해서 원하는 디자인을 찾아볼 수 있습니다.

 

10. 라우드소싱

 

 

라우드 소싱은 디자인 공모전 방식을 통해 디자이너와 클라이언트를 연결하는 콘테스트 플랫폼입니다.

콘테스트 탭에서는 진행중인 공모전을 확인할 수 있으며, 디자이너 및 포트폴리오 탭에서는 해당 사이트에서 활동 및 수상한 디자이너와 작업물을 찾아볼 수 있습니다.

특히, 로고 디자인을 모아둔 포트폴리오가 인기입니다.

 

11. 리얼리 굿 메일스

 

 

메일 발송 템플릿을 참고할 수 있는 사이트입니다.

대부분 해외에서 실제로 사용되고 있는 템플릿이라 뉴스레터나 마케팅 메일을 제작할 때 참고하기 매우 좋습니다.

카테고리 별로 다양한 레퍼런스를 찾아볼 수 있습니다.

국내 뉴스레터 템플릿 자료가 필요한 경우에는 스티비 활용사례를 참고하세요.

폭넓게 다양한 이미지 레퍼런스를 찾아볼 수 있는 사이트 6종과 한가지 주제의 디자인 레퍼런스를 모아놓은 사이트 6종을 함께 소개하였는데요.

레퍼런스 사이트로는 삼대장(핀터레스트, 비핸스, 드리블)이 워낙 유명하지만

홈페이지 리뉴얼 또는 로고나 뉴스레터 제작 등 특정한 형태의 디자인을 고민해야 하는 경우에는 후자가 더 편리합니다.

각자 목적에 맞게 이용하시어 멋진 디자인하시기 바랍니다!

총 게시물 : 57