UI 디자인 : 디자인이 막힌다면 열어보는 유용한 레퍼런스 사이트 모음

제가 실무에서 사용하고 있는 저의 즐겨찾기 사이트를 공유합니다. 🤫

레퍼런스 서치 할 때 찾아보는 8개의 사이트! 👇

 

1. Design notes

디자인이 막막할 때 열어보는 사이트. 영감을 주는 레퍼런스는 물론 아이콘, 컬러, 스톡이미지까지 다양한 사이트를 한 번에 볼 수 있다.

이 글에서 제일 유용한 사이트가 아닐까!

Design notes

https://www.designnotes.co/

 

2. Timetravel - 5 years of design

2016년 ~ 2020년의 웹 사이트 디자인 모음. 꼭 최신 디자인이 아니여도 영감을 얻기엔 충분하다.  

5 Years of Design

https://timetravel.pixelfika.com/

 

3. WWIT (윗)

Mobbin(모빈) 의 국내 버전. 국내 업종별 서비스 UI를 빠르게 찾아 볼 수 있다. 일부 리뉴얼된 UI는 반영이 되어있지 않지만, 좋은 레퍼런스다 싶으면 직접 다운받아서 사용해보는 편이라 크게 상관없었다. 있는거에 감사할 뿐!

Lifeplus

https://wwit.design/

 

4. WOW - WEB

그래픽 디자이너가 관리하는 사이트로 해외 톡특한 웹 사이트를 많이 볼 수 있다. 다양한 레이아웃과 여백의 사용을 보고 싶다면 추천! 

WOW — WEB

https://wow-web.co.uk/

 

5. Web Design Clip 

일본 웹사이트 레퍼런스. 단발성 프로모션 웹 페이지를 제작할 때 참고할 수 있다. 일본 특유의 감성과 아기자기한 느낌의 디자인이 많다.

Web Design Clip | Webデザインギャラリー・クリップ集

https://webdesignclip.com/

 

6. Dark Mode Design

똑같은 검정색은 없다. 다크모드 작업 시 제일 중요한 컬러를 참고할 수 있다. 배경색과 대비가 잘 되고 눈이 편안한 텍스트, 포인트 컬러를 다양하게 표현해놓은 레퍼런스 사이트. 단 단일 랜딩페이지 위주의 레퍼런스이기 때문에 UI 레퍼런스로 쓰기에는 목적에 맞지 않을 수 있다.다크모드의 포인트 컬러를 고민하고있다면 추천!

Dark Mode Design 🌘 Handpicked website inspiration

https://www.darkmodedesign.com/

 

7. Sass 랜딩 페이지

내용이 많은 서비스 랜딩 페이지를 고민하고 있다면 참고하기 좋은 사이트. 디자인에서 사용된 컬러를 바로 복사할 수 있다. 

SaaS Landing Page

Sass 랜딩 페이지 상세 예시 - trullion

 

8. Awwwards (어워즈)

세계 웹 사이트 디자인을 평가하는 곳. 해외 디자인 트랜드가 무엇인지 한 눈에 보인다. 

Awwwards - Website Awards - Best Web Design Trends

 

다음편에선 컬러 관련 사이트들을 모아볼게요!