1편에서는 정석이라고 불리는 사이트들과, 비쥬얼 부분 그리고 인사이트를 얻을 수 있는 사이트 중점으로 소개를 했다.
이번 편에서는 실무를 위해 필요한 🧑🏻💻UI/UX 디자이너라면 꼭 알아야 할 레퍼런스 사이트들 2편 공유 바로 시작합니다.
🧑🏻💻 1탄 : 2023.07.25 - [💜 s h a r e 💜] - 디자이너 꿀팁🍯; 디자인 레퍼런스 사이트 모음 - 🧑🏻💻UI/UX 디자이너편 1
Mobbin 모빈 - 웹, ios, 안드로이드 모든 디바이스의 플로우 정복!
실제 사용빈도(5) - ⭐⭐⭐⭐⭐
해외 사이트인 모빈은 웹뿐만 아니라, 앱의 경우도 ios와 안드로이드 두 가지의 디바이스 화면을 충족시켜서 UI/UX 디자이너에게 제일 유용한 사이트일 것이라고 생각한다. 예비 UI/UX 디자이너들도 공부하기 아주 좋은 사이트! 디자이너들뿐만 아니라 기획자들, 개발자들도 이 사이트에서 정말 유명한 브랜드 몇개만 정복을 해도 실무를 하는 데 훨씬 수월할 것이다.
예전에는 Flows가 무료였던 것 같은데 DB가 많이 쌓이고 고도화되면서 사람들의 수요가 많은 Flows는 Pro 멤버십을 이용하는 사람들만 사용할 수 있도록 바뀌었다🥲
p.s. Screen Pattern : Signup, Verification, Login 등으로 이루어졌다.
WWIT 윗 - 국내의 앱 스크린샷, 플로우를 파악하기 가장 좋은 사이트!
실제 사용빈도(5) - ⭐⭐⭐⭐⭐
모빈이 생기고 국내에서도 비슷하게 생긴 사이트. 이 사이트도 정말 소중한 사이트!
한국사람이니까 한국 앱을 살펴보는 것이 국내에서 실무작업을 하는 디자이너들에게는 더 적합할 것 같다. 아무래도 해외의 정서와 국내의 정서가 다른 것이 이런 앱이나 웹의 사용자경험에도 영향을 미치기 때문이다.
윗은 앱의 화면들을 한눈에 모든 스크린샷을 볼 수 있어서 흐름을 빨리 파악할 수 있다.
Collect UI - UI 디자인을 한 눈에 볼 수 있는 곳
실제 사용빈도(4) - ⭐⭐⭐⭐
가장 심플하게 UI 디자인들을 확인 할 수 있는 사이트. 하지만 실무보다는 드리블의 디자이너들이 만든 가상의 이미지들이 많기 때문에 실무에 그대로 적용하는 것에는 문제가 있을 수 있다.
p.s. 실무 디자인이 아닌 경우 실무 디자인 작업에 바로 적용하는 것이 힘든 이유? 어떤 디자인들은 단순히 비쥬얼적으로 예쁘게 만든 것들이 있기 때문에 실제로 폰이나 웹상에서 보았을 때 폰트 크기의 이슈 등이 있기 때문! 사이즈 이슈가 주로 있을 수 있음!
UX Pin - UI 패턴들의 시안과 인터랙션과 코드까지 확인!
실제 사용빈도(3) - ⭐⭐⭐⭐
UX Pin도 UI/UX 디자인과 퍼블 공부를 하면서 많이 참고했던 사이트! 주로 쓰이는 기능들을 중심으로 내용들이 구성되어있는데, 실제로 작동하는 것까지 볼 수 있기 때문에 기본이 되는 element들의 디자인, 인터랙션 디자인, 코드 값 등 상세하게 공부하는 것이 가능하다.
p.s. 포스팅을 위해서 자세히 살펴보니 UX Pin도 Figma와 같은 프로그램이 있는 것 같다. 프로그램이 먼저 있었던걸까? 어쨌든 하단 footer 영역을 보면 UX Pin vs Figma/ XD/ Invision/ Framer과 같은 다른 다양한 UI/UX 프로그램의 장점을 어필하는 목록이 나와있다.
Daily UI - Daily UI Design Challenge 도전!!
실제 사용빈도(5) - ⭐⭐⭐⭐⭐
Daily UI Design Challenge도 한번 도전!! 1일 1개씩 어떤 화면의 디자인을 할 지 주제를 메일로 보내준다.
나는 전에 도전 신청만하고 해보진 못했.. 다음에 함께 도..전??
실무에 있는 또는 예비 UI/UX 디자이너들 모두 화이팅!
내가 정리한 UI/UX 레퍼런스 모음들이 부디 도움이 될 수 있기를🙏
'💜 s h a r e 💜 > 💻 디자인팁 💻' 카테고리의 다른 글
디자이너 꿀팁🍯; 디자인 레퍼런스 사이트 모음 - 🧑🏻💻UI/UX 디자이너 3편 (6) | 2023.08.08 |
---|---|
디자이너 꿀팁🍯; 국문 폰트 추천 - G마켓 산스체, 카드뉴스에 제격👍 (2) | 2023.08.03 |
디자이너 꿀팁🍯; 국문 폰트 추천 - 여기어때 잘난체, 타이틀 폰트로 제격👍 (0) | 2023.07.27 |
디자이너 꿀팁🍯; 디자인 레퍼런스 사이트 모음 - 🧑🏻💻UI/UX 디자이너편 1 (0) | 2023.07.25 |
디자이너 꿀팁🍯; 디자인 레퍼런스 사이트 모음 - 🌈색채감각 키우기 (0) | 2023.07.23 |
댓글