Design
List and Tables(HIG)
2료일
2023. 6. 7. 17:01
리스트와 테이블은 하나 이상의 행열에 정보를 보여준다.
list는 목록이라는 뜻으로 나열하는 형태. Table은 표 뜻으로 나열한 형태.
- 리스트 또는 테이블에 텍스트를 넣는 것이 좋다. 텍스트를 스캔하고 읽기 쉽게 만드는데 적합.
- 만약에 다양한 컨텐츠들을 넣어야한다면 콜렉션사용
- 사람들이 맥락에 따라 테이블을 편집할 수 있도록.
- 사용자가 리스트의 항목을 선택할 때 적절한 피드백 제공.
컨텐트
- 행 내용을 쉽게 읽을 수 있도록 텍스트를 간결하게 제공하는 것이 좋다. 항목의 제목만 나열하여 사용자가 항목을 선택한다면 세부 보기를 통해 내용을 보여주는 방식이 있다.
- 텍스트 잘림을 고려하여 텍스트의 가독성을 유지하는 것이 좋다.
- 다중 열 테이블에는 열을 설명하는 제목을 사용해야한다. 명사또는 짧은 명사구를 큰 제목 스타일의 대문자와 함께 사용하고 끝 문장부호를 사용하지 않는 것이 좋다.
- 행을 레이블링된 섹션으로 구분할 수 있고. 선택적 색인은 표의 오른쪽 가장자리를 따라 세로로 나타날 수 있다. 머리글은 섹션의 첫번째 항목앞에 나타나고 바닥글은 마지막 항목뒤에 나타날수 있다.
- 행은 그룹으로 표시되고 그룹앞에 header과 footer를 놓을 수 있다.
- 테이블의 컨텐츠를 빨리보여주기 싲가한다. 텍스트는 데이터자가 작아 즉시화면에 행을 채울수 있고 이미지가 있는 경우 천천히 그 이후에 온다.
이것이 대부분의 디폴트인데 행 왼쪽에는 옵션이미지가 있고 그 뒤에 왼쪽정렬된 제목과 subtitle이 존재한다. 오른쪽에는 버튼이 있을수도 있고 right detail이 있을수도 있다.
보면 리스트의 헤더로 활동이 있고 왼쪽에 이미지가있고 그 바로 오른쪽에는 왼쪽정렬이 된 제목과 subtitle이 있다. 오른쪽에는 마찬가지로 커스텀한 오늘이란 버튼이 있다.