좋은 UI 디자인

좋은 UI 디자인

좋은 UI 디자인이란?

• 버튼, 텍스트, 컬러에 대한 규칙이 있어 사용자가 UI를 쉽게 이해할 수 있게 함
  • EX1) 클릭하면 동작하는 요소들은 검정색으로 설정한다.
  • EX2) 직접 입력하는 부분은 바탕색을 회색으로, 내부의 안내 문구는 회색으로 한다.
• 사용자가 어디에 집중해야 할 지 시각적으로 알려줌
  • 폰트, 색, 크기, 여백 등 여러 요소를 통해 중요한 부분을 강조하기

 

UI 디자인 원칙들

• 매우 많고 다양함 주의
• 일관성
• 위계

 

일관성

• 디자인에 공통적으로 적용될 수 있는 규칙
• 게슈탈트 이론: 사람은 시각을 통해 사물 이해

 

위계

• 중요하지 않은 내용과 중요한 내용을 구분하여 유저의 UI 이해성을 높임
• 정보를 적절한 크기로 나누기
• 서로 멀리 있으면 구분되어 보임
• 공통영역의 원리: 같은 요소라도 공통된 하나의 영역에 들어가 있으면 연관성이 더 높아 보임
• 유사성의 원리: 비슷한 요소들에 강한 연관성 부여
• 화면에서 왼쪽, 위쪽에 있을 수록 중요해보임
• 시각적 무게감(BOLD, 색깔, 채도, 대비)이 더 클수록 요소에 더 눈길이 감>> 강화 OR 약화
•