[디자인]가독성을 높이는 5가지 디자인 방법 (여백 활용)

 

 

디자인은 결국 내용을 전달 하기 위한 하나의 수단이기에

가독성을 높여 내용이 한눈에 들어오도록 하는 것이 중요 합니다.

 

가독성이 높다는 것은

여백을 잘 활용한다는 뜻입니다. 

 

말을 할때도 호흡을 하듯이 이야기 하듯이

디자인에서도 여백으로 호흡을 주어 

하고자 하는 말이 더 명확히 들릴 수 있도록 하는 것입니다. 

 

 

여백 활용 하는 방법 

 

1. 여백을 균일 하게 맞춘다. 

아래 애플 사이트를 보시면 좌우 여백을 균일 하게 맞추고 각 요소들의 사이 간격도 균일하게 맞춰져 있습니다. 

 

2. 제목과 세부내용이 구분된다.  (시각적 점프 비율이 높다) 

 

킨포크 웹사이트의 내용을 보면 제목과 내용의 글자 크기 차이를 크게 두어서 

구분이 확실히 되도록 하였습니다. 

 

 

 

 

 

3. 배경과 내용이 구분된다. 

 

4. 자간이 적절하다. 

우리가 일반적으로 자주 보는 페이지들을 보면서 적절한 자간을 찾아 보는게 좋습니다.

 

 

 

5. 요소간의 간격과 그룹핑이 잘 되어 있다. 

썸네일간의 그룹핑이 잘 되어 깔끔해 보입니다. 

 

 

 

이처럼 여백만 잘 활용해도 충분히 가독성있고 깔끔한 디자인을 구현할 수 있습니다.

디자인에 따라 적당한 여백이 저마다 다르기 때문에

가장 좋은 방법은 좋은 레퍼런스를 따라해 보면서 감을 익히는 것이겠지요! 

 

 

UI 디자인을 할때 여백을 적용하는 방법들도 있습니다.  

아래 링크를 따라가시면 원문이 나오는데, UI 디자인 시에 여백을 활용하는 자세한 방법을 다루고 있습니다. 

https://uxdesign.cc/whitespace-in-ui-design-44e332c8e4a

Applying white space in UI design

 

 

 

참고 출처 : 

https://kinfolk.kr/

킨포크 매거진 & 스토어

https://www.apple.com/kr/

Apple (대한민국)