❗Mobbin
#드리블같은애
| 항목 | 무료 열람 여부 | 부분 무료 — 앱·웹 주요 UI 패턴 제공 |
|---|---|---|
| 항목 | 특징 | 최신 앱 UI를 페이지 흐름·컴포넌트 단위로 분석 가능 |
| 항목 | 활용 범위 | 온보딩, 검색, 결제 등 **실무에서 자주 쓰는 페이지 분석** |
❗Lapa Ninja
#새로운레이아웃탐방
| 항목 | 무료 열람 여부 | 거의 모든 콘텐츠 무료 |
|---|---|---|
| 항목 | 특징 | 랜딩 페이지, 스타트업 웹사이트 중심의 큐레이션 |
| 항목 | 활용 범위 | 웹 CTA 배치 , 영문 그리드·타이포 참고 |
❗Page Collective
#해외판유아이볼
그런데 이 친구는 생각보다 iOS 자료가 별로 없다는 것이 아쉬워요... 유아이볼 해외판 버전 정도?
| 항목 | 무료 열람 여부 | 부분 무료 — |
|---|---|---|
| 항목 | 특징 | 럭셔리·미니멀 계열 웹사이트를 전문적으로 큐레이션 |
| 항목 | 활용 범위 | 브랜드 톤앤매너·레이아웃/비주얼 참고 |
❗Fonts In Use
#타이포감각충전
| 항목 | 무료 열람 여부 | 전부 무료인 것 같습니다 |
|---|---|---|
| 항목 | 특징 | 인쇄, 잡지, 앱 등 다양한 타이포그래피 디자인을 볼 수 있고, Typeface별로 조회 가능 (진짜 예술적임) |
| 항목 | 추천 활용 | 포스터·웹·출판·패키징 등. 원하는 곳에 |
❗Codrops
#나만알고싶은애
| 항목 | 무료 열람 여부 | 대부분 무료!! |
|---|---|---|
| 항목 | 특징 | 웹 인터랙션·스크롤 애니메이션·UI 모션뿐만 아니라 자체 아티클도 발행해서, 디자인 트랜드나 해외 디자인 소식을 빠르게 접할 수 있습니다 |
| 항목 | 추천 활용 | 애니메이션·모션 트렌드 참고 + 구현 아이디어 얻기 |
| 항목 | 레퍼런스 접속 메뉴 | Webzibition 또는 Creative Hub 클릭 |
❗Awwwards
#디자인트랜드 #수상작
| 항목 | 무료 열람 여부 | 부분 무료 — 수상작 중 무료 열람 케이스 다수 |
|---|---|---|
| 항목 | 특징 | 거의 모든 웹디자인이 담겨 있다고 보시면 됩니다 동적 구현도 참고하시면 좋아요(인터랙션) |
| 항목 | 추천 활용 | 트렌드 분석, 인터랙션/비주얼 벤치마킹 |
일러스트/3D 도형
그리고 가끔 레퍼런스 사이트에 보면(특히 앱) 내가 실제로는 그릴 수도 없고, 그릴 순 있는데 어떤 콘셉트로 그려야 할지 모르겠다거나, 어떤 도형으로 만들어야 할지 모를 때가 많으시죠? 그래서 일러스트랑 3D 도형 레퍼런스도 넣어 보았습니다. 사실 이런 건 Figma 커뮤니티가 최고이긴 한데, 그래도 넣어 보았습니다.
| 카테고리 | 사이트명 | 특징 | 무료 열람 여부 | 추천 활용 |
|---|---|---|---|---|
| 2D 일러스트 | Humaaans | 커스터마이징 가능한 인물 일러스트, 포즈·의상·배경 변경 가능 | 무료 | 웹/앱 UI, 프레젠테이션, 프로토타입 배치 |
| 2D 일러스트 | Open Peeps | 손으로 그린 캐릭터, 표정/액세서리 조합 가능 | 100% 무료 | Figma/Framer UI 구성, 카드 디자인, 스토리보드 |
| 3D/입체 도형 | Vectary | 웹 기반 3D 디자인 툴, 무료 3D 자산 바로 가져오기 가능 | 부분 무료 | 랜딩 페이지 3D 오브젝트, UI/UX 입체 장식, 모션 그래픽 |
| 3D/입체 도형 | Spline | 실시간 3D 디자인 툴, 커스터마이징 가능한 입체 도형 제공 | 부분 무료 | 웹/앱 3D 배경, 인터랙티브 UI, 모션 씬 구성 |
사실 요즈음 너무 많인 웹/앱 디자인 그리고... 너무나도 많은 디자이너들이 있기 때문에 레퍼런스 모으다가 지쳐서 Figma 커뮤니티 나 프레이머에서 템플릿 하나하나 뜯어보면서 레이아웃 공부를 하곤 합니다... 그렇지만, 실제로 작업에 들어갈 때는 레퍼런스 사이트를 하나하나 뒤져보면 자연스럽게 영감님이 떠오르곤 해서, 한 바퀴 정도 도는 게 습관처럼 되더라고요. 여러분도 저의 .zip 파일을 참고하셔서, 추구미에 맞는 디자인을 하시길 바랍니다.