반응형
UI 디자인에서 색상을 사용하기 위한 몇 가지 팁에 대해 알려드리도록 하겠습니다.
디자인을 할 때 색상의 경우 무궁무진하기 때문에 색상 작업하기가 어려운 것 중 하나입니다.
디자인에서 색상 작업을 하는 데 도움이 된 세 가지 내용에 대해 알려드리겠습니다.
1. 그레이스케일로 디자인
먼저 흑백 컬러로 생각하여 디자인하면 디자인 색상에 대해 지나치게 고민하지 않게 됩니다.
사용자가 각 화면에서 집중하기를 원하는 기본 클릭을 유도할 수 있는 것이 무엇인지 생각하고 이를 더 집중되게 만드세요. 인터페이스의 나머지 부분에 따라 더 어둡거나 더 밝게 하면 됩니다.
2. 디자인의 색상 수 제한
사람들이 색상을 최대 3개로 제한하여 사용을 하곤 합니다.
사람들이 사용하는 팁 중에 하나는 전체 색상 수를 줄이기 위해 색상의 어둡고 밝은 음영을 사용하는 것입니다.
검색 UI의 기본 색상에 흑백을 추가하는 것만으로도 다른 색상을 사용했을 때보다 더 조화롭게 보입니다.
생상 수를 제한하면서 기본 색상의 색조로 흑백을 채워 디자인해보십시오.
3. 60-30-10 규칙
인테리어 디자인에서 나온 60-30-10 규칙은 색상의 상대적 분포와 균형 잡힌 팔레트를 만드는 것입니다.
- UI의 60%는 한 가지 색상(일반적으로 중성 또는 밝은 색상) 전용이어야 합니다.
- 두 번째 30%는 보색이어야 합니다. (헤더, 탐색 및 일반 UI )
- 마지막으로 10%는 강조 색상이어야 하며 종종 뚜렷하게 대조되며 사용자가 알아차리길 원하는 것을 강조하는 데 사용됩니다.
색상으로 할 수 있는 일이 너무 많지만 이 세 가지 방법만으로도 디자인에서 색상을 사용하는데 도움이 됩니다.
반응형
'디자인 스토리' 카테고리의 다른 글
UI 브레드크럼(breadcrumbs)의 유형 (0) | 2022.12.19 |
---|---|
2023년 E-commerce 트렌드 알아보기 (0) | 2022.12.15 |
웹 디자인시 알아두면 좋은 베스트 구글 폰트 10가지 (0) | 2022.12.08 |
반응형 웹 사이트를 만들때 알아두면 좋은 3가지 (0) | 2022.12.08 |
UX에서 색상을 전략적으로 사용하는 방법 (0) | 2022.12.07 |
댓글