כרטיסיות הן לחצנים שמופיעים תמיד בקבוצות ותלויים במצב של שאר הכרטיסיות: רק אחד מהם יכול להיות פעיל בכל זמן נתון.
אנטומיה
2. סמל הכרטיסייה לא פעילה
3. תווית כרטיסייה פעילה
4. תווית כרטיסייה לא פעילה
מפרטים
כרטיסיות שמוצבות בסרגל האפליקציה – מיושרות לשמאל
כרטיסיות שמוצבות בסרגל האפליקציות - יישור גמיש
הכרטיסיות מכווצות בסרגל האפליקציות – תפריט ההזזה
סרגל כרטיסיות עצמאי – מיושר לשמאל
סרגל כרטיסיות עצמאי - יישור גמיש
גלישת מחרוזת של תווית כרטיסייה
התאמת פריסות
פריסות העזר האלה מראות איך להתאים כרטיסיות כך שיתאימו למסכים במידות רוחב וגובה שונות. (קטגוריות רוחב וגובה מוגדרות בקטע פריסה). לתשומת ליבך, כל ערכי הפיקסלים מופיעים בפיקסלים מעובדים, לפני שמבצעים דגימת הקטנה או דגימה למעלה.
מסכים רגילים לעומת מסכים רחבים בטווח גובה קצר
מסכים רגילים לעומת מסכים רחבים בטווח גובה רגיל
מסכים רגילים לעומת מסכים רחבים בטווח גובה גבוה
מסכים רחבים במיוחד וסופר רחבים בכל סוגריים הגובה
סגנונות
טיפוגרפיה
| סגנון סוג | גופן | משקל | גודל (dp) |
|---|---|---|---|
| גוף 3 מיליון | Roboto | אמצעי הגעה לאתר | 24 |
| גוף 3 | Roboto | רגיל | 24 |
צבע
| רכיב | צבע(מצב יום) | צבע (מצב לילה) |
|---|---|---|
| סוג / סמלים ראשיים | לבן | לבן @ 88% |
| סוג / סמלים משניים | לבן @ 72% | לבן @ 60% |
| רקע של סרגל הכרטיסיות | שחור | שחור |
| רקע סרגל הכרטיסיות בזמן גלילה | שחור @ 84% | שחור @ 88% |
| סמל הכרטיסייה – מצב פעיל | לבן | לבן @ 88% |
| סמל כרטיסייה - מצב לא פעיל | לבן @ 56% | לבן @ 50% |
התאמת גודל
| רכיב | גודל (dp) |
|---|---|
| הסמל הראשי | 44 |
| סמל משני | 36 |
| משטח מגע לסמל | 76 |
דוגמאות
