여백의 미는 왜 중요한가?
UX 디자인 원칙
여백의 미는 왜 중요한가?
여백은 디자인 사이의 균형을 맞춰 주고, 콘텐츠를 잘 조직해주어 시각 커뮤니케이션 경험을 전달하는데 큰 역할을 합니다. 거시 여백이나 미시 여백을 잘 활용하면 사용자가 어디에 포커서를 맞춰야 하는지 시선을 유도할 수 있어, 여백만 잘 활용해도 사용자의 관심을 질 이끌어 낼 수 있습니다.
여백의 유형은 크게 거시 여백과 미시 여백이 나눠집니다.
거시 여백이란 (모바일 웹) 구글의 홈처럼 주요 레이아웃 요소 사이에 넓은 공간이 차지하고 있습니다.
이처럼 거시 여백은 미니멀리즘뿐만 아니라, 고급스러움 이미지 느낌을 갖게 합니다.
구글 모바일 웹반면, 미시 여백은 거시 여백에 비해 콘텐츠 가독성에 직접적인 영향을 미칩니다. 폰트, 사이즈, 색상, 스타일, 제목, 장식 등 타이포그래피 등 정할 때 반드시 미시 여백을 고려해야 합니다.
티몬의 경우, 회원가입 시 약관 정보 페이지를 보면 항목과 항목 사이에 단락과 여백이 없어 읽기 불편합니다.
티몬. 약관 정보 페이지를 보면 함목과 항목 사이에 여백이 없습니다. 반면, 위메프에서 회원 가입 시 이용약관은 항목과 항목 사이에 단락과 여백이 있어 약관을 읽기 편합니다.
위메프. 항목과 항목 사이에 단락과 여백이 있어 읽기 편합니다 프로덕트 디자이너 여러분!!!!
거시 여백과 미시 여백을 조화롭게 사용하면, 사용자는 우리 사이트에 그만큼 매력적이고 눈에 편안함을 높여준다는 것!!! 잊자 마세요!
전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)
https://brunch.co.kr/@ebprux/1332
[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)
(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
https://www.inflearn.com/users/196290
