반응형 홈페이지 제작 요청 시 참고할 디자인 레퍼런스 사이트 6개
musigned by musign
UX/UI 디자이너들도 즐겨찾기에 두고 본다는 디자인 레퍼런스 사이트
홈페이지 제작 요청을 할 때는 ‘이런 느낌, 이런 스타일이면 좋겠다!’ 하는 사이트들을 레퍼런스로 보여주는 것이 좋다.
그래야 디자이너(또는 기획자)와 커뮤니케이션도 더 원활하게 이루어질 수 있고, 구체적인 예시를 참고하면 내가 원하는 방향도 뚜렷해기 때문이다.
최종적으로 목표했던 방향대로 흘러가 만족스러운 디자인 아웃풋이 나올 수 있다.
- Mobbin
![mobbin](http://test.musign.net/wp-content/uploads/2020/08/mobbin.gif)
모빈은 해외 디자인 사이트로 전 세계 모바일 어플 중 가장 디자인이 잘 된 어플을 선정하여 모아놓은 큐레이션 사이트다.
메인 페이지를 스크롤링하면 다양한 어플의 페이지들을 볼 수 있으며, 자세히 보고 싶은 어플을 클릭하면 전체 페이지를 확인할 수 있다.
2. awwwards
![musign_awwwards](http://test.musign.net/wp-content/uploads/2020/08/musign_awwwards.gif)
awwwards는 세계의 웹사이트 중 ‘최고의 웹디자인’을 선정하여 수상하는 사이트로, 전 세계의 UX/UI디자이너들이 한데 모여 포트폴리오를 올리고 주도적으로 피드백을 주고받아 선정되기 때문에 신뢰도가 높은 사이트로 꼽힌다. awwwards는 웹디자인, UX/UI 디자인을 벤치마킹하기 위한 대표적인 레퍼런스 사이트입니다. 국내 디자인 뿐 아니라 해외 디자인 시장의최신 트렌드를 한 눈에 볼 수 있다.
국내 웹디자인, UX/UI 디자인 시장에서 대표적인 벤치마킹 사이트로 활용되는 DB CUT 이나 GD WEB 등과는 달리, Awwwards의 경우 이미지와 링크로만 구성되어있는 것이 아니라 인터랙션까지 한 눈에 볼 수 있는 움직이는 이미지와 영상 활용이 자유롭기 때문에 감각적인 영감을 불러 일으킨다.
3. DB CUT
국내 웹디자인, UX/UI 디자인 시장에서 대표적인 벤치마킹 사이트로 활용되는 사이트
![db cut](http://test.musign.net/wp-content/uploads/2020/08/db-cut.gif)
GD WEB은 사이트 등록 신청 후 선정된 사이트와 GD WEB에서 자체적으로 서치한 사이트가 올라오지만 DB CUT에 경우 가입자가 직접 디렉토리, 반응형/모바일웹, 워드테마 등의 게시판에 업로드 할 수 있어 개인 사이트까지 한 눈에 볼 수 있는 장점이 있다.
실제 서비스 중인 앱/웹의 디자인을 한눈에 보기 쉬운 레퍼런스 사이트이자 동시에 웹에이전시를 살펴보거나 디자이너들 간의 의견을 주고 받을 수 있는 국내 디자인 커뮤니티다.
4. GD WEB
국내 다수 기업 웹/앱의 레퍼런스를 한눈에 볼 수 있는 사이트
![gd web](http://test.musign.net/wp-content/uploads/2020/08/gd-web.gif)
GD WEB은 ‘굿디자인 웹’이라는 네이밍에 걸맞게 사이트 등록신청을 하면 GD WEB에서 직접 검수를 한 뒤 적절한 사이트에 한해서만 업로드를 진행한다.
DB 컷과는 달리 사이트 신청 시 제작사의 이름을 작성한 경우 포스팅에 반영되어 레퍼런스 사이트들의 제작사를 확인할 수 있기 때문에 다양한 웹/앱 서비스를 어디에서 구축했는지 알 수 있다는 특징이 있다. DB CUT과 마찬가지로 웹에이전시의 목록을 확인할 수 있으며 조회수와 GD WEB 선정 GOOD / BEST 디자인에 따란 포인트제도를 통해 순위를 확인할 수 있다.
5. Behance
전세계 웹/앱 디자인 영감을 얻는 포트폴리오 아카이빙 사이트
![behance](http://test.musign.net/wp-content/uploads/2020/08/behance.gif)
Behance는 실제 서비스 되고있는 웹/앱의 디자인보다는 디자인적 영감을 불러일으키는 포트폴리오를 보기에 적합한 사이트입니다. 비핸스는 어도비와 연동되는 아이디로 어도비 프로그램을 이용중인 사용자의 접근성이 용이합니다.
특히 어도비 아이디로 가입한 경우, 어도비 프로그램을 이용해 디자인한 작업물을 업로드하기 편하다는 장점이 있습니다. 어도비 아이디가 없더라도 구글, 페이스북, 애플 아이디 등과 연동하여 가입할 수 있으며, 국내외 다양한 서비스의 디자인 포트폴리오를 감상하거나 업로드 할 수 있습니다.
6. Pinterest
전세계 영역불문 모든 디자인을 담은 레퍼런스 사이트
![pinterest](http://test.musign.net/wp-content/uploads/2020/08/pinterest.gif)
마지막으로 Pinterest 또한 Behance와 비슷하게 디자인적 영감을 얻을 수 있는 포트폴리오를 찾기에 적합한 서비스로 추천한다.
다양한 목업이미지, 실제 이용되고있는 마케팅 페이지, 웹페이지 등의 포트폴리오를 감상할 수 있으며, 색조합이나 레이아웃 그리드 정보를 찾아보기에 좋다.
디자인 실무 뿐 아니라 대학생이라면 누구나 걱정하는 PPT 디자인을 할 때에도 PPT색조합, PPT레이아웃 등의 검색어를 활용한다면 멋진 디자인을 참고할 수 있다.