목록Android Material Design3 (18)

오늘도 더 나은 코드를 작성하였습니까?

Design tokens

token은 색상 및 글꼴과 같은 스타일 값을 저장하므로 designs, code, tools 및 platforms에서 동일한 값을 사용할 수 있습니다. 머티리얼 디자인은 color, typography, elevation, and motion values.에 대한 system 및 reference 토큰을 제공합니다. size 측정 및 구성 요소에 대한 추가 토큰이 개발 중입니다. 하드코딩된 값 대신 디자인 토큰을 사용하면 디자인 시스템으로 제품을 구축, 유지 관리 및 확장하는 작업을 간소화할 수 있습니다. Takeaways Token은 플랫폼에 구애받지 않는 형식이지만 플랫폼별 코드에서 사용할 수 있습니다. Token에는 reference, system 및 component의 세 가지 종류가 있습니다...
Android Material Design3 2023. 4. 7. 11:20
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..
Android Material Design3 2023. 4. 6. 18:15
Color & accessibility

dynamic color은 color contrast에 대한 접근성 표준을 충족하도록 설계되었습니다. 색조 팔레트를 기반으로 하는 Material의 시스템은 기본적으로 액세스할 수 있는 색 구성표를 만드는 데 핵심입니다. 16진수 값이나 hues가 아닌 tonality를 기반으로 색상을 결합하는 것은 Material이 기본적으로 색상 출력에 액세스할 수 있도록 하는 주요 방법 중 하나입니다. 색상 알고리즘은 사용자가 경험하게 될 잠재적인 조합이 대비 표준을 충족하도록 설계되었습니다. Contrast 대비는 두 색상 사이에서 인식되는 차이의 양을 나타냅니다. 색상은 유사한 색상의 두 항목을 구별할 수 있도록 요소 간의 대비를 보장하여 인터페이스의 시각적 접근성에 도움을 줍니다. button / button..
Android Material Design3 2023. 4. 6. 15:53
Adding custom colors to a scheme

scheme of color는 주로 key color과 complementary(보색)으로 생성된 톤의 결과입니다. 사용자 정의 색상은 core 체계와 동일한 처리를 거치므로 complementary(보색) 세트가 자동으로 할당되는 a custom key color 색상을 입력할 수 있습니다. Inputting a key color generates tones for custom color roles https://m3.material.io/theme-builder#/dynamic Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—tha..
Android Material Design3 2023. 4. 5. 16:39
이전 Prev 1 2 3 4 5 Next 다음