טכנולוגיית פרסוםשיווק תוכןכלי שיווקהדרכת מכירות ושיווק

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

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

צבעים הם תדרים

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

צבע וספקטרום אלקטרומגנטי

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

פריזמה
מנסרת הקריסטל מפזרת אור לבן לצבעים רבים.

העיניים שלך הן גלאי תדרים

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

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

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

תורת הצבעים 101: הפיכת צבעים משלימים לעבוד עבורך

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

רעש חזותי לעומת הרמוניה

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

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

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

בקרוב עוד על הרמוניות ... בואו נחזור לתורת הצבעים.

צבעי RGB

פיקסלים בספקטרום הדיגיטלי הם שילובים של אדום, ירוק וכחול. אדום = 0, ירוק = 0 וכחול = 0 מוצג כ- לבן ואדום = 255, ירוק = 255, וכחול = 255 נראה כ- שחור. כל מה שביניהם הוא צבע אחר המורכב מהשלושה. היסודות של חישוב צבע משלים הם פשוטים למדי ... פשוט גורע את ערכי ה- RGB מ- 255 עבור ערך ה- RGB החדש. הנה דוגמה:

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

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

גלגל הצבעים

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

גלגל הצבעים

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

חמוש אותי בהרמוניה ...

מעגל צבע ניוטון

סוגי הרמוניות צבעוניות

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

מאפיינים שונים קשורים לכל סוג:

  • אנלוגי - קבוצות צבעים הנמצאות זו ליד זו על גלגל הצבעים. 
  • מונוכרומטי - קבוצות הנגזרות מגוון בסיס יחיד והורחבו באמצעות גווניו, גווניו וגווניו.
  • שְׁלִישִׁיָה - קבוצות של צבעים המרווחים באופן שווה סביב צֶבַע גלגל
  • מַשׁלִים - קבוצות צבעים המנוגדות זו לזו על גלגל הצבעים.
  • משלים מפוצל - וריאציה של משלים כאשר משתמשים בשני צבעים הסמוכים למשלים.
  • מלבן (טטרדי) - משתמש בארבעה צבעים המסודרים לשני זוגות משלימים
  • בצורת ריבוע - דומה למלבן, אך עם כל ארבעת הצבעים המרווחים באופן שווה סביב מעגל הצבע
  • תרכובת - צבע ושני הצבעים הסמוכים לצבעו המשלים
  • מִשְׁקפֵי שֶׁמֶשׁ - התאמת הגוון (עליית הבהירות), או צל (כהה) לצבע הראשוני.

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

מחוללי ערכות לוח צבעים

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

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

הנה כמה מחוללי ערכות לוח צבעים נהדרים ברשת:

  • Adobe - כלי נפלא עם עד 5 צבעים שבו אתה יכול לבדוק סוגים שונים, לבצע התאמות, ואפילו לשמור את העיצוב שלך בכל מוצר של Adobe.
  • מותג צבעים - האוסף הגדול ביותר של קודי צבע רשמיים של המותג.
  • קנבה - העלו תמונה והם ישתמשו בה כבסיס לפלטה שלכם!
  • קולור - צור לוח צבעים עקבי עם לחיצות בודדות בלבד. 
  • מעצב צבעים - פשוט בחרו צבע או השתמשו בצבעים שנבחרו מראש והאפליקציה עושה את השאר. 
  • צבע האנט - פלטפורמה חופשית ופתוחה להשראת צבעים עם אלפי לוחות צבעוניים אופנתיים שנבחרו ביד
  • קולורקולר - צור לוח צבעים לאינסטגרם כדי שיהיה יותר אסתטי.
  • קולורמינד - מחולל ערכות צבעים המשתמש בלמידה עמוקה. זה יכול ללמוד סגנונות צבע מתצלומים, סרטים ואמנות פופולרית.
  • מרחב צבעים - פשוט הזן צבע אחד עד שלושה וצור כמה תוכניות!
  • צבע צבע - חוויה ממש מגניבה לכל המסך ליצירת לוח הצבעים שלך עם מספר סגנונות הרמוניה בצד שמאל.
  • אוהבי COLOUR - קהילה יצירתית בה אנשים מרחבי העולם יוצרים ומשתפים צבעים, לוחות ודוגמאות, דנים במגמות האחרונות ובוחנים מאמרים צבעוניים.
  • קולרים - צור לוח צבעים מושלם או קבל השראה מאלפי ערכות צבעים יפות.
  • בוחר צבעי נתונים - השתמש בבוחר הצבעים ליצירת סדרת צבעים שוויונית מבחינה ויזואלית
  • חרומה - משתמש ב- AI כדי ללמוד אילו צבעים אתה אוהב ויוצר לוחות עבורך כדי לגלות, לחפש ולשמור.
  • חומר עיצוב - צור, שתף והחל ערכות צבעים על ממשק המשתמש שלך. זה אפילו מגיע עם ייצוא לאפליקציה שלך!
  • צבעי מוזלי - הוסף שם צבע או קוד, וייצר לוח צבעים יפהפה.
  • פאלטון - בחרו בצבע בסיסי ותקבלו השראה.

צבע ונגישות

אנא זכור כשאתה מחליט לעצב את ערכת הצבעים הבאה שלך שיש כמות משמעותית של אנשים עם ליקויי ראייה וליקויי צבע שצריכים לתקשר עם החוויות שלך.

  • קונטרסט - לכל צבע עצמאי יש בְּהִיקוּת. צבעי שכבות וחפצים סמוכים חייבים להיות בעלי יחס בהירות יחסי של 4.5: 1 על מנת שאנשים עם לקות ראייה יוכלו להבדיל ביניהם. לא הייתי עושה את הטרחה בניסיון לחשב את היחסים בעצמך, אתה יכול לבדוק את היחס שלך בשני צבעים בעזרת יחס ניגודיות, או צבע בטוח.
  • איקונוגרפיה - הדגשת שדה באדום אינה מסייעת למי שיש לו מחסור בצבע. הקפד להחיל איזושהי הודעה או סמל כדי להודיע ​​להם שיש גם בעיה.
  • להתמקד - אנשים רבים מנווטים עם מקלדות או קוראי מסך. ודא שממשק המשתמש שלך מעוצב כהלכה עם כל תיוג הנגישות כדי שהם יוכלו לנצל את האתר שלך. עבור אנשים עם לקות ראייה, השימוש ברווח לבן והיכולת להגדיל או להקטין גדלי גופנים היכן שהוא לא הורס את הפריסה הוא קריטי.

האם אתה מומחה לעיניים? מומחה לצבעים? מומחה נגישות? אל תהסס לספק לי כל הדרכה לשיפור מאמר זה!

גילוי נאות: אני משתמש בקישורי שותפים במאמר זה.

Douglas Karr

Douglas Karr הוא CMO של פתח INSIGHTS ומייסד ה Martech Zone. דאגלס סייע לעשרות סטארט-אפים מצליחים של MarTech, סייע בבדיקת נאותות של למעלה מ-5 מיליארד דולר ברכישות והשקעות של Martech, וממשיך לסייע לחברות ביישום ואוטומציה של אסטרטגיות המכירות והשיווק שלהן. דאגלס הוא מומחה ודובר בטרנספורמציה דיגיטלית ומוכר בינלאומי ב-MarTech. דאגלס הוא גם מחבר שפורסם של מדריך Dummy וספר מנהיגות עסקית.

מאמרים נוספים

לחצן חזרה למעלה
סְגוֹר

זוהה חסימת מודעות

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