리스트
이미지 다양성보다 같은 정보 항목의 빠른 비교가 중요할 때 반복 행으로 정렬합니다.
글 읽기콘텐츠 나열
리스트·균일한 격자·메이슨리를 비교해 크기가 다른 항목을 훑고 비교하는 방식을 정합니다.
검색 범위: 콘텐츠 나열
3 편의 글
| 개념 | 특징 | 장점 | 제약 | 적합한 상황 | 조합 조건 |
|---|---|---|---|---|---|
| 리스트 | 이미지 다양성보다 같은 정보 항목의 빠른 비교가 중요할 때 반복 행으로 정렬합니다. | 고정된 메타데이터 위치가 빠른 비교를 돕습니다. | 긴 요약이 반복 패턴을 가리지 않도록 행 내용을 짧게 두세요. | 텍스트 항목을 훑고 비교할 때 어울립니다. | 2열 페이지의 본문 영역을 리스트로 채울 수 있습니다. |
| 메이슨리 | 공통 행 정렬보다 이미지 비율 보존이 중요할 때 높이가 다른 항목을 짧은 열에 채웁니다. | 짧은 열이 카드를 받아 공통 행의 빈틈을 줄입니다. | 펼친 뒤 키보드 순서와 겹침을 확인하고 좁은 화면에서는 한 열을 쓰세요. | 시각 자료 모음에 어울립니다. | 미니멀한 카드 스타일로 다양한 이미지를 강조합니다. |
| 균등 그리드 | 같은 폭의 카드와 공통 행으로 구조가 비슷한 항목을 동등하게 비교합니다. | 공통 행이 비슷한 자료의 비교를 돕습니다. | 내용 길이가 다르면 높은 행 안에 빈 공간이 생길 수 있습니다. | 비슷한 정보를 가진 자료 비교에 어울립니다. | 평면 스타일로 깊이 없이 카드 경계를 유지합니다. |