💡 이 글은 Toy Project 진행을 위해 UI/UX를 조사하며 알게된 유용한 사이트 및 플러그인들을 정리한 글입니다.
다양한 서비스들을 비교해보고 "무료", "정보의 다양성", "이용의 편리성"등을 위주로 정리하였습니다.
[포스팅 의도]
- Hot,Fancy,Gorgeous한 정보를 모든 사람과 공유: 1%
- 분명 나중에 "아 뭐였드라.."할 나를 위한 메모: 99%
🔗 각 이미지를 클릭하면 해당 사이트로 이동합니다.
Reference 참고
Dribbble
디자인 소셜 네트워킹 및 포트폴리오 공유 사이트.
다양한 레퍼런스를 참고할 수 있고, 해외에서는 채용 플랫폼으로서의 역할도 한다.
![Dribbble](https://velog.velcdn.com/images/_jhkim/post/56b908e0-a37f-4ce5-a919-7992002ed4d1/image.png)
Mobbin
상용 서비스들의 iOS/Android/Web 디자인들을 정리해놓은 사이트.
Screens, UI Elements, Flows로 정리하여 볼 수 있는 점이 가장 유용하다. (Flows는 유료 기능..🥲)
![Mobbin](https://velog.velcdn.com/images/_jhkim/post/f6e5f348-44b6-4e46-9a2c-81bd3da243c3/image.png)
- Figma의 커뮤니티 사이트.
바로 사용할 수 있는 애셋과 자료들이 많아서 Figma 사용자에겐 일석이조.
![Figma Community](https://velog.velcdn.com/images/_jhkim/post/af59d9a7-743c-412a-8bb8-9f6f3d8f63d9/image.png)
WWIT
국내 App들의 디자인을 이미지로 정리해놓은 사이트.
App을 들어가보면 페이지 별로 분류된 이미지들이 상세하게 기록되어 있다.
![WWIT](https://velog.velcdn.com/images/_jhkim/post/1bcc435e-91ca-4268-b3f7-15fa6e6af6a7/image.png)
Color 제작
Foundation: Color Generator
유명 디자인 시스템(Material, Atlassian, Orbit, Ant Design)을 기준으로 컬러 팔레트를 만들어주는 Figma의 플러그인.
![WWIT](https://velog.velcdn.com/images/_jhkim/post/5b3a9682-817c-4713-a0a7-3c5fca2f5763/image.png)
Swatchy
기본 고유 색상을 기준으로 연관된 색상 팔레트를 추출해주는 사이트.
![Swatchy](https://velog.velcdn.com/images/_jhkim/post/741b50a4-0ba3-47c3-b90d-515b609f1c28/image.png)