צבע המשקפיים

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

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

ערכת צבעים

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

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

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

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

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

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

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

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

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

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

צריכת חשמל

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

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

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

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

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

צבעים כהים של מאגרים

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

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

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

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

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

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

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