דף זה תורגם על ידי Cloud Translation API.

צ'יפס
קל לארגן דפים בעזרת אוספים אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.

הרכיב צ'יפ הוא רכיב אינטראקטיבי שמייצג קלט, מאפיין או פעולה.

המלצות לקו

מינימום

טקסט ראשי > שורה אחת
תווית משנית > שורה אחת

מקסימום

טקסט ראשי > 2 שורות
תווית משנית > 3 שורות

אנטומיה

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

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

א. תווית ראשית
ב. תווית משנית (אופציונלי)
ג. סמל (אופציונלי)
ד. מאגר

הדרגתיות של צ'יפים

צ'יפ רגיל

למעלה/שמאל = 50% ראשי
למטה/ימין = 0% פני
(שכבות-על של גווני-מעבר על רקע בצבע פני)

צ'יפ תמונה

למעלה/שמאל = 30% ראשי
0, 0, 45° (מתחת לחלק התחתון/ימין) = 20% בגרסה של פני השטח

סוגי צ'יפים חלופיים

צ'יפ עם תמונה ברקע

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

מומלץ שהגובה של הצ'יפים האלה יהיה קבוע, 52dp.

צ'יפ הדמות

משתמשים בצ'יפים של דמויות לפעולות שקשורות לדמות שנבחרה. אפשר גם להוסיף צ'יפים של סמלי דמויות כדי לזהות את הדמות בקלות רבה יותר, כמו תמונה של תעודת מזהים של איש הקשר. סמלי הדמויות הם בגודל 32x32 dp.

צ'יפ קומפקטי

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

צ'יפים קומפקטיים כוללים חריץ לסמל וחריץ לתווית טקסט של שורה אחת. לצ'יפים קומפקטיים יש אזור שניתן להקיש עליו בגובה 48dp.

היררכיה

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

דגש גבוה

כדאי להשתמש בצ'יפים עם דגש גבוה לפעולות שהן העיקריות בדף. מומלץ להשתמש בצבעים ראשיים כמילוי של צ'יפ עם הדגשה חזקה.

הדגשה בינונית

מומלץ להשתמש בצ'יפים עם הדגשה בינונית לפעולות שפחות חשובות מהפעולות הראשיות. מומלץ להשתמש בצבעים משניים למילוי של צ'יפ הדגשה בינוני.

לחלופין, אפשר להשתמש ברכיב OutlinedChip בהתאמה אישית. צ'יפ עם קו מתאר כולל רקע שקוף, קו צבעוני של וריאנט ראשי עם אטימות של 60% ותוכן בצבע ראשי.

הדגשה נמוכה

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