웹, 모바일 UI/UX 디자인 레퍼런스 사이트 추천
디자인 레퍼런스, 어디서 찾고 계세요? 핀터레스트 쓰지 말라는 얘기는 들어봤는데 정작 어디서 찾아야 할지 모를 수 있죠. 레이디러너가 선정한 활용도 100% 레퍼런스 사이트로 실무 참고 자료도 빠르게 찾고 디자인 퀄리티도 높여 보세요!
아티클의 내용은 아래의 영상에서 더 자세히 다루고 있어요! 레퍼런스를 활용하는 방법과 개념 이해까지 설명하고 있으니 영상으로 보시는 걸 추천해 드려요. 아티클에서는 간략하게 추천 사이트 리스트로 정리해 드리겠습니다.
🏆 어워드형 웹디자인 레퍼런스 사이트
어워드형 레퍼런스 사이트는 디자인과 기술력을 종합 평가해 선정된 사이트만 모여 있습니다. 매일 ‘오늘의 사이트’를 선정하기 때문에 방대한 레퍼런스 양을 자랑하며, 감각적인 디자인과 인터랙션이 돋보이는 사례가 많아요.
대표적으로 Awwards가 있고, CSS Design Awards, CSS Winner도 있습니다. 분야나 유형별로 분류가 잘 되어 있고, 선정되는 사이트는 비슷하기 때문에 둘러보시고 사용하기에 편한 곳으로 골라서 이용하시면 돼요.
🖼 갤러리형 웹디자인 레퍼런스 사이트
갤러리형 레퍼런스 사이트는 수많은 곳이 있지만 업데이트가 끊겨 있는 경우가 많습니다. 레이디러너는 최근까지도 지속적인 업데이트가 확인된 최고의 사이트만 엄선해서 소개해 드릴게요.
갤러리형 웹디자인 레퍼런스 사이트는 상세한 검색 옵션이 중요합니다. 예를 들어 랜딩 페이지 전문인 Landbook은 랜딩 페이지의 섹션을 나누어 정리해 필요한 부분만 집중해서 참고할 수도 있고, Lapa Ninja의 경우 오픈그래프 이미지(OG Image)만 따로 볼 수 있는 페이지가 있기도 합니다. 디자인에 쓰인 폰트에 따라 사례를 나눠둔 페이지도 있어요.
🇰🇷 국내 웹디자인 레퍼런스 사이트
계속 해외 사이트만 알려 드렸는데요, 국내 레퍼런스 사이트도 있습니다!
국내에서는 GDWEB, DBCUT, DBDIC 이 세 군데면 국내의 현실적인 웹디자인 레퍼런스를 찾아보는 데 충분합니다. 특히 DBDIC의 경우 GNB를 기준으로 한 레이아웃 유형별로도 나누어 볼 수 있는 점이 돋보여요. 세 곳을 모두 참고하시면 폭 넓은 레퍼런스 수집에 도움 되겠습니다.
📱 모바일 UI/UX 디자인 레퍼런스 사이트
모바일 분야는 주로 유료로 제공되어서 무료로 이용하기에는 범위에 제약이 있긴 합니다. 누구나 접속할 수 있는 웹사이트와 달리 모바일앱은 설치형이라 리서치에 장벽이 있기 때문인 것 같아요.
모바일 UI/UX 디자인 레퍼런스 사이트로는 대표적으로 Mobbin과 AppShots가 있고, 국내 프로덕트 디자인은 유아이볼에서 보실 수 있습니다.
실무 디자인 참고 자료 리서치에 도움이 되길 바랍니다! 더 많은 레퍼런스를 알고 싶거나 궁금한 점이 있다면 알려 주세요. 다음 콘텐츠 제작에 참고하겠습니다.
