מערכת צבעים

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

המיטב

• ‫Android TV פועל בהתאם להנחיות של Google לגבי צבעים של Material, אבל מותאם לטלוויזיה.
• השתמשו בעיצובים כהים כדי ליצור חוויה קולנועית.
• משתמשים בכלי לבניית עיצוב Material כדי ליצור עיצוב.

ערכת צבעים

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

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

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

כלי העיצוב של Material יוצר ערכות צבעים כהות ובהירות עם אותם טוקנים של צבעים, כך שקל לעבור בין עיצובים.

תפקידי צבע

ראשי

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

משני

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

שלישי

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

שכבות

תפקידים ניטרליים משמשים לרקעים ולמשטחים, וגם לטקסט ולסמלים עם דגש גבוה. מידע נוסף על פלטפורמות זמין בהנחיות של Material Design.

מסמכי מתווה

מידע נוסף על תפקידים של קווי מתאר זמין בהנחיות של Material Design.

צבע דינמי

ב-Android לנייד, החל מ-Android 12, המשתמשים יכולים ליצור ערכות נושא מותאמות אישית באמצעות בחירת טפטים והתאמות אישיות אחרות. ב-Android TV אין תמיכה בטפטים, כלומר אין תמיכה בסכימות שנוצרו על ידי משתמשים, ומערכת ההפעלה Android TV משדרת רק פלטות בסיסיות.

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

באמצעות ספריות המפתחים של כלי הצבע של Material, אפשר לחלץ צבעים מרכזיים ישירות מהתמונה, או להריץ אלגוריתם משלכם לחילוץ צבעים כדי למצוא צבע מרכזי ואז להשתמש בכלי הצבע של Material כדי ליצור עיצוב.

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

1. תמונת המקור
2. הצבע של הזרע שחולץ
3. צבעים עיקריים שנוצרו

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

נגישות

למידע על שיקולי נגישות, אפשר לעיין בשיטות מומלצות לנגישות ב-Android TV