כשמסך “מרגיש נכון” זה לא רק בגלל טיפוגרפיה או ריווחים זה הרבה פעמים בגלל צבע.
אחד החוקים הכי פשוטים והכי חזקים בעיצוב ממשקים הוא: חוק ה־60-30-10 המטרה ליצור איזון, היררכיה ובהירות.
מה זה חוק 60-30-10
חלוקה נכונה של צבעים במסך:
60% צבע עיקרי (בסיס)
30% צבע משני
10% צבע הדגשה
60% – הבסיס של הממשק
זה הצבע ששולט במסך והתפקיד שלו לתת שקט לעין ולא להעמיס
בדרך כלל:
לבן / אפור בהיר
רקע נקי
אזורים גדולים
30% הצבע המשני – מבנה
התפקיד שלו ליצור היררכיה והפרדה, בדרך כלל:
כרטיסים
אזורים
חלוקות תוכן
10% – צבע הדגשה (ואני קוראת לו “הצבע המקפיץ”)
הצבע שמושך את העין והתפקיד שלו להכווין את המשתמש, בדרך כלל:
כפתורים
לינקים
פעולות חשובות
למה זה כל כך חשוב ב-UX?
כי בלי חלוקה נכונה הכל נראה אותו דבר
אין פוקוס
המשתמש לא יודע איפה ללחוץ
הטעות הנפוצה היא להשתמש ביותר מדי צבעים חזקים, כשיש כמה צבעי הדגשה שום דבר כבר לא מודגש.
טיפ קטן
לא חייבים להיות מדויקים ל־60 30 10, אבל כן לשמור על העיקרון –
רוב רגוע
קצת מבנה
מעט הדגשה
נסו לשמור על חוק ה60-30-10 ותראו שהממשקים שלכם נראים הרבה יותר נכונים ומדויקים.