[디자인 시스템/스타일 가이드] tabs UI에 대해서
2023. 5. 23. 17:31ㆍProduct 디자인
tabs의 목적은 유사한 그룹이 많을 때 정리하기 위해서 사용함. 탭이 많다면 스크롤링이 된다는 것을 화면에 걸쳐서 알려주며 왼쪽 상단은 항상 선택되어 사용자의 위치를 알려줘야함.
- Tab은 반드시 한 줄이어야 합니다.
- Tab은 언제나 선택되어 있는 상태여야 합니다.
- Tab은 새로 만들어낸 용어가 아닌 직관적인 쉬운 용어를 사용해야 합니다.
- 긴 텍스트 Label은 말줄임표와 함께 사용자의 이해를 방해하기 때문에 사용하지 않습니다.
- 사용자의 시야에서 많은 Label을 발견하기 위해서는 스크롤 탭을 사용하여 스크롤링을 유도해야 합니다.
출처
https://designsystem.line.me/LDSM/components/tabs-ex-ko/
LINE Design System for Messenger - Components
Components are combination of Elements making up respective functions. LINE's Components Guidelines unify the names of components and define their structure, usage, type, and pattern for the convenient communication between related departments.
designsystem.line.me
'Product 디자인' 카테고리의 다른 글
| [피그마] 배리어블(Variable) 기능으로 라이트/다크모드 스위칭하기 (1) | 2023.07.12 |
|---|---|
| [디자인 시스템/스타일 가이드] tooltip에 대해서 (0) | 2023.05.24 |
| 토스 증권 클론 디자인! 라이트/다크모드 1:1 테마 적용해보기 (0) | 2023.05.22 |
| 앱 디자인 제작시 아이콘 사이즈는? 24px 20px? Material design의 시스템 아이콘을 중심으로 (0) | 2022.09.12 |
| 탈중앙화 블록체인 지갑 디자인, 니모닉 더블체크 인터페이스에 대한 정성적 조사 (1) | 2022.08.23 |