다열
같은 자료 6개로 배치 비교.
글 읽기열 구성
열 구성 항목을 탐색합니다.
3 편의 글
| 개념 | 특징 | 장점 | 제약 | 적합한 상황 | 조합 조건 |
|---|---|---|---|---|---|
| 다열 | 세 개 이상의 영역으로 탐색·작업·맥락을 가까이 둡니다. | 진행 중인 작업 옆에 참고 자료를 유지합니다. | 영역이 많으면 주의가 분산되므로 작은 화면의 순서를 정하세요. | 작업 옆에서 맥락을 계속 확인해야 할 때 어울립니다. | 영역 안에는 평면 컨트롤, 모바일에는 단일 열을 씁니다. |
| 단일 열 | 필터·자료·안내가 하나의 세로 흐름을 따릅니다. | 하나의 흐름이 다음 읽기 순서를 알려줍니다. | 긴 페이지는 스크롤이 필요하므로 한 줄 길이를 제한하세요. | 순서대로 읽는 콘텐츠에 어울립니다. | 미니멀한 스타일과 제한된 본문 줄 길이를 조합합니다. |
| 2열 | 나란한 두 영역이 필터와 자료를 나눕니다. | 자료 목록 옆에서 필터를 사용할 수 있습니다. | 사이드바가 읽기 폭을 줄이므로 비좁아지기 전에 세로 배치로 바꾸세요. | 탐색을 유지하는 문서 사이트에 어울립니다. | 본문 열 안에 리스트·자료 그리드를 둘 수 있습니다. |