반응형 피그마디자인2 좋은 UI 디자인 알아보기 (2편) : 위계 적용 좋은 UI 디자인을 위해서는 일관성을 유지하는 것이 사용자 편의에 좋으며, 이를 어떻게 디자인에 반영할 수 있는지 살펴봤습니다. 이번에는 위계에 대해 알아봅시다. 위계란 중요한 내용과 그렇지 않은 내용을 잘 드러내서 인터페이스를 더 이해하기 쉽게 만드는 것입니다. 색이나 거리, 크기 등을 조정해서 좋은 위계를 만든다면 사람들이 인터페이스를 더 잘 이해할 수 있게 됩니다. 그렇다면 위계를 디자인에 어떻게 반영하는지 살펴보겠습니다. 1. 정보를 미리 나누는 작업 먼저 위계를 적용하기 위해서는 정보를 적절한 크기로 나눠주는 작업이 필요합니다. 보통 UI를 살펴보면, 다른 페이지로 이동할 수 있는 버튼이 있는 내비게이션 영역과 페이지를 간단하게 소개할 수 있는 배너 영역, 각 품목들을 보여주는 콘텐츠 영역.. 2024. 8. 10. 좋은 UI 디자인 알아보기 (1편) : 일관성 유지 좋은 UI 디자인의 정의를 생각해보신 적 있나요? 색상이나 폰트를 잘 사용하거나, 배치를 잘했다는 명확한 기준이 있을지 생각해봅시다. 우선 좋은 UI 디자인은 버튼이나 텍스트, 컬러 등이 어떻게 사용될 지 규칙을 만들어서 사용자가 UI를 쉽게 이해할 수 있게 만듭니다. 요소마다 일관성 있는 스타일을 부여하여 사용자는 큰 노력 없이도 인터페이스를 빠르게 이해할 수 있게 됩니다. 좋은 디자인이 반영된 UI는 사용자가 어디에 집중해야 할 지 시각적으로 보여줍니다. 폰트, 색상, 크기, 여백 등 여러 요소를 통해 중요한 부분은 부각되고, 중요하지 않은 것들은 잘 보이지 않게 만들 수 있습니다. 중요한 정보가 정확하게 강조된 인터페이스는 사용자가 빠르게 사이트를 탐색하여 자신의 목적을 효과적으로 달성하는 것을 돕.. 2024. 8. 10. 이전 1 다음 반응형
