by
Jul 30. 2022
여백의 미는 왜 중요한가?
UX 디자인 원칙
여백의 미는 왜 중요한가?
여백은 디자인 사이의 균형을 맞춰 주고, 콘텐츠를 잘 조직해주어 시각 커뮤니케이션 경험을 전달하는데 큰 역할을 합니다. 거시 여백이나 미시 여백을 잘 활용하면 사용자가 어디에 포커서를 맞춰야 하는지 시선을 유도할 수 있어, 여백만 잘 활용해도 사용자의 관심을 질 이끌어 낼 수 있습니다.
여백의 유형은 크게 거시 여백과 미시 여백이 나눠집니다.
거시 여백이란 (모바일 웹) 구글의 홈처럼 주요 레이아웃 요소 사이에 넓은 공간이 차지하고 있습니다.
이처럼 거시 여백은 미니멀리즘뿐만 아니라, 고급스러움 이미지 느낌을 갖게 합니다.
구글 모바일 웹반면, 미시 여백은 거시 여백에 비해 콘텐츠 가독성에 직접적인 영향을 미칩니다. 폰트, 사이즈, 색상, 스타일, 제목, 장식 등 타이포그래피 등 정할 때 반드시 미시 여백을 고려해야 합니다.
티몬의 경우, 회원가입 시 약관 정보 페이지를 보면 항목과 항목 사이에 단락과 여백이 없어 읽기 불편합니다.
티몬. 약관 정보 페이지를 보면 함목과 항목 사이에 여백이 없습니다. 반면, 위메프에서 회원 가입 시 이용약관은 항목과 항목 사이에 단락과 여백이 있어 약관을 읽기 편합니다.
위메프. 항목과 항목 사이에 단락과 여백이 있어 읽기 편합니다 프로덕트 디자이너 여러분!!!!
거시 여백과 미시 여백을 조화롭게 사용하면, 사용자는 우리 사이트에 그만큼 매력적이고 눈에 편안함을 높여준다는 것!!! 잊자 마세요!
라이브 클래스 PM VOD 패키지(리서치/분석/전략/설계)
178여개 UX 강좌(총 300시간) PM VOD 패키지 98% 할인 이벤트!!!! 매일 하루에 딱 한명만!!!! 선착순 1명!!!!
