כרטיסיות

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


אנטומיה

1. סמל הכרטיסייה הפעילה
2. סמל הכרטיסייה לא פעילה
3. תווית כרטיסייה פעילה
4. תווית כרטיסייה לא פעילה

מפרטים

כרטיסיות שמוצבות בסרגל האפליקציה – מיושרות לשמאל

כרטיסיות שמוצבות בסרגל האפליקציות - יישור גמיש

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

הכרטיסיות מכווצות בסרגל האפליקציות – תפריט ההזזה

סרגל כרטיסיות עצמאי – מיושר לשמאל

סרגל כרטיסיות עצמאי - יישור גמיש

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

גלישת מחרוזת של תווית כרטיסייה


התאמת פריסות

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

מסכים רגילים לעומת מסכים רחבים בטווח גובה קצר

מסכים רגילים לעומת מסכים רחבים בטווח גובה רגיל

מסכים רגילים לעומת מסכים רחבים בטווח גובה גבוה

מסכים רחבים במיוחד וסופר רחבים בכל סוגריים הגובה


סגנונות

טיפוגרפיה

סגנון סוג גופן משקל גודל (dp)
גוף 3 מיליון Roboto אמצעי הגעה לאתר 24
גוף 3 Roboto רגיל 24

צבע

רכיב צבע(מצב יום) צבע (מצב לילה)
סוג / סמלים ראשיים לבן לבן @ 88%
סוג / סמלים משניים לבן @ 72% לבן @ 60%
רקע של סרגל הכרטיסיות שחור שחור
רקע סרגל הכרטיסיות בזמן גלילה שחור @ 84% שחור @ 88%
סמל הכרטיסייה – מצב פעיל לבן לבן @ 88%
סמל כרטיסייה - מצב לא פעיל לבן @ 56% לבן @ 50%

התאמת גודל

רכיב גודל (dp)
הסמל הראשי 44
סמל משני 36
משטח מגע לסמל 76

דוגמאות

הכרטיסיות מכווצות
הכרטיסיות מוצבות בתוך סרגל האפליקציות
סרגל כרטיסיות עצמאי