🧩 이미 아실만한 분들은 모두 아는 사이트들이지만 제 주관대로 한눈에 보기 쉽게 모아봤습니다!
시작
프로젝트 디자인할 때 종종 필요해서 여기저기 북마크를 달아 놓았지만 그때마다 이게 그거였나?
이거 비슷한거 말고 다른거 있었는데?? 하는게 반복되다보니 피로해져서 그냥 하나 만들어 버리고 계속 여기에 업데이트 하자!에서 시작했습니다.
여기저기 많이 있는 것들을 짜깁기해서 정리해보겠습니다.
디자인 참고
dribble
모두가 다 아는 그 사이트입니다. 워낙 자료도 많고 고수들도 정말 많아요.
키워드 검색해서 찾아 보시는 거 추천합니다.
여기도 정말 유명한 사이트죠 레퍼런스가 정말 많습니다. 많아요.
디자이너스
여긴 좀 더 디테일하고 실제로 써먹을 수 있는 디자인 토픽들을 직접 투표하고 볼 수 있으며 의견도 나누는? 사이트입니다!
저도 인스타보고 웹으로 종종 찾아보는데 꽤 유익해요! 한 디자인에 대해서 사람들의 의견도 들을 수 있고!
실제 유명 앱들의 레퍼런스 라이브러리도 살펴볼 수 있습니다.
Awwwards
디자인된 작품들을 투표하는 사이트. 종종 보면 세련되고 멋진 작품들이 많아요.
korea web design
웹사이트, 링크 ,블로그 등 다양하고 메인컬러도 적혀있어서 참고하기 좋습니다.
mediaqueris
미디어쿼리 디자인을 확인할 수 있어요!
프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역
프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역
어 이거 뭐라고 하더라 또는 아 이거 만들어보고 싶은데 이걸 뭐라고해?
또는 이걸 뭐라쳐야 나올까 싶은 디자인 요소들을 한번에 정리해주신 글을 번역해주신 글입니다.
컬러(추천, 팔레트, 그레디언트)
Eva Design System
Brand Color를 하나 지정하면 Semantic Color(성공, 정보, 경고, 위험 등)들을 골라주는 아주 유용한 사이트입니다. 강추!
mycolor
색상 하나를 입력하면 어울리는 컬러팔레트 리스트를 쭉 뽑아줍니다. 한번에 편하게 사용하기 좋습니다. 추천
Accessible-color-matrix
색상들을 직접 고르면 고른 색채 조합이 ui에서 잘 어울리는지 확인할 수 있는 사이트입니다. 강추!
여러 색상 비교 가능하며 최악의 색상 조합을 피할 수 있습니다.
color.adobe
유명한 Adobe의 컬러 팔레트 추천 사이트입니다.
colorhunt
pastel, neon, gold, retro 등의 컬러 팔레트를 사용할 수 있는 사이트
flatucolors
13개의 색상팔레트 사이트입니다.
2color
2가지색 조합을 찾을 때 유용해요
Gradients
eggradients
달걀 모양으로 gradient를 추천해주는 사이트입니다.
uigradients
다양한 gradient 조합 추천사이트입니다. 편해요! 추천
CSS Gradient
gradient를 편하게 쓸 수 있게 맞춰주는 사이트입니다.
webgradients
다양한 gradient 조합 추천사이트입니다. 예뻐요
폰트 및 아이콘
Fontawesome
폰트, 아이콘
Google Fonts
폰트, 아이콘
Flaticon
아이콘. 뽀짝한거 많아요
마치며
이렇게 정리해야지 해야지 하다가 친한 지인 덕분에 자극받아서 드디어 쓰네요!ㅎㅎ
또한 더 많은 사이트가 있을게 분명하니까 꾸준히 업데이트 해보겠습니다! 읽어주셔서 감사합니다.
모두 절거운 개발하세요~!
17개의 댓글
유용한 게시물 감사합니다! 새로운 금융 정보 사이트 오픈했는데 피드백 주시면 감사하겠습니다! UI 등등..!
https://quantpro.co.kr/
너무 유익해요!! 감사합니다 :)