UI UX 디자인 레퍼런스 사이트 7곳

반갑습니다.

현직 UI디자이너 들댕댕입니다.

 

디자이너는 매 순간 크리에이티브와 싸워야 하죠.

무기가 되기도 재산이 되기도 하는 것이 레퍼런스입니다.

 

실제로 제가 레퍼런스를 찾을 때, 트렌드를 살필 때 탐색하는 사이트 7가지입니다.

여러분도 아래 사이트에서 분명 디자인 영감을 얻을 수 있을 것입니다.

 

1. Pinterest

스크랩하고자 하는 이미지를 포스팅하고 다른 이용자와 공유하는 소셜 네트워크 서비스

 

 

디자이너라면 모두 이용하고 있을 도구 중 하나입니다.

사용자는 주제에 맞는 핀 보드를 만들고 거기에 이미지를 아카이빙 합니다.

UI UX 디자인은 물론 제품, 패션, 인테리어 등 여러 주제의 다양한 이미지들이 개제 되어있어

각 주제의 트렌드를 알아볼 수 있고, 내 취향에 맞는 이미지를 아카이빙하며

잠자던 수집 본능을 마구 일깨우는 사이트입니다. 🤩

 

디자인 레퍼런스는 초기보다 미디어의 퀄리티가 다소 떨어지고 트렌드 반영도 조금 늦는감이 있지만

그래도 여전히 가장 사랑받는 레퍼런스 사이트가 아닐까 싶습니다.

 

메인화면에서는 내가 수집했거나 둘러보았던 이미지를 기반으로 관련 이미지들이 추천되고,

큰 특징으로는 특정 이미지를 선택했을 때 바로 밑에 관련 이미지들을 노출시켜 끊임없이 탐색할 수 있도록 해놓은 점입니다.

꽤 스마트하게 추천되고 검색 키워드로는 찾지 못했을 이미지를 포착할 수 있는 이점도 있습니다.

 

사이트를 잘 활용한다면 레퍼런스는 핀터레스트 하나로 끝낼 수 있을 정도로 강력한 도구라고 생각됩니다.

 

Pinterest

 

 

2. Mobbin

최신 iOS 앱 디자인 패턴 모음 사이트

 

 

실제 릴리즈된 앱을 벤치마킹할 때 이용하는 사이트입니다.

모빈에는 150개 이상의 앱과 8,000개 이상의 패턴이 게재되어있으며
서비스들은 계속 최신 버전으로 업데이트 관리되고 있습니다

필터 및 검색을 통해 방대한 양의 페이지들을 원하는 조건(카테고리, 패턴, 엘리먼트)에 

맞추어 바로 소팅해볼 수 있고 마음에 드는 패턴은 자신의 라이브러리에 저장할 수도 있습니다.

실제 릴리즈되어 업데이트되고 있는 최신 앱 서비스들은 어떤 식으로 UI를 구성했는지
플로우는 어떻게 되는지 참고할 때 도움이 될 것이라 생각됩니다.

 

Mobbin - Latest Mobile Design Patterns

 

 

3. WWIT

한국의 UI/UX 모바일 패턴을 수집해놓은 사이트

 

 

Mobbin의 한국판이라고 보시면 됩니다.

해외 디자인을 볼 수 있는 사이트는 쉽게 찾아볼 수 있지만

국내 앱 스크린 패턴만 모아놓은 사이트는 없었습니다.

언어적/국가적 특성이 디자인에 끼치는 영향이 적지 않은데요.

우리나라의 트렌디한 앱을 모아놓았다는 것으로도 의미가 있다고 생각합니다. 👏👏👏

 

다만 사이트를 릴리스한 지 얼마 되지 않아서인지 개제 된 앱이 12종으로,

아직 데이터가 많지 않고 패턴들이 세분화되지 않아 아쉬운 면이 있지만

앞으로의 업데이트를 지켜볼만하겠습니다. 👀

 

What Was IT

 

 

4. Behance

전 세계 디자이너들의 포트폴리오 커뮤니티 사이트

 

 

뒤이어 말씀드릴 dribbble과 함께 세계 최대의 디자이너 커뮤니티 사이트입니다.

dribbble이 IT 디자이너에게 좀 더 초점이 맞춰져 있다면 Behance는

포토그래피, 회화, 일러스트 등 보다 폭넓은 작품 스펙트럼을 가지고 있습니다.

 

프로 디자이너들의 포트폴리오를 둘러보며 영감을 얻을 수 있습니다.

작업 도구가 무엇인지 알 수 있고 마음에 드는 작가를 팔로우할 수도 있습니다.

작업에 대해 더 궁금하다면 메시지를 활용해볼 수 도 있을 것 같습니다.

무엇보다 작업물의 퀄리티가 좋고 트렌드 변화를 가장 빨리 캐치할 수 있습니다.

 

아마 디자이너라면 필수적으로 참고하는 포트폴리오 사이트가 아닐까 싶네요.

 

Search projects | Photos, videos, logos, illustrations and branding on Behance

 

 

5. Dribbble

디자이너가 영감, 피드백, 커뮤니티 및 일자리를 얻는 곳이며 전 세계 디자이너를 발견하고 연결할 수 있는 리소스 사이트

 

 

앞서 이야기한 핀터레스트, 비헨스와 더불어 디자인 레퍼런스 사이트 삼대장이라고 생각됩니다.

 

디자이너를 위한 커뮤니티로 트렌디한 작품들이 많고 디자이너들의 재미있는 시도를 엿볼 수 있습니다.

다른 사이트에 비해 인터렉션, 애니메이션이 들어간 리소스가 많은 편입니다.

디자이너들이 무료로 제공하는 세련된 리소스들도 많이 있어 다운로드하여 활용하기 좋습니다.

 

해외에서는 드리블을 통한 채용이 활성화되어있다고 하는데

국내에서는 아직 벤치마킹 사이트로의 역할만 하고 있는 것으로 보입니다.

드리블 역시 자신의 컬렉션에 타 디자이너들의 작품을 수집할 수 있습니다.

 

Dribbble - Discover the World’s Top Designers & Creative Professionals

 

 

6. Awwwards

웹 디자인과 개발 분야에서 가장 우수한 작품을 선정하는 어워즈 사이트입니다.

 

 

웹 사이트 레퍼런스가 필요할 때 이 어워즈 하나로 끝낼 수 있지 않을까 생각합니다.

 

개인적으로 UI디자인에 집중하게 되면서 웹 디자인은 손댈 기회가 적어졌지만

웹 디자인 레퍼런스가 필요할 때는 묻지도 따지지도 않고 이용하는 사이트입니다.

 

실제 개발된 사이트들이 올라오기 때문에 여타 포트폴리오 사이트와 달리 직접

구동해보고 사이트를 탐색하며 사용성까지 확인해볼 수 있습니다. 그만큼 퀄리티도 높습니다.

오늘의 사이트, 이달의 사이트, 올해의 사이트 등 우수한 퍼포먼스의 사이트를 선정하고 있으며

전 세계의 업데이트되거나 릴리스하는 사이트들이 개제 됩니다.

 

Awwwards - Website Awards - Best Web Design Trends

 

 

7. Google Image

세상에서 가장 광범위한 이미지 검색 😂

 

 

저는 구글 이미지를 이럴 때 사용합니다.

 

• 마구잡이로 찾을 때
• 급하게 찾을 때
• 찾는 이미지가 도저히 안 보일 때
• 뭐든 좋아 관련된 이미지를 다 보여줘
• 뜬금없는 아이디어가 얻고 싶을 때
• 짤 줍

 

잘 활용하면 최고의 아이데이션 도구가 될 수 있지 않을까요?

 

Google 이미지

 

이상 현직 UI디자이너의 레퍼런스 사이트였습니다.