ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko el ko jbo ko ko jbo ko ko jbo ko ko en es ko ko ko ko ko ko en
컬러 시스템(Color System) | 디자인베이스
홈 Dictionary 컬러 시스템(Color System)
컬러 시스템이란, 브랜드 또는 스타일을 반영하기 위한 색상 테마를 결정짓는 컬러 정보. UI에서 컬러를 활용하여 우선순위 및 계층적인 개념을 표현할 수 있으며 상호작용 요소로 활용되기도 함.
또한, 접근성에 대한 개념을 염두해서 컬러에 대한 정보의 제약이 없도록 사용해야 함.
UI에서 배색은 우선 순위에 따라 Primary, Secondary 크게 2가지를 주로 활용하며 웹 애플리케이션처럼 화면이 넓고 우선 순위가 다양한 경우 Tertiary를 사용하기도 함. Primary Color는 클릭을 유도해야 하는 버튼 같은 요소에 사용되며 주로 브랜드 컬러를 Primary로 등록하여 활용함.
또한, 성공, 경고, 에러 등의 대한 색상은 System Color로 지정하여 활용함.
UI에서 컬러를 사용할 때 유도하고자 하는 영역에
UI에 올바른 컬러 사용 방법
색 분배에서 주조색, 보조색, 배경색의 비율을 5:25:70으로 하는 것을 황금비율이라는 의견도 있는데, 앱 디자인 내에서 유저에게 한 화면에서 한 가지 행동을 주로 제안해야 할 경우 개인적으로 5:15:80 정도가 적절함. (여기서 15는 그래픽 아이콘, 혹은 이미지 요소 내에 컬러로 쳐도 괜찮아 보임)
UI 내에서 컬러 황금 비율
너무 많은 컬러 사용은 지양해야 함. UI 내 사용자가 콘텐츠에 집중할 수 있도록 불필요한 컬러는 제외하고, 행동을 유도해야 하는 경우나 강조하여 정보를 안내해야 하는 경우에만 적절한 컬러를 사용해야 함.
#3 감각적인 그래픽 디자인 Inspired By Magdiel Lopez – 포토샵 실전 강좌
#1 인비전의 장점과 사용법 5분으로 끝내자 – 인비전 프로토타이핑 툴 강좌
#08 스케치에서 프로토타입 만드는 방법 – 스케치 강좌(멤버십 전용)
각종 디바이스 무료 목업 (약 90종) by facebook
디자인 입문자가 꼭 참고해야 할 사이트
그라데이션 컬러 추천해주는 사이트
브랜딩 서식류 목업 세트
아이폰 11 Pro 폰케이스 목업
New 맥북 16인치 목업
차트는 데이터 시각화와 관련되며 라인, 바, 캔들, 타임라인 등 다양한 타입으로 활용됨. 보여주고자 하는 데이터의 성향과 가짓수에 따라 적합한 유형을…
데이터 형식은 다양한 유형의 숫자 및 언어 데이터를 나타냄. UI 내 시간, 요일, 날짜(Month, day, and year) 등 상황에 맞게…
햅틱, 사운드 디자인(Sound Design)
UI에서는 주로 시각적인 방식으로 전달되지만, 유저의 행동에 대해 *햅틱 기술을 활용한 진동(촉각)을 통한 피드백과 사운드 디자인(청각)을 통해 피드백을 주는 역할을…
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.