הדפסת כרטיסים

כרטיסים יכולים להכיל מגוון רחב של מידע, כמו טקסט, סמלים, תמונות, תשובות של Gemini או פעולות.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת.

עקרונות

מגובש: הכרטיסים מקבצים מידע ופעולות שקשורים זה לזה ליחידה אחת שקל לעכל.

ברור: הם מציגים את התוכן בצורה ברורה ומאורגנת, ומשפרים את יכולת הסריקה.

מגוון אפשרויות: הכרטיסים יכולים להתאים את עצמם כדי להציג מגוון רחב של תוכן, החל מתיאורים קצרים ופשוטים ועד לסיכומים מורכבים יותר עם כמה אלמנטים.

מודולרי: מתוכנן להיות מודולרי ולשימוש חוזר בחלקים שונים של ממשק Jetpack Compose Glimmer for Glasses.

שימוש ומיקום

כרטיסים יכולים להכיל מגוון רחב של מידע, כמו טקסט, סמלים, תמונות, פעולות או תשובות של Gemini.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת.

כדאי להשתמש בתבניות של כרטיסי Glimmer ב-Jetpack פיתוח נייטיב לתוכן, כי יש הרבה וריאציות שלהן והן מותאמות לשימוש בעקרונות העיצוב של משקפיים כבר מההתחלה.

הקפידו על תוכן תמציתי ועל שימוש בשיטות מומלצות לסגנון, כמו שימוש בצבעים.
להציף את המשתמשים ביותר מדי תוכן בכרטיסים או להתעלם מהנחיות הסגנון.

אנטומיה

הכרטיסים נוצרים באמצעות תבניות של משבצות שהוגדרו מראש.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. 1. כותרת: החלק העליון של הכרטיס, שנועד להכיל תמונה. 

2. כותרת וכותרת משנה: שדות הטקסט האלה מספקים את התוויות הראשיות והמשניות של הכרטיס. 

3. סמל מוביל: סמל אופציונלי שמופיע בתחילת אזור התוכן של הכרטיס.

4. סמל בסוף: סמל אופציונלי שמופיע בסוף אזור התוכן של הכרטיס.

5. פעולה: משבצת לרכיב אינטראקטיבי ראשי, כמו לחצן. כך המשתמשים יכולים לבצע פעולה ישירות מהכרטיס. החריץ זמין בעומס יתר נפרד של רכיב Card שאפשר להרכבה. 

6. התוכן העיקרי: החלק המרכזי של הכרטיס, שבו מציבים את הטקסט העיקרי או תוכן אחר.

מצב פוקוס

בכרטיסים שהמטרה העיקרית שלהם היא להכיל רכיב אינטראקטיבי ספציפי (כמו הלחצן בפעולה), הפוקוס צריך לעבור ישירות לרכיב הזה ולא למאגר הכרטיסים. כרטיס הופך לניתן למיקוד כשהוא מייצג פריט יחיד שאפשר לנווט אליו, כמו רשומה ברשימה. כך אפשר לספק חוויית משתמש ישירה ונגישה יותר.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. כרטיס שמוגדר כפריט ברשימה.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. כפתור בתוך כרטיס מקבל הדגשה כאלמנט שניתן לבצע בו פעולה.

התאמה אישית

מאפיינים התאמה אישית ברירות מחדל
צורה כן בינוני
מרווח פנימי כן ‫24 dp, ‏ 24 dp
גבול כן ‫2 dp,‏ ‎#606460
טקסט כן גוף קטן
סמל מוביל כן ‫56 dp
סמל בסוף כן ‫56 dp