일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 디자인패턴
- ㅋㅁ
- a
- PrototypePattern
- 팩토리 메소드
- 빌터패턴
- El
- ㅓ
- 함수형프로그래밍
- r
- Design Pattern
- Singleton
- 추상 팩토리
- Functional Programming
- 프로토타입 패턴
- factory method
- Kotlin
- F
- 추상팩토리패턴
- 옵저버 패턴
- 싱글톤
- 디자인패턴 #
- builderPattern
- 코틀린
- Abstract Factory
- designPattern
- Observer Pattern
- Today
- Total
오늘도 더 나은 코드를 작성하였습니까?
Typography(개요) 본문
Takeaways
- variable fonts은 더 많은 타이포그래피 제어를 제공하는 새로운 기술입니다.
- Display, headline, title, body, label 5가지 키 유형 스타일이 있습니다.
- Design tokens은 글꼴, 줄 높이, 크기, tracking 및 weight를 포함하여 전체에서 타이포그래피 결정을 확장하는 데 도움이 됩니다.
What's new
variable fonts
Roboto Flex 및 Roboto Serif
variable fonts 및 사용자 정의 가능한 axes 사용에 대한 업데이트된 사항에는 Grade, Width 및 Optical Size가 포함됩니다.
Five type styles
type 스타일은 Display, headline, title, body 및 label의 다섯 가지 역할로 정의됩니다.
이러한 새로운 roles은 더 설명적이므로 더 광범위한 사용 사례에서 더 간단하게 적용할 수 있습니다.
Typography tokens
material의 earlier iterations은 typography에 대해 하드 코딩된 스타일 값에 의존했지만, 디자인 토큰은 제품에 typography를 정의하는 향상된 방법을 제공합니다.
토큰은 set value이 아닌 configurable value한 값으로 요소의 type style을 지정합니다.
type roles은 소형, 중형 및 대형과 같은 크기를 설명하여 장치, 또는 컨텍스트에 적응하고 응답할 수 있도록 합니다.
Default typefaces
Android의 기본 서체는 Roboto입니다.
Roboto에는 전 세계 수백 가지 언어를 나타내는 3,300개 이상의 glyphs(자형)가 포함되어 있습니다.
추가적인 타이포그래피 유연성을 위해, variable font 후속 제품인 Roboto Flex를 사용해 보십시오.
여기에는 extended range의 두께, 너비 및 추가로 사용자 정의 가능한 속성(예: 크기별 디자인)이 있으며 라틴어, 그리스어 및 키릴 문자를 지원하는 900개 이상의 glyphs(자형)가 포함되어 있습니다.
Roboto Serif는 편안한 독서 경험을 제공하도록 설계된 또 다른variable font 모음입니다.
작지만 높은 기능을 갖춘 이 제품은 다양한 크기의 다양한 무게와 너비로 인해 어디에서나(심지어 앱 인터페이스에서도) 사용할 수 있습니다.
Noto는 모든 현대 및 고대 언어를 위한 글로벌 글꼴 모음입니다.
각 Noto Sans 제품군은 Roboto와 호환되며 Noto Sans는 150개 이상의 스크립트와 수천 개의 언어를 지원합니다. 언어가 지원되지 않을 때 "대체" 글꼴로 사용됩니다.
'Android Material Design3' 카테고리의 다른 글
How to read tokens (0) | 2023.04.07 |
---|---|
Design tokens (0) | 2023.04.07 |
Color & accessibility (0) | 2023.04.06 |
Adding custom colors to a scheme (0) | 2023.04.05 |
Baseline color scheme tokens (0) | 2023.04.05 |