디자인 레퍼런스 사이트 추천 (카테고리별 정리)
1. 종합 큐레이션 및 어워드
전 세계의 수준 높은 웹사이트를 엄선하여 보여주는 곳으로, 최신 트렌드와 기술력을 파악하기에 가장 좋습니다.
- Awwwards: UI/UX, 개발, 창의성을 종합적으로 평가하는 가장 대표적인 웹 디자인 어워드 사이트입니다.
- The FWA: 오랜 역사와 권위를 자랑하며, 특히 인터랙티브 하고 실험적인 작품들이 많아 최첨단 기술과 예술적 영감을 얻기 좋습니다.
- CSS Design Awards: Awwwards와 함께 양대산맥으로 꼽히는 웹 어워드로, 또 다른 심미안으로 선정된 작품들을 만날 수 있습니다.
- Godly: 화려한 기술보다는 현대적이고 깔끔한 디자인의 웹사이트를 정성껏 큐레이션 하여 보여줍니다.
- GDWeb (지디웹): 국내 웹사이트들을 대상으로 하는 웹 어워드로, 한국 시장의 트렌드와 뛰어난 웹사이트를 참고하기에 좋습니다.
- Mindsparkle Mag: 웹뿐만 아니라 브랜딩, 그래픽 등 다양한 분야에서 미니멀하고 세련된 디자인을 큐레이션 하는 온라인 매거진입니다.
2. 디자인 커뮤니티 & 포트폴리오
전 세계 디자이너들이 자신의 작업을 공유하는 플랫폼으로, 다양한 스타일의 작업물과 실제 디자이너들의 포트폴리오를 볼 수 있습니다.
- Behance: 어도비에서 운영하는 세계 최대의 포트폴리오 플랫폼으로, 상세한 프로젝트 과정까지 볼 수 있는 고품질의 작업이 많습니다.
- Dribbble: UI 디자인, 아이콘, 일러스트 등 단일 이미지(Shot) 중심으로 작업을 공유하여 트렌디하고 감각적인 비주얼을 빠르게 훑어보기 좋습니다.
- 노트폴리오 (Notefolio): 국내 최대 크리에이티브 네트워크로, 국내 디자이너들의 다양한 포트폴리오와 디자인 아티클을 접할 수 있습니다.
3. 영감 수집 & 무드보드
디자인뿐만 아니라 사진, 예술 등 다양한 분야의 시각적 자료를 수집하고 개인적인 무드보드를 만들기에 최적화된 사이트입니다.
- Pinterest: 설명이 필요 없는 최고의 비주얼 탐색 엔진으로, 방대한 자료 속에서 아이디어를 얻고 보드에 정리하기 편리합니다.
- Savee.it: 디자이너들이 많이 사용하는 이미지 수집 툴로, 더 미니멀하고 정제된 인터페이스에서 영감을 모으고 싶을 때 유용합니다.
4. 특정 목적별 레퍼런스
랜딩페이지, UI 패턴, 타이포그래피 등 특정 목적에 특화된 레퍼런스를 집중적으로 찾아볼 수 있는 사이트들입니다.
- Mobbin (UI/UX 패턴): 실제 서비스 중인 모바일 앱의 화면별, 기능별 UI를 상세하게 볼 수 있어 실무에 가장 큰 도움이 됩니다.
- One Page Love (원페이지): 스크롤 하나로 모든 정보를 보여주는 '원페이지' 웹사이트만 전문적으로 모아 보여줍니다.
- Land-book (랜딩페이지): 제품이나 서비스를 위한 아름다운 랜딩 페이지만을 모아놓아 참고하기 좋습니다.
- Hoverstat.es (독특한 인터랙션): 주류 디자인에서 벗어난 대안적이고 예술적인 인터랙션을 가진 웹사이트를 큐레이션 합니다.
- Framer Showcase (Framer 기반): 웹사이트 제작 툴인 'Framer'로 만들어진 뛰어난 사이트들을 모아볼 수 있습니다.
- Fonts in Use (타이포그래피): 특정 폰트가 실제 디자인 프로젝트에서 어떻게 사용되었는지 방대한 사례를 보여줍니다.
- Typewolf (타이포그래피): 웹 타이포그래피 트렌드와 다양한 폰트 조합의 실제 사례를 보기에 좋습니다.
'개발' 카테고리의 다른 글
word의 doc와 LangChain의 `Document` 객체의 차이 (3) | 2025.06.19 |
---|---|
오라클, SAS, 세일즈포스와 팔란티어(Palantir)의 차이 (0) | 2025.05.30 |
복소수 수학 계산기 (0) | 2025.05.27 |
도커와 쿠버네티스 차이점 정리 (4) | 2025.05.27 |
다양한 AI 서비스를 담아내는 앱 개발: 클라이언트 계층으로 지속적 업데이트 보장하기 (1) | 2025.04.18 |