레이아웃 패턴은 화면의 내용을 정렬하는 기본적인 방법을 제공합니다.
Pattern
화면의 특성에 따라 레이아웃을 각기 다르게 적용하여 사용할 수 있습니다. 해당 화면에서 이루어지는 사용자의 작업 수행을 쉽고 빠르게 도울 수 있도록 최적화된 형태로 레이아웃을 구성합니다.
#Content page
정보 제공을 목적으로 하는 일반 화면에서는 사용자의 정보접근성 및 가독성 향상에 중점을 둔 레이아웃으로 구성합니다. 탭 방식의 로컬 네비게이션은 화면 이동이 아닌 전체 레이아웃 내 섹션을 변경하여 하위 메뉴의 정보를 제공하는 방식이며, 각 레이아웃 섹션을 수직으로 나열하여 사용자의 자연스러운 시선 흐름을 유도합니다.
제공 정보의 특성에 따라 레이아웃을 일부 변경하여 사용하는 경우도 있지만, 하나의 전체 레이아웃 내 각 섹션의 수직 배치는 반드시 유지해야 합니다.
#Task page
기술협업, 주문 등 사용자가 작업을 수행하고 각종 데이터를 확인해야 하는 화면은 전체 레이아웃 내 작업별로 각 레이아웃 섹션을 구성하고 작업 순서에 따라 수평 방향으로 나열하여 배치합니다.
사용자가 해야 하는 작업이나 제공하는 데이터 세트의 특성에 따라 다양한 형태로 레이아웃 섹션을 구성하고 각 섹션은 작업 순서에 따라 좌에서 우, 위에서 아래의 배치 원칙을 따릅니다.
