이것만 알아도 더 깔끔하게 디자인할 수 있습니다 | 원디자인 스튜디오

 

혹시 이 이미지를 보신 적이 있으신가요?

디자인의 중요성을 보여주는 유명한 이미지입니다.

이 이미지는 디자인의 기본 원리 중 하나인 시각적 위계(Visual hierarchy)가 잘 적용된 예시로 널리 알려져 있습니다. 

 

 

 

이 이미지를 자세히 살펴보면, 전달하려는 내용이 순차적으로 명확하게 전달되는 것을 확인할 수 있어요.

이는 정보의 우선순위를 정하고 강조할 내용을 시각적 위계에 따라 폰트, 굵기, 크기, 배치를 통해 강조했기 때문입니다.

 

쉽게 말해, 정보의 중요도에 따라 시각적으로 구분하여 보기 쉽게 정리한 것이 시각적 위계를 이용한 디자인의 핵심입니다.

전달할 내용이 너무 많으신가요?

조금 덜어내 보세요.

복잡한 폰트와 이미지로 가득한 썸네일은 오히려 사용자의 이목을 끌기 어렵습니다. 내용이 많을 때는 본문을 따로 작성하거나 일부를 덜어내어 가독성을 높이는 것이 정보 전달에 효과적입니다.

---

예시

나쁜 예 ❌

• 정보의 우선순위를 한눈에 파악하기 어렵다.
• 강조하려는 내용이 명확하지 않다.
• 서체의 통일감이 없다.

 

 

 

 

---

좋은 예 ✔️

• 정보의 우선순위를 한눈에 파악할 수 있다.
• 전달하고자 하는 내용을 쉽게 이해할 수 있다.
• 서체의 통일감을 주어 가독성을 높였다.

 

 

 

 

 

---

 

앞으로 디자인할 때, 시각적 위계를 염두에 두고 정보의 우선순위를 정리하여 깔끔하고 직관적인 디자인을 완성해보세요!

작은 변화만으로도 사용자에게 더 좋은 경험을 제공할 수 있습니다.

 

원디자인스튜디오
no.1 웹디자인 에이전시

원디자인스튜디오