WeniVooks

검색

바이브코딩 에센셜 with claude code

웹 앱 레퍼런스 참고 사이트 정리

5. 웹/앱 레퍼런스 참고 사이트 정리

좋은 디자인을 만들려면 먼저 좋은 디자인을 많이 봐야 합니다. 여기 제가 자주 참고하는 사이트들을 정리했습니다.

1. 실제 서비스 UI/UX 분석

1.1 Mobbin

모바일 및 웹 앱의 실제 UI/UX 디자인 흐름을 캡처하여 보여주는 사이트입니다. 특정 앱의 화면 전환이나 사용자 경험 전체를 파악하고 싶을 때 유용합니다. (일부 유료)

Mobbin — UI & UX design inspiration for mobile & web apps

1.2 WWIT - 윗 (What Was IT)

한국판 Mobbin입니다. 국내외 웹사이트 및 모바일 앱의 UI/UX 사례를 분석하고 공유하는 곳입니다. 한국 사용자들에게 익숙한 국내 서비스 레퍼런스가 풍부합니다.

What Was IT

1.3 appshots

다양한 모바일 앱의 스크린샷을 모아놓은 곳입니다. 특정 기능이나 화면 구성에 대한 아이디어를 얻을 때 유용합니다.

appshots.design

1.4 Scrnshts

모바일 앱의 스크린샷과 UI 디자인 요소를 탐색할 수 있는 사이트입니다. 카테고리나 디자인 스타일별로 필터링할 수 있습니다.

Discover Scrnshts

2. 디자인 영감과 트렌드

2.1 Awwwards

전 세계에서 가장 혁신적이고 아름다운 웹사이트들을 선정하여 수상하는 사이트입니다. 높은 수준의 웹 디자인 트렌드와 기술적 구현 사례를 참고할 수 있습니다.

Awwwards - Website Awards - Best Web Design Trends

2.2 httpster

깔끔하고 미니멀한 웹사이트 디자인을 주로 소개하는 큐레이션 사이트입니다. 감각적인 레이아웃과 색상 조합을 참고하기 좋습니다.

Website Design Inspiration | Httpster

2.3 지디웹

국내외 우수 웹사이트 디자인을 모아놓은 갤러리 사이트입니다. 다양한 디자인 트렌드를 한눈에 파악하기 좋습니다.

지디웹

3. 디자이너 포트폴리오와 커뮤니티

3.1 Behance

어도비에서 운영하는 크리에이티브 전문가를 위한 포트폴리오 공유 플랫폼입니다. 웹/앱 디자인뿐만 아니라 그래픽, 브랜딩 등 다양한 분야의 완성도 높은 프로젝트를 볼 수 있습니다.

Search Projects :: Photos, videos, logos, illustrations and branding

3.2 Dribbble

전 세계 디자이너들이 자신의 작업물을 공유하는 커뮤니티입니다. 빠르게 디자인 영감을 얻고 최신 UI 트렌드를 파악하기에 좋습니다.

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

3.3 Pinterest

이미지 기반 소셜 미디어입니다. 'UI design', 'UX flow', 'app layout' 등 키워드로 검색하면 방대한 디자인 아이디어를 시각적으로 탐색할 수 있습니다.

Pinterest

4. 국내 특화 플랫폼

4.1 디자이너스

국내 디자이너들의 다양한 그래픽 및 웹/앱 디자인 포트폴리오를 볼 수 있는 커뮤니티 플랫폼입니다.

디자이너스

4.2 노트폴리오

국내 창작자와 디자이너들의 작품을 공유하는 플랫폼입니다. 한국적인 감성이나 국내 사용자들에게 익숙한 디자인 레퍼런스를 찾을 때 유용합니다.

노트폴리오 :: 국내 최대 창작자/디자이너 플랫폼 by 스터닝

4.3 유아이볼

매일 하루에 한 개씩 새로운 UI 패턴을 업데이트하는 사이트입니다. 특정 기능에 대한 다양한 UI 구현 방식을 참고할 수 있습니다.

유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!

5. 효과적인 레퍼런스 살펴보기

  1. 목적을 명확히 하기

    "그냥 구경"이 아니라 "필터 UI 참고"처럼 구체적인 목표를 갖고 탐색합니다.

  2. 스크린샷 폴더 만들기

    마음에 드는 디자인은 바로 캡처해서 프로젝트별로 정리합니다.

  3. 분석하며 보기

    "왜 이게 좋아 보이지?", "어떤 요소 때문에 깔끔해 보이지?" 질문하며 봅니다.

이 사이트들을 자주 방문하다 보면 자연스럽게 디자인 감각이 향상됩니다. 처음엔 "이게 왜 좋은지" 모르겠지만, 계속 보다 보면 "아, 이래서 좋구나"를 알게 됩니다.

5.9 레퍼런스 분석 노하우5.11 생성형 AI 활용 브랜드 디자인