티스토리 뷰

1. 오늘의 아티클(주제)

https://brunch.co.kr/@blckschrl/41

 

06화 UI를 위한 색

우리의 눈이 보는 색의 원리와 UI 디자인 | 색은 강한 자극을 주는 시각 언어입니다. 화면 내에서 사용자를 행동하게 하거나 반드시 알아야 하는 정보를 강조하기 위해 주로 사용하는 요소입니

brunch.co.kr

2. 아티클 정보 요약

  • 색속성 

      - 채도 (Chroma) : 색의 맑고 탁함, 순수한 정도, 색의 강약, 포화도를 내타내는 성질. 흰색이나 검은색이 섞이지 않은 원색일 수록 채도가 높다. 색의 선명도를 나타냄.

     - 명도 (Value) : 색의 밝기

    - 색조 (Tone) : 색채의 3 속성 중 명도와 채도의 개념을 하나로 합쳐 색의 밝기와 어두임이나 강약 또는 진함 등을 표현하는 방법. 

  • 색공간 : CMYK(cyan, magente, yellow, black)  RGB(빨강, 녹색, 파랑) HSL(색상, 채도, 밝기) HSV(색상, 채도, 값)
  • 주색과 보조색 : 서비스에서 사용되는 색은 기본적으로 주색과 보조색, 흑백을 사용한다. 
  • 색계층 : 페이지 내에 중요도에 따라 색을 사용. 기본 골격은 흑백으로 구성하며, 기능이 있거나 꼭 알아햐나는 정보와 같이 중요요소는 주색과 보조색을 이요해서 강조. 
  • 색대비 : 충분하게 구분되어야 함.
  • 색조합 : 단색, 유사색, 보색
  • 색비율 : 60-30-10 법칙 60%와 30%를 이용해서 배경 색을 배분하고, 강조하고자 하는 요소나 글 위주의 서비스일 경우 10%배분
  • 배경과 색 : 다크모드 일때와 밝을 때 같은 색상을 사용하지 않고 알맞은 색 사용해야 함. 

3. 인사이트

디자인에서 색상은 매우 큰 영향을 미친다. 색의 조화도 중요하지만 사용자를 행동하게 하거나 반드시 알아야하는 정보를 강조하는 것이 중요하다. 색 또한 서비스의 일부분이다. 색 비율적인 부분이 가장 와닿았다. 여러가지 색을 과하게 사용하지 않고 적정하게 색을 배분하여 서비스 이용 환경을 쾌적하게 해야한다. 좀 더 많은 디자인을 참고하면서 공부해야할 것 같다. 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함