본문 바로가기
디자인 스토리

UI 디자인에서 색상을 사용을 위한 3가지 팁

by 앤드블룸 2022. 12. 20.
반응형

UI 디자인에서 색상을 사용하기 위한 몇 가지 팁에 대해 알려드리도록 하겠습니다.

디자인을 할 때 색상의 경우 무궁무진하기 때문에 색상 작업하기가 어려운 것 중 하나입니다.

디자인에서 색상 작업을 하는 데 도움이 된 세 가지 내용에 대해 알려드리겠습니다.

 

1. 그레이스케일로 디자인

먼저 흑백 컬러로 생각하여 디자인하면 디자인 색상에 대해 지나치게 고민하지 않게 됩니다.

사용자가 각 화면에서 집중하기를 원하는 기본 클릭을 유도할 수 있는 것이 무엇인지 생각하고 이를 더 집중되게 만드세요. 인터페이스의 나머지 부분에 따라 더 어둡거나 더 밝게 하면 됩니다.

 

2. 디자인의 색상 수 제한

사람들이 색상을 최대 3개로 제한하여 사용을 하곤 합니다. 

사람들이 사용하는 팁 중에 하나는 전체 색상 수를 줄이기 위해 색상의 어둡고 밝은 음영을 사용하는 것입니다.

검색 UI의 기본 색상에 흑백을 추가하는 것만으로도 다른 색상을 사용했을 때보다 더 조화롭게 보입니다.

생상 수를 제한하면서 기본 색상의 색조로 흑백을 채워 디자인해보십시오.

 

3. 60-30-10 규칙

인테리어 디자인에서 나온 60-30-10 규칙은 색상의 상대적 분포와 균형 잡힌 팔레트를 만드는 것입니다.

  • UI의 60%는 한 가지 색상(일반적으로 중성 또는 밝은 색상) 전용이어야 합니다.
  • 두 번째 30%는 보색이어야 합니다. (헤더, 탐색 및 일반 UI )
  • 마지막으로 10%는 강조 색상이어야 하며 종종 뚜렷하게 대조되며 사용자가 알아차리길 원하는 것을 강조하는 데 사용됩니다.

색상으로 할 수 있는 일이 너무 많지만 이 세 가지 방법만으로도 디자인에서 색상을 사용하는데 도움이 됩니다.

반응형

댓글