סקירה כללית
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
Material 3 Expressive הוא מערכת העיצוב העדכנית ביותר למסך הקטן ביותר שלנו: השעון. המכשיר עבר אופטימיזציה לגורם הצורה העגול, ונוסף לו עיצוב מעודכן שמתמקד בתחושה יוקרתית ובאפשרות להביע את עצמכם בצורה טובה יותר. עיצוב ופיתוח של אפליקציות שעון יפות ומבטאות בעזרת Material 3 Expressive.
עקרונות עיצוב שמעבירים רגשות
עיצוב חזותי מבטא משפר כל שכבה של ממשק המשתמש באמצעות טיפול מושכל בצורות, באנימציות, בצבעים ובטיפוגרפיה.
סיבוב של חיבוק
ב-Material 3 Expressive נעשה שימוש במסגרת של צורות שמיועדת למסכים עגולים. המערכת משתמשת בכל שטח הלוח כדי לשפר את הקריאה במהירות ואת האיזון החזותי.
תנועה וקפיצים ברמה גבוהה
העדכונים של Material 3 Expressive גורמים לנווט בצורה טבעית, איכותית ועקבית בכל המעברים. תנועה מקשרת עכשיו בין משטחים במרחב.
הם מגיבים בצורה מדויקת יותר לתנועות של המשתמשים, כך שהניווט קל יותר.
טרנספורמציה של צורה
ב-Material 3 Expressive יש מסגרת של טרנספורמציה של צורות לרשימות וללחצני בחירה, שעברה אופטימיזציה לתחושה יוקרתית יותר. ברשימות יש גלילה חלקה בגורם צורה עגול.
צבע עשיר
מערכת הצבעים התרחבה כדי לכלול את לוחות הצבעים הטונליים העמוקים יותר ואת קבוצת האסימונים הרחבה יותר שכלולים ב-Material 3 Expressive. הוספת צבע שלישי לסימן ההטעמה, יחד עם וריאציות נוספות של אסימונים ותפקידי צבעים ספציפיים יותר, נותנים למערכת העיצוב עומק ומגוון.
גופנים משתנים
ב-Material 3 Expressive, כל המופעים של Roboto מוחלפים ב-Roboto Flex.
סולם מסוג בסיס מותאם ומותאם במיוחד למסך העגול של השעון.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת 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"]]