צבע
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
הבסיס של אסטרטגיית הצבעים של מערכת ההפעלה אנדרואיד לרכב הוא הרעיון של "בנייה משחור". ביסוס צבעי הממשק על שחור יוצר חוויית משתמש עקבית יותר, ללא שינוי דרסטי בין ערכות נושא של יום ולילה.
בנייה משחור מבטיחה גם יישור טוב יותר עם החומרה, מכיוון שחומרים כהים משמשים לעתים קרובות בפנים הרכב ובלוח המחוונים.
הנחיות במבט חטוף (TL;DR)
בנה את אפשרויות הצבע שלך משחור כדי לתמוך בנהיגה ביום ובלילה
שמור על יחס ניגודיות של לפחות 4.5:1 בין הרקע לסמלים או לטקסט
השתמשו בצבעים בצורה מינימלית, עם מטרה
הצג גובה באמצעות גווני אפור
השתמש בשקיפות ואטימות כדי להנחות את המיקוד החזותי
פלטות צבעים ומעברי צבע
ערכת הנושא הכהה של ממשק מערכת ההפעלה אנדרואיד מבוססת על פלטת גווני אפור. באופן אידיאלי, כל צבע נוסף צריך להיות בעוצמה מופחתת, כמו בגרסאות הכהות של הצבעים בפלטות העיצוב החומרי.
סעיף זה כולל מידע על פלטת צבעים ואטימות, יחד עם תרשימים המספקים ערכי גווני אפור עבור רמות הגובה המשויכות לכל רכיב.
עיצוב חומרי
שימוש ופלטות צבעים
פלטת גווני אפור של מערכת ההפעלה אנדרואיד לרכב
פלטת גווני האפור של מערכת ההפעלה אנדרואיד לרכב משמשת לאלמנטים כגון טקסט וסמלים, והיא נועדה להתאים לדרישות הייחודיות של סביבת הנהיגה.
פלטת הצבעים הזו צריכה להיות מגוונת מספיק כדי:
כסו את כל מקרי השימוש השונים של ממשק המשתמש של ערכת הנושא האפלה
ספק טווח מספיק כדי להגדיר היררכיה באמצעות הבדלי גוונים
פלטת גווני אפור זו היא פלטת הצבעים העיקרית עבור מערכת ההפעלה אנדרואיד לרכב, התומכת בנושא הכהה של הממשק.
הבדלי גוונים יוצרים אשליה של עומק אפילו על רקע שחור אמיתי שבו צללים אינם מורגשים. כדי לספק הבדלי גוונים מספיקים, פלטת גווני האפור של מערכת ההפעלה אנדרואיד לרכב כוללת גווני אפור בינוניים. גווני עיצוב חומריים החל מאפור 900 מתקרבים לצבעים בהירים יותר מהר מדי; צבע בהיר יותר בשתי שלבים יהיה אפור 700, שהוא בהיר מדי עבור ההקשר האוטומטי.
תרשים זה מציג את רמות הגובה שבהן רכיבים שונים נחים. לכל רמת גובה יש ערך אפור משויך. תרשים זה מציג את הערכים האפורים הקשורים לרמות גובה שונות במצב יום ולילה
צבע הדגשה
בנוסף לפלטת גווני האפור שבליבת ממשק מערכת ההפעלה אנדרואיד לרכב, ניתן להשתמש בצבעים אחרים במשורה למטרות כמו ציור מיקוד.
נכון לעכשיו, למערכת ההפעלה אנדרואיד לרכב יש צבע הדגשה רשמי אחד, גוון של כחול המכונה בספריית התמיכה "הדגשת רכב". כדי להגביר את הרוויה והחיוניות, הכחול הזה שונה מעט מהכחול הסטנדרטי של גוגל. שינוי זה עוזר לצבעים לשבת בנוחות רבה יותר על משטח כהה.
צבע "המבטא הכחול לרכב" במערכת ההפעלה אנדרואיד לרכב רווי יותר מהכחול הסטנדרטי של גוגל, שנועד לעבוד היטב בממשק בעל הנושא הכהה בנהיגה ביום ובלילה כאחד.
תרשימי ערך אטימות
שקיפות מעבירה תחושה של עומק ומחזקת את המודל המרחבי של עיצוב חומרים. כדי להשתמש בשקיפות ביעילות, בחרו ערכי אטימות כהים או לבנים בהתבסס על מקרה השימוש שלכם.
ערכי אטימות כהה
מקרה השימוש הנפוץ ביותר עבור ערכי אטימות כהה הוא יצירת סקרים (שכבות-על).
ערכי אטימות לבנה
ערכים אלה משמשים בעיקר על טקסט. הם יעילים במיוחד כאשר הרקע צבעוני. שימוש באפור אחיד על רקע כהה וצבעוני נראה בוצי מדי.
לדוגמאות לשימוש באטימות בסקרימים ובהיררכיות טקסט, ראו הנחיות ודוגמאות .
לְהַשְׁווֹת
כדי לעמוד בהנחיות הבטיחות הבסיסיות של מערכת ההפעלה Android Automotive, יחס הניגודיות בין הרקע לסמלים או לטקסט צריך להיות לפחות 4.5:1. לפרטים על האופן שבו יחסי ניגודיות חלים על רכיבי ממשק משתמש ספציפיים לרכב, ראו הפיכת תוכן לקל לקריאה .
לַעֲשׂוֹת
ודא שהניגודיות עומדת ביחס מינימלי של 4.5:1 עבור כל התוכן הקריא והניתן לפעולה
אל תעשה
אל תתנו לניגודיות לרדת מתחת ל-4.5:1, דבר שיפגע בבטיחות הנהג.
הדרכה ודוגמאות
ממשק המשתמש הכהה של מערכת ההפעלה אנדרואיד לרכב הוא נקי ופשוט, עם שימוש מינימלי בצבע. בנוסף לשימוש בצבעים, גוונים וערכי אטימות מתאימים עבור רכיבי ממשק המשתמש (ראה פלטות צבעים ומעברי צבע ), חשוב לוודא שלכל שימוש בצבע ובמעברי צבע יש מטרה.
סעיף זה מספק הדרכה ודוגמאות ליישום שקיפות, אטימות וצבע כדי להשיג מגוון מטרות. מטרות אלה כוללות:
רקעים מטושטשים
שמירה על עקביות
יצירת היררכיה ויזואלית המפנה את תשומת הלב של המשתמש לפעולות העיקריות.
הבחנה בין ישויות ברשימה
הסתרת רקעים בעזרת סקרים
סקרים (שכבות-על) במסך מלא משמשים לכיסוי רקעים מאחורי אלמנטים מפריעים, כגון דיאלוגים הדורשים ממשתמשים לבצע פעולה. סקרים חלקיים משמשים כדי למשוך תשומת לב למעבר של אלמנטים כגון התראות.
סקרים מלאים (מאחורי כרטיס דיאלוג) במצב יום צילום מלא (מאחורי כרטיס דיאלוג) במצב לילה
בדיקה חלקית (מאחורי הודעה) במצב יום בדיקה חלקית (מאחורי התראות) במצב לילה
שמירה על עקביות עם צבע
צבע הוא רמז רב עוצמה לחיזוק זיכרון וזיהוי. השתמשו בו כדי ליצור חוויה קוהרנטית ממסך למסך.
לַעֲשׂוֹת
שמור על המשכיות חזותית על ידי שימוש באותו צבע עבור פריט בתצוגות מרובות, כגון הצבע הירוק המשמש לתצוגות הניווט המפורטות כאן.
לַעֲשׂוֹת
השתמשו בצבע כדי לחבר חזותית אלמנטים ופונקציות קשורים, כגון קריאות לפעולה אדומות המוצגות כאן
לַעֲשׂוֹת
השתמשו בצבע הדומיננטי של עטיפת האלבום או בצבע שהוקצה לאפליקציה על אלמנטים קשורים כאלמנט ויזואלי מתמשך. כאן, העיגול סביב כפתור ההשהיה מודגש בירוק של ספוטיפיי.
אל תעשה
אל תשתמשו בצבעים שונים כדי להבדיל באופן שרירותי בין רכיבים חוזרים במסך יחיד. היזהרו משימוש בצבעים כאשר הם אינם מוסיפים ערך - כמו במקרה של קווי המתאר הצבעוניים סביב כרטיסי הסיכום, שמשכפלים את צבע סמל האפליקציה.
יצירת היררכיה חזותית
השתמשו בערכי אטימות הלבן כדי ליצור היררכיה ויזואלית עקבית וחזקה. ערכי האטימות של 88, 72 ו-56 מכילים ניגודיות מספקת כדי לעמוד בדרישות הנגישות תוך יצירת סביבת קריאה נוחה על רקע כהה. השתמשו באטימות של 96% על כל הצבעים הלבנים עבור מצב לילה.
לַעֲשׂוֹת
השתמש בערכי אטימות וניגודיות שונים כדי לשמור על היררכיה חזותית.
אל תעשה
אל תשתמשו יתר על המידה בערכי אטימות או ניגודיות מלאים על ידי החלתם על יותר מדי אלמנטים. ניגודיות בערכי אטימות נחוצה כדי להבדיל בין מידע ראשוני ומשני.
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2026-02-25 (שעון UTC)."],[],[]]