צבע המשקפיים

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

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

ערכת צבעים

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

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

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

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

התאמה אישית של צבע

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

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

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

צבעי מותג וצבעים סמנטיים שעברו אופטימיזציה

הצבעים שמייצגים מותג, פעולות או התראות מערכת צריכים להיות:

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

מידע נוסף על העיצוב Glimmer של Jetpack Compose

צריכת חשמל

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

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

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

מומלץ להימנע משימוש בממשקים מותאמים אישית.

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

צבעים כהים של רכיבים

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

  • המשטחים חייבים להיות שחורים כדי שהניגודיות תהיה הכי גבוהה
  • הקווים צריכים להיות גלויים אבל לא בולטים מדי

שימוש בממשקים כהים ובתכנים בהירים.
משתמשים ברקעים בהירים או מלאים.

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

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

חשוב להקפיד על התאמה בין הצבעים המותאמים אישית של קווי המתאר במצב המיקוד לבין הצבעים המותאמים אישית של קווי המתאר במצב ברירת המחדל.

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