본문 바로가기

ui 디자인 컬러2

[디자인]색의 비율과 균형 , 강조 색상의 사용 60–30–10 규칙균형잡힌 색상을 구성하기 위한 조화로운 비율60% → 중성색 (흑/백) 30% → 보조색 10% → 강조색(악센트) 주로 실내 인테리어를 할때 많이 사용 하는 비율로 강조 색상을 10%비율로 설정 하는 것이다. 웹에서 강조색(CTA버튼) 웹에서는 5~10% 정도로 사용 해도 충분하기도 하다. CTA 버튼에 주로 사용 하여 사용자의 시선을 유도 한다. *CTA란? 마케팅에서 사용되는 용어입니다. CTA는 제품이나 서비스를 고객에게 판매하기 위해 사용되며, 보통 웹사이트나 광고 등에서 볼 수 있습니다. CTA는 고객에게 어떤 행동을 취하도록 유도하는 문구나 버튼입니다. 강조색에 인터랙션 추가마우스 호버시 → 밝게 마우스 포커스 시(클릭) → 진하게 강조색 사용 범위버튼, CTA 버튼, 링.. 2023. 9. 7.
앱/웹 디자인 Color (중요도에 따라) 모바일이나 웹 등 디자인시 가장 중요하다고 할 수 있는 부분이 바로 컬러 입니다. 의미에 따른 컬러 사용으로 다양한 정보를 제공 할 수 있기 때문입니다. 웹 앱 UI 디자인시 컬러의 의미와 사용법을 알아봤습니다. UI 디자인에서 컬러는? 상호작용 표현( 버튼, 체크박스, 컨트롤박스, 링크, 슬라이더) 의미 전달 (경고, 금지, 오류, 안전,긍정) 상태 전달 (활성/비활성, 컨트롤상태) 위계 순서 (중요도 순서) 강조 브랜드 컬러로서 - 브랜드를 나타내는 고유색 - 브랜드 통일감 - 사용자에게 동일한 경험과 메세지 전달 컬러의 구성 Primary color - 주색 Secondary color- 보조색(액션색상,강조색) 흑백 액션 색상(상호작용) 색상의 사용 버튼, CTA 버튼, 링크, 컨트롤, 토글, 스.. 2023. 9. 6.
728x90
반응형