רוב בעלי העסקים מתלבטים על צבעים יותר מדי זמן, ובסוף בוחרים חמישה. פלטת צבעים לעסק קטן צריכה שלושה: צבע ראשי, רקע רגוע וצבע הדגשה. למטה ארבע פלטות מוכנות, עם קודי הצבע, ולכל אחת גם למי היא מתאימה ולמי פחות.
פלטת צבעים לעסק: למה שלושה מספיקים
הצבע הראשי הוא צבע המותג, מה שאנשים יזכרו: הלוגו, הכותרות, אולי השלט בכניסה. הרקע הוא רוב השטח, והוא צריך להיות שקט מספיק כדי שאפשר יהיה לקרוא עליו. וההדגשה הולכת למקומות שבהם אתם רוצים שהעין תעצור: הכפתור ליצירת קשר, תגית "חדש", קו מתחת לכותרת.
כל צבע נוסף מוסיף החלטה: איפה הוא מופיע, ליד מה, ולמה. עם שלושה צבעים ההחלטות כמעט מקבלות את עצמן. יש כלל מוכר של 60-30-10: שישים אחוז רקע, שלושים צבע ראשי ועשרה הדגשה. הוא נקודת התחלה טובה, לא חוק, ובדף עסקי ההדגשה תופסת בדרך כלל אפילו פחות.
השאלה איך לבחור צבעים למיתוג נשמעת גדולה, אבל לעסק קטן היא די פשוטה: התחילו מהתחושה שהלקוח צריך לקבל, לא מהצבע שאתם הכי אוהבים. עורכת דין שאוהבת ורוד יכולה ללבוש ורוד. הדף שלה, כנראה, צריך משהו אחר. בכל אחת מהפלטות שלמטה כתבנו למי היא מתאימה, וגם למי פחות.
ועוד הערה לפני שמתחילים: טקסט רץ הוא לא חלק מהמשחק. הוא כמעט תמיד צריך להיות כהה מאוד על רקע בהיר, גם בפלטה הכי צבעונית.
כחול לילה, שמנת וזהב
#1B2A4A כחול לילה, #F3EADB שמנת, #E2A93B זהב.
פלטה רצינית וחמה. הכחול הכהה משדר יציבות, השמנת מרככת אותו כך שהדף לא נראה כמו אתר של בנק, והזהב מוסיף נגיעה של יוקרה מבלי להתאמץ. מתאימה ליועצים, לעורכי דין, לרואי חשבון, למעצבות פנים ולמפיקות אירועים.
למי פחות: חוגים לילדים, סטודיו לכושר, כל עסק שצריך להרגיש קליל. שם היא תיראה כבדה ומרוחקת.
שימו לב לזהב. כטקסט על השמנת הוא כמעט לא קריא, וגם טקסט לבן על כפתור זהב חלש מדי. השתמשו בו לקווים, לאייקונים ולפרטים קטנים, ואם הוא בכל זאת על כפתור, הטקסט עליו בכחול הכהה.
קובלט, תכלת ודיו
#2B59FF קובלט, #C9D7FF תכלת, #0B1220 דיו.
בהירה, ישירה ועכשווית. הקובלט חזק מספיק לכפתורים עם טקסט לבן, התכלת עובד כרקע לבלוקים או לכרטיסים, והדיו, כחול כמעט שחור, מחליף את השחור בטקסט ובבלוק כהה אחד אם רוצים. מתאימה למורים פרטיים, לאנשי טכנולוגיה, למאמנים אישיים ולכל מי שרוצה להיראות מסודר וענייני.
פחות מתאימה ליופי, לאוכל ולטיפול רגשי. בתחומים האלה היא עלולה להרגיש קרה, כמו אפליקציה ולא כמו אדם.
ב-Lumia היא קיימת כמו שהיא, בערכת הצבעים קובלט, אז אם היא מתאימה לכם אין צורך להזין אף קוד.
ירוק עמוק, מרווה ושמנת
#2F5D4A ירוק עמוק, #DCE8D5 מרווה, #F3EADB שמנת.
שקטה וטבעית. הירוק העמוק כהה מספיק לכותרות ולכפתורים, והמרווה והשמנת נותנות שני רקעים רכים שאפשר להחליף ביניהם מבלוק לבלוק. מתאימה למטפלים, לתזונאיות, למורות יוגה, למשתלות ולכל מי שעובד עם צמחים.
למי פחות: עסקים שמוכרים מהירות ואנרגיה, כמו אימוני כוח או אינסטלטור שמגיע תוך שעה. שם הפלטה תרגיש רגועה מדי, כמעט מנומנמת.
המרווה והשמנת קרובות מאוד זו לזו, וזה בכוונה: הן לא מתחרות על תשומת לב. רק אל תשתמשו באף אחת מהן לטקסט.
טרקוטה, ורוד עתיק ושנהב
#B4532A טרקוטה, #EDB9A8 ורוד עתיק, #FFF6EE שנהב.
חמה, ידנית, קצת אדמתית. מרגישה כמו סטודיו ולא כמו משרד. מתאימה לקרמיקאיות, לקונדיטוריות, לשפים פרטיים, לקוסמטיקאיות ולמעצבות פרחים.
פחות מתאימה לשירותים פיננסיים, משפטיים או טכניים, שבהם לקוחות מחפשים קודם כל רצינות ודיוק.
הוורוד העתיק יפה, אבל רק כרקע או כנגיעה. טקסט לבן עליו כמעט לא נקרא, וגם טקסט בטרקוטה עליו לא מספיק ברור. את הכפתורים עשו בטרקוטה, עם טקסט לבן.
כבר יש לכם צבע מותג?
אם יש לכם לוגו או שלט, אל תתחילו מאפס. צבע מותג שלקוחות כבר מכירים שווה יותר מפלטה מושלמת שאף אחד לא מזהה. קחו את הצבע הראשי מהלוגו, בקשו מהמעצב את קוד ה-hex שלו, ובחרו מהפלטות שלמעלה את זו שהאווירה שלה הכי קרובה. את הצבע הראשי שלה החליפו בצבע שלכם, ואת הרקע וההדגשה השאירו.
יש מקרה אחד שבו זה לא עובד כמו שהוא: לוגו בצבע בהיר, כמו צהוב, ורוד או תכלת. צבע כזה יפה בלוגו, אבל לא יכול לשאת טקסט לבן על כפתור. במקרה הזה הצבע הכהה בפלטה לוקח את הכפתורים, והצבע של הלוגו הופך להדגשה.
ניגודיות: טקסט שאפשר לקרוא בשמש
פלטה יפה לא שווה הרבה אם אי אפשר לקרוא את הדף. צבעים לאתר עסקי נבחנים בסוף על מסך של טלפון, לפעמים ברחוב בצהריים, ולא על מסך גדול במשרד. טקסט אפור בהיר על לבן, או לבן על צבע פסטל, נעלם באור חזק.
יש לזה מדד מקובל: יחס ניגודיות. ההנחיות הבינלאומיות לנגישות תכנים ברשת, WCAG, מגדירות יחס של 4.5:1 לפחות לטקסט רגיל ו-3:1 לטקסט גדול. כדי לבדוק זוג צבעים מזינים את שני קודי ה-hex בבודק ניגודיות, ויש הרבה כאלה בחינם. לפי החישוב הזה, טקסט לבן על הזהב מהפלטה הראשונה מגיע ליחס של בערך 2:1, כלומר נכשל, וטקסט בכחול הכהה על אותו זהב עובר בקלות.
ניגודיות היא גם חלק מנגישות הדף, ועל מה שהחוק דורש מעסקים קטנים כתבנו בנגישות אתרים לעסק קטן. והבדיקה הכי פשוטה לא דורשת שום כלי: פתחו את הדף בטלפון, צאו החוצה בצהריים והנמיכו את בהירות המסך. אם עדיין קל לקרוא את הכפתור, זה עובד.
איך מיישמים את פלטת הצבעים בדף
ב-Lumia יש חמש ערכות צבעים מוכנות, ואפשר להזין צבע ראשי משלכם בקוד hex. הצבע הזה הולך לכפתורים ולקישורים, והטקסט על הכפתורים לבן. לכן מזינים את הצבע הכהה מהפלטה, ולא את ההדגשה הבהירה.
הדרך הכי מהירה היא לבחור קודם את הערכה הקרובה לפלטה שלכם, ורק אחר כך להחליף את הצבע הראשי:
- כחול לילה: ערכת דיו, ואז
#1B2A4A. - קובלט: ערכת קובלט, כמו שהיא.
- ירוק עמוק: ערכת יער, ואז
#2F5D4A. - טרקוטה: ערכת שקיעה, ואז
#B4532A.
הרקע והגוונים הבהירים מגיעים מהערכה שבחרתם, ולכן חשוב לבחור את הקרובה. את הזהב או הוורוד העתיק שמרו ללוגו, לתמונות ולאינסטגרם, שם הם עובדים הכי טוב.
ובכל בלוק אפשר לבחור רקע משלו: לבן, צבע רך מהערכה, אפור או כהה. בלוק אחד או שניים ברקע הרך מספיקים כדי לשבור את הלבן ולהפריד בין חלקי הדף. כשכל בלוק בצבע אחר, הדף נראה כמו קולאז׳, והפלטה שבחרתם בקפידה הולכת לאיבוד.
וכשהצבעים מוכנים, הסתכלו עליהם יחד עם התמונות שלכם. תמונות בתאורה צהבהבה יתנגשו עם קובלט קר, ולפעמים זה מה שמכריע. כתבנו על צילום עבודות בטלפון, וגם על איך בוחרים תבנית לדף העסקי שמתאימה לסגנון שלכם.
מכירים מישהו שבונה עכשיו דף?