טיפוגרפיה
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
טיפוגרפיה עוזרת להפוך טקסט במסך או טקסט בממשק המשתמש לקריא וליפה. סגנונות הטקסט כוללים: תצוגה, כותרת, תווית, גוף, קשת ומספרים.
אפשר להשתמש באסימונים כדי להגדיר גופן, גובה שורה, גודל, מעקב, רוחב ועובי.
ציר של גופן משתנה בתנועה
שימוש בציר של גופן משתנה כדי לסמן משוב תנועה מילולי ולהפוך את האינטראקציות ליותר משמעותיות ומהנות לשימוש.
תרחישים לדוגמה:
- משקל גופן דינמי
- רוחב גופן דינמי
- עובי ורוחבו של גופן דינמי
טוקנים
אסימונים מקצים לסוג של אלמנט סגנון לפי ערך שניתן להגדרה, במקום לפי ערך מוגדר מראש, וכך קל יותר לנהל סגנונות ועיצובים.
תפקידים מסוג Type
בנוסף לסולם מודלים מעודכן ומותאם, אנחנו משיקים גם תפקידים חדשים של מודלים שמתאימים במיוחד לדפוסים בולטים ב-Wear.
- שימוש ב-Arc Text בתרחישי שימוש נוספים, כמו כותרות דפים או תיאורים בגובה קבוע עם מקום מוגבל, כמו שכבות-על של אישור.
- תפקיד טיפוס ספציפי למספרים, כדי שנוכל להשתמש בגדלי טקסט גדולים יותר ובסגנונות שונים למחרוזות שלא צריך להתאים לשוק המקומי, או להשתמש במרווחים מונוכרומטיים או בטבלאות כשהן מונפשות, כמו בוררי בחירה.
משאב: ספריית Google Fonts
מחפשים במגוון רחב של גופנים. אחרי שמחפשים את הגופן הרצוי ובוחרים בו, מופיעות בחלונית השמאלית אפשרויות לשינוי הגודל, הצבעים וההעתקה של הגופן המותאם אישית ללוח העריכה.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-26 (שעון UTC).
[null,null,["עדכון אחרון: 2025-07-26 (שעון UTC)."],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]
