אפשר ליצור ערכות צבעים אישיות ונגישות יותר, שמציגות את היררכיית המוצר, המצב שלו והמותג שלו. כשאתם מעצבים מכשירים לבישים, הצבע ממלא תפקיד חשוב בשיפור הקריאוּת, הנוחות, האטרקטיביות החזותית והביטוי, במיוחד במסכים קטנים יותר.
בעזרת העקרונות הבאים תוכלו להבין איך להשתמש בצבעים במגוון עיצובים.
פיתוח מצב שחור
השעונים תוכננו עם רקע שחור, במקום הרקע המצונן שמופיע במכשירי הטלפון. עיצובים כהים מיועדים לסביבות עם תאורה חלשה ועיצובים בהירים מיועדים לתאורה יום, אבל ממשקי המשתמש בשעונים צריכים לפעול בצורה חלקה גם ביום וגם בלילה. לכן, אסימוני צבע לשעונים צריכים להיות מותאמים במיוחד.
תפקידים חדשים בצבע
מערכת הצבעים של Material 3 שומרת על המבנה של שלושה צבעים עיקריים ושני צבעים ניטרליים לרקע, אבל מוסיפה צבעים של קונטיינרים לתפקידים של הצבעים העיקריים. התפקידים החדשים האלה מאפשרים פוטנציאל ביטוי גדול יותר בלי לשבש את ההיררכיה החזותית, ובעצם מספקים וריאציות של צבע פני השטח עם צפיפות צבע גבוהה יותר. תפקידים של קונטיינרים שימושיים במיוחד להדגשת מצבים, כמו לחצני החלפת מצב, או כדי לספק עיצוב משלים כשהסגנון העיקרי כבר נמצא בשימוש.
משמעות סמנטית
בממשקי המשתמש של השעונים, הצבעים צריכים להעביר את המשמעות בצורה ברורה ואינטואיטיבית. לדוגמה, אדום מציין שגיאות וירוק מציין הצלחה, וכך המשתמשים יכולים להבין במהירות פעולות או מצבים בלי צורך בהסברים נוספים. השימוש הסמנטי בצבע עוזר למשתמשים לנווט בממשק המשתמש ולבצע פעולות בביטחון.
נגישות של צבעים (תאימות לניגודיות)
בממשקי המשתמש של השעון, הצבעים צריכים להעביר את המשמעות בצורה ברורה ואינטואיטיבית. לדוגמה, אדום מציין שגיאות וירוק מציין הצלחה, וכך המשתמשים יכולים להבין במהירות פעולות או מצבים בלי צורך בהסברים נוספים. השימוש הסמנטי בצבע עוזר למשתמשים לנווט בממשק המשתמש ולבצע פעולות בביטחון.
מה חדש
יש עדכונים משמעותיים במערכת העיצוב החזותי ובאופן שבו אנחנו משפרים את הביטוי באמצעות עדכונים ביסודות הסגנון, ברכיבים ובספריות העיצוב של המשבצות.
מערכת הצבעים העשירה של Material 3 כוללת את התכונות הבאות:
- קבוצה מובנית של יחסי צבעים נגישים
- יותר מ-28 תפקידים של צבעים שממופים לרכיבי Material
- צבעים מובנים של עיצוב כהה ליצירה מצב שחור
- ערכי צבע משופרים של צבעים מושבתים
- צבעים נוספים של שגיאות
- צבע בסיס סטטי עם צבעים שמוגדרים כברירת מחדל לכל תפקיד צבע
- תכונות צבע דינמיות, כולל מערכת/תצוגת שעון ועיצובים של צבעים מבוססי-תמונה
משאבים
מידע נוסף זמין במקורות המידע הבאים.
הנחיות לבחירת צבעים ב-Material Design
