개요
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Material 3 Expressive는 가장 작은 화면인 시계를 위한 최신 디자인 시스템입니다. 원형 폼 팩터에 최적화되어 있으며 프리미엄과 한층 높은 수준의 표현을 강조하는 디자인 업데이트를 제공합니다. Material 3 Expressive를 사용하여 아름답고 표현력이 뛰어난 시계 앱을 설계하고 빌드하세요.
표현력 있는 디자인 원칙
표현적인 디자인은 사려 깊은 도형, 애니메이션, 색상, 서체 처리로 각 UI 레이어를 고급화합니다.
포용 라운드
Material 3 Expressive는 원형 화면에 맞게 설계된 도형 프레임워크를 도입합니다. 전체 캔버스를 사용하여 한눈에 들어오는 정보와 시각적 균형을 최적화합니다.
프리미엄 모션 및 스프링
Material 3 Expressive 업데이트를 통해 모든 전환에서 자연스럽고 고급스러우며 일관된 탐색을 제공할 수 있습니다. 이제 모션이 표면을 공간적으로 연결합니다.
사용자 동작에 더 정확하게 반응하여 탐색을 더 직관적으로 만듭니다.
도형 모핑
Material 3 Expressive는 더 고급스러운 느낌에 최적화된 목록 및 선택 버튼용 도형 모핑 프레임워크를 도입합니다. 목록은 원형 폼 팩터에서 원활하게 스크롤됩니다.
선명한 색상
색상 시스템이 확장되어 Material 3 Expressive에 포함된 더 깊은 색조 팔레트와 더 넓은 토큰 세트를 채택합니다. 더 많은 토큰 변형과 더 구체적인 색상 역할과 함께 세 번째 강조 색상을 추가하면 디자인 시스템에 깊이와 다양성이 모두 부여됩니다.
가변 글꼴
Material 3 Expressive는 Roboto의 모든 인스턴스를 Roboto Flex로 대체합니다.
기준 서체 스케일은 시계의 둥근 화면에 맞게 조정되고 최적화됩니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-26(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-07-26(UTC)"],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]
