כיצד לבחור ערכת צבע טובה עבור אתר האינטרנט שלך

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


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

מה איתך?

  1. באיזה צבע עליך להשתמש עבור הלוגו או הכותרת שלך?
  2. האם אתה יודע לבחור צבעים משלימים שמשתלבים היטב?
  3. באיזה חלק מאתר האינטרנט שלך עליך להשתמש בצבע?

בחירה וערבוב של צבע יכולה להיות משחק מסובך.

התוצאה יכולה להיראות הרמונית, או כמו סצינה היישר מתוך סרט אימה!

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

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

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

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

אז, אנחנו’חיברנו מדריך זה כדי להראות לכם, שלב אחר שלב, כיצד:

  1. בחר את הצבע הדומיננטי המתאים לאתר ולמותג שלך.
  2. שלב צבעים משלימים ליצירת ערכת הצבעים המושלמת שלך.
  3. בחר צבע רקע שמתאים לך.
  4. השתמש בצבע במקומות הנכונים באתר שלך – כמו מקצוען.

לתת’מתחילים!

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

כיצד צבע יכול לשפר את אתר זהות המותג שלך

כשאני מבקש ממך לחשוב על קוקה קולה, מה הדבר הראשון שקופץ לך בראש?

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

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

כיצד לבחור צבע אתר - קוקמקור: www.coca-colacompany.com

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

האם ידעת שההחלטה של ​​קוקה קולה להשתמש באדום כצבע המותג שלהם לא היה מקרי?

הצבע אדום משמש לשתי מטרות קריטיות:

מספר 1 אדום הכבאית מאפשרת לקוקה קולה להתבלט ממתחרותיהן על מדפי החנויות; ו

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

קטיף צבע אתר - קוקה קולהמקור: us.coca-cola.com

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

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

מקור: Kissmetrics

עכשיו אתה אמור לחשוב “וואו, צבע זה כמו קסם! למה הם לא’יותר אנשים משתמשים בזה לטובתם?”

ובכן, מכיוון שרוב האנשים לא’אני לא יודע איך.

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

3 שלבים לשימוש בצבע באתר האינטרנט שלך – הדרך הנכונה

ישנם 3 צבעים עיקריים שעליך לקחת בחשבון כשאתה מעצב את אתרך:

  1. בחירת צבע דומיננטי כצבע המותג שלך
  2. בחירת צבעי מבטא 1 עד 2 ליצירת ערכת צבעים עבור אתר האינטרנט שלך
  3. בחירת צבע רקע להשלמת העיצוב שלך

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

# 1 בחר את הצבע השולט שלך

הצבע הדומיננטי הוא צבע המותג שלך – כמו מנוע האש אדום לקוקה קולה.

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

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

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

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

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

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

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

פסיכולוגיה של צבע לאתרי אינטרנטלחץ להגדלה

מקור: Kissmetrics

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

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

אישיות של צבע עבור אתרי אינטרנט

עכשיו שיש לך מושג טוב מה המשמעות של צבעים מסוימים, איזה מהם מתאים הכי טוב לעסק שלך, או איך אתה רוצה שהמבקרים באתר שלך ירגישו כשהם רואים את המותג שלך.?

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

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

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

קדימה קח כמה דקות לרשום כמה רעיונות.

ההבדלים בין בחורים & בנות – העדפות הצבע שלהן

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

לאיזה מין מכוון העסק או האתר שלך? – האם זה נשים? גברים? או שניהם?

השפעה צבעונית על המגדרלחץ להגדלה

מקור: אינפוגרפיק: כיצד צבעים משפיעים על המרות & מין וצבע

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

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

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

זו אינטליגנציה מועילה שיש!

לתת’קח את זה צעד אחד קדימה.

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

הרשה לי להסביר.

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

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

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

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

תשיג את זה?

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

הרבה פסיכולוגיה כאן, אבל זה’חשוב לך לקחת בחשבון בעת ​​בניית המותג שלך.

כיצד להשתמש בצבע הדומיננטי באתר האינטרנט שלך

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

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

כאן’זה כלל אצבע כללי:

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

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

היכן להשתמש בצבע דומיננטי באתרמקור: Wix.com

# 2 בחרו את צבעי המבטא שלכם

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

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

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

אבל, למי יש זמן לקבל דוקטורט. בתורת הצבעים ?! – לא אני.

תודה לאל יש קיצור דרך שכל אחד יכול להשתמש בו !! זה’זה כלי להתאמת צבעים שיכול לעזור לך לשלב צבעים כמו מקצוען!

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

ברגע שיש לך את הצבע הדומיננטי שלך, זה’זה ממש קל למצוא את צבעי המבטא שלך על ידי שימוש בכלים להתאמת צבעים כמו כלי Adobe Color CC.

Adobe Color CC נראה מסובך, אך זהו למעשה כלי די פשוט לשימוש.

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

(לחץ למטה לפתיחת הדרכה)

כיצד להשתמש בצבעי המבטא באתר האינטרנט שלך

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

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

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

נסה להגביל לצבעי מבטא בלבד 1 או 2. אם יש יותר מדי צבעי מבטא, הם ייצרו יותר מדי מוקדי נקודות שעלולים לבלבל את המבקרים שלך.

היכן להשתמש בצבע מבטא באתר האינטרנט שלךמקור: Wix.com

# 3 בחר את צבע הרקע באתר שלך

כיצד לבחור צבע רקע באתרהאם אי פעם ציירת בית לפני כן?

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

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

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

בחירת צבע רקע דומה למעשה לבחירת צבע צבע קיר!

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

כיצד לבחור את צבע הרקע הנכון?

אם הייתם בוחרים צבעי קיר לחנות קמעונאית אופנתית וקוטג ‘, הייתם בוחרים עבורם את אותם הצבעים?

כנראה שלא מכיוון שכל חלל משרת מטרה שונה, כך שהצבע שתבחר אמור להיות שונה.

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

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

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

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

סוג מס ‘1 – אתרי מידע אינטנסיביים לתוכן & אתרי מסחר אלקטרוני

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

אתר מסחר אלקטרוניאתר מסחר אלקטרוני (drinksoma.com)

אתר מסחר אלקטרוניאתר מסחר אלקטרוני (stikwood.com)

בלוג אוכלבלוג אוכל (pinchofyum.com)

חברת הפקת סרטיםחברת הפקת סרטים (dingobill.com)

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

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

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

סוג 2 – אתרי אינטרנט לעסקים

בדרך כלל אתרי אינטרנט עסקיים / עסקיים כוללים שתי מטרות – קידום המותג או שירותיו.

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

קידום מותג

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

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

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

כיצד לבחור מיתוג אתרי אינטרנט צבעוניים רקעjustactions.org
כיצד לבחור מיתוג אתרים עסקיים צבעוניים רקעsbjdanebury.com

קידום שירות

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

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

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

כיצד לבחור שירות עסקי רקע צבעוניzengenti.com
כיצד לבחור שירות עסקי רקע צבעוניcharddevelopment.com

סוג 3 – מסוגנן & אתרים יצירתיים אינטנסיביים גרפיים

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

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

כיצד לבחור אתר צבע רקעtheeddynyc.com
כיצד לבחור קריאייטיב צבע אתרים באתר - -cafefrida.ca
כיצד לבחור עיצוב צבע רקע רקע - -studiolovelock.com
כיצד לבחור יוקרה צבע רקע אתרgillemore.com

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

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

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

סיכום & Takeaways מפתח

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

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

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

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

(1) התאמת המותג שלך לצבע הדומיננטי הנכון; (2) התאמת הצבע הדומיננטי לצבעי מבטא באמצעות הכלי Adobe; ולבסוף (3) התאמת צבע הרקע לדומיננטית שלך & צבעי מבטא.

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

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

מצא מדריך זה מועיל?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map