UI UX의 정의⚒️

기기를 사용하는 사용자가 편리하고 만족스러운 경험을 할 수 있도록
화면을 설계하는 모든 과정

UI : 사용자 중심의 화면 설계
UX : 사용자 경험

UIUX가 중요한 이유는 사용자의 만족도에 따라서 이익창출입니다.
즉, 사용자의 만족은 곧 매출 이익!

UI UX의 기초⚒️

WireFrame : 레이아웃 구성해보는 단계
단계 : 러프 스케치 -> 디자인 와이어프레임 -> 반복과 수정 -> 디자인

• 아래에 와이어 프레임 그려보았습니다
  

Grid System : 페이지의 가이드 라인을 이용해 레이아웃을 구성하는 기본 구조
pc - 12 colurmn
tablet - 8 colurmn
mobile - 4 colurmn

columns 컨텐츠 영역 / gutter columns들의 사이 여백 / margin 사이드 여백

Font : 핵심 내용을 전달하는 중요한 요소
(웹 폰트 / 시스템 / 이미지)
Type face : 폰트와는 차이가 있습니다.
serif / sans serif / display / hand written

Image : 사이트의 분위기를 크게 좌우합니다.
선명한 고화질, 원본 비율 유지, 해상도 확인해야 합니다.
아이콘은 스타일을 동일하게 하며 분위기에 맞춘 사진과 일러스트를 사용합니다.

좋은 UI디자인을 위한 UX의 원칙

• 우리는 사용자가 아니다.
• 시각적 일관성(통일감)을 유지한다.
• 간단하고 명료하게 디자인합니다. (특히 제목)
• 선택지를 쉽고 단순하게 (힉의 법칙)