본문 바로가기
DESIGN

[추천] 프로젝트 디자인을 위한 참고 사이트

by camille: 2024. 10. 27.
728x90
반응형

Dribble (드리블)
디자이너들이 자신의 작품을 공유하고 영감을 얻을 수 있는 커뮤니티입니다. 웹, 모바일 디자인, 일러스트, UI/UX 등 다양한 분야의 디자인을 볼 수 있습니다. 특히 디자이너들이 최신 트렌드를 확인하거나, 자신의 포트폴리오를 공유하기 좋은 플랫폼입니다. 원하는 디자인 키워드를 검색하면 관련 작품을 쉽게 찾아볼 수 있습니다.
https://dribbble.com

Pinterest (핀터레스트)
전 세계적으로 사랑받는 이미지 기반 소셜 미디어 플랫폼입니다. 다양한 디자인 아이디어와 레퍼런스를 쉽게 찾을 수 있어 인테리어, 패션, 웹디자인 등 다양한 분야에서 영감을 얻을 수 있습니다. 관심 있는 디자인을 모아 보관하고, 컬렉션을 만들어 활용할 수 있습니다.
https://www.pinterest.com

디자이너스
디자인 관련 토픽을 디테일하게 다루며, 디자인에 대한 의견을 나누고 투표할 수 있는 커뮤니티입니다. 웹에서 주로 볼 수 있으며, 실제로 활용 가능한 유용한 디자인 정보들이 많습니다. 유명한 앱의 레퍼런스를 살펴보거나 다른 사람들의 의견을 듣기에도 좋습니다.
https://designers.co.kr

Awwwards (어워즈)
전 세계의 세련되고 멋진 웹 디자인을 선보이는 사이트로, 디자이너들이 투표를 통해 우수한 디자인 작품을 선정합니다. 웹 디자인 트렌드를 파악하기에 좋고, 최고의 웹사이트 디자인을 보고 영감을 얻기에 좋습니다.
https://www.awwwards.com

Korea Web Design (코리아 웹 디자인)
국내 웹 디자인 레퍼런스를 찾기 좋은 사이트입니다. 다양한 웹사이트, 블로그, 메인 컬러 정보 등을 제공하여 디자인 참고용으로 유용합니다.
https://www.koreawebdesign.com

Mediaqueris (미디어쿼리스)
미디어 쿼리 관련 디자인을 확인할 수 있는 사이트로, 반응형 웹 디자인을 구현할 때 참고하기 좋습니다.
https://mediaqueris.com

UI 디자인 참고 자료

프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역
프론트엔드 개발자들이 알아두면 좋을 32가지의 UI 요소를 정리한 글을 번역한 자료입니다. 디자인 용어를 쉽게 파악하고, 실무에서 활용할 수 있는 다양한 디자인 요소를 한 번에 이해하기 좋습니다.
https://medium.com (검색 필요)

컬러 추천 및 팔레트 사이트

Eva Design System (에바 디자인 시스템)
Brand Color를 설정하면 자동으로 Semantic Color (성공, 정보, 경고, 위험 등)들을 추천해주는 유용한 디자인 시스템입니다. 색상 조합을 고민할 때 많은 도움이 됩니다.
https://colors.eva.design

Mycolor (마이컬러)
기본 색상 하나를 입력하면 어울리는 컬러 팔레트를 추천해주는 사이트입니다. 쉽고 편리하게 색상을 조합하고 싶을 때 유용합니다.
https://mycolor.space

Accessible-color-matrix (액세서블 컬러 매트릭스)
직접 선택한 색상 조합이 UI에서 잘 어울리는지 확인할 수 있는 사이트입니다. 여러 색상을 비교하면서 최악의 색상 조합을 피할 수 있어 접근성을 고려한 디자인을 할 때 추천합니다.
https://toolness.github.io/accessible-color-matrix

Color.adobe (컬러 어도비)
Adobe의 컬러 팔레트 생성 도구로, 다양한 색상 팔레트를 생성하고 조합을 시도할 수 있습니다. 디자인 시 색상 조합을 고민할 때 유용하게 활용할 수 있습니다.
https://color.adobe.com

Colorhunt (컬러헌트)
다양한 스타일의 컬러 팔레트를 제공하는 사이트입니다. 파스텔, 네온, 레트로 등 다양한 테마의 팔레트를 확인하고 쉽게 활용할 수 있습니다.
https://colorhunt.co

Flatucolors (플래투컬러스)
플랫 스타일 색상 팔레트를 제공하는 사이트로, 플랫 스타일 디자인에 적합한 컬러 조합을 찾을 때 유용합니다.
https://www.flatui.com

2color (투컬러)
두 가지 색상을 조합할 때 참고하기 좋은 사이트입니다. 심플하지만 색 조합을 깔끔하게 추천해줍니다.
https://2colors.colorion.co

그라디언트 사이트

Eggradients (에그그라디언트)
달걀 모양을 통해 다양한 그라디언트 조합을 추천해주는 사이트입니다. 그라디언트 색상을 직관적으로 선택할 수 있어 편리합니다.
https://www.eggradients.com

Uigradients (유아이그라디언트)
다양한 그라디언트 조합을 제공하는 사이트로, 웹디자인에서 바로 활용할 수 있습니다. 편리하게 그라디언트를 설정하고 코드로 가져올 수 있어 유용합니다.
https://uigradients.com

CSS Gradient (CSS 그라디언트)
CSS로 바로 사용할 수 있는 그라디언트 코드를 생성해주는 사이트입니다. 다양한 그라디언트 조합을 빠르게 확인하고 적용할 수 있습니다.
https://cssgradient.io

Webgradients (웹그라디언트)
다양한 그라디언트 팔레트를 제공하는 사이트로, 아름다운 그라디언트 디자인을 쉽게 찾을 수 있습니다.
https://webgradients.com

폰트 및 아이콘 사이트

Fontawesome (폰트어썸)
다양한 아이콘과 폰트를 제공하는 사이트로, 웹디자인 및 앱 디자인에 유용하게 사용할 수 있습니다. 무료 및 유료 아이콘이 있으며, 간단한 코드로 쉽게 사용할 수 있습니다.
https://fontawesome.com

Google Fonts (구글 폰트)
구글에서 제공하는 무료 웹 폰트 라이브러리로, 다양한 언어의 폰트를 지원하며 웹에서 바로 사용할 수 있습니다. 디자인에 맞는 폰트를 손쉽게 찾아 적용할 수 있습니다.
https://fonts.google.com

Flaticon (플랫아이콘)
아이콘 전문 사이트로, 다양한 스타일의 아이콘을 무료 또는 유료로 다운로드할 수 있습니다. 일러스트 형식부터 플랫 스타일까지 다양한 아이콘을 제공합니다.
https://www.flaticon.com

728x90
반응형