크리스의 개발일기

하이라키(Hierarchy) 구조란? 먼저 Hierarchy의 사전적 의미는 '계층'을 뜻하며 UI/UX에서는 보통 계층 구조. Hierarchy(이하 계층 구조)는 UI에서 굉장히 중요한데, 보통 Typography와 많이 연관됩니다. 예를 들어, 각 페이지나 컴포넌트를 대표하는 텍스트는 대표스럽게 보이면 되고, 덜 중요해 보이는 텍스트는 덜 중요해 보이면 되는 겁니다. 쉽게 말해서 각 요소들의 서열을 정리해주는걸 계층 구조를 정리한다고 생각하면 쉽습니다. 계층 구조를 정리하는 방법은 여러 가지가 있지만 개인적으로는 Typography가 가장 쉽게 이해가 되는 방법이므로, Typography를 예로 들어 설명하겠습니다. Typography에서 계층 구조를 정리하는 요소로는 폰트의 크기(size), 굵기..