צבעים יוצרים זהות מותג חזקה, מעוררים רגשות ומכוונים את תשומת הלב של המשתמש לאזורים מסוימים באתר שלך. פלטת צבעים מחושבת הופכת את האתר לנעים לעין וקל לזכירה עבור המבקרים. מדריך זה מסביר כיצד לערוך את צבעי האתר, לבחור סכמות צבעים ולהשתמש באפשרויות מותאמות אישית כדי להתאים את הטקסט, הכפתורים והפריסות.
כדי לנהל את צבעי האתר שלך, בצע/י את השלבים הבאים:
בעורך האתר, לחץ/י על עיצוב בתפריט העליון.
בחר/י צבעים מהרשימה הנפתחת.
השתמש/י בתפריט הצד כדי לעיין בסכמות צבעים זמינות או לבחור אפשרויות מותאמות אישית.
בחר/י באפשרות פופולרי כדי לבחור מתוך פלטות מוכנות מראש או ליצור פלטה משלך:
בחירה - לחץ/י על סכמת צבעים כדי להחיל אותה באופן מיידי, או לחץ/י על כפתור הפלוס כדי לראות וריאציות נוספות.
התאמה אישית - לחץ/י על כל צבע בנפרד בתוך הסכמה כדי לבחור צבע חדש באמצעות בורר הצבעים.
סינון ומועדפים - השתמש/י במסנן כדי להציג סכמות על פי צבעים מסוימים, או לחץ/י על סמל הלב כדי לסמן פלטה כמועדפת.
כלי יצירה - לחץ/י על סמל הפלטה כדי ליצור סכמה באמצעות קוד האשטאג, או השתמש/י בסמל התמונה כדי ליצור פלטה על בסיס תמונת הקאבר של דף הבית שלך.
השתמש/י באפשרות מותאם אישית כדי ללטש רכיבים ספציפיים ברחבי האתר:
צבע ראשי וכפתורים - בחר/י את הצבע הראשי לקישורים ולחלקים מרכזיים. השתמש/י בכפתורי "החל על הכול" כדי לסנכרן במהירות את הצבע הזה בכל הרכיבים ובטקסט של הכפתורים.
צבעי תפריט - התאימו את צבעי רקע התפריט, הטקסט, אפקטי מעבר (Hover), המסגרות וקווי ההפרדה בין עמודים.
צבעי עמוד - הגדירו את צבעי הרקע, הטקסט והפריטים עבור העמוד הראשי, העמוד השני והעמודים הפנימיים (עמודים שאינם מוצגים בדף הבית).
אזורי תוכן ופוטר - התאימו את הצבע הראשי עבור אזורים ספציפיים בעמודים ובחרו את צבעי הרקע והטקסט של הפוטר.
היררכיה חזותית - שימוש בצבע ראשי עקבי עוזר למשתמשים לזהות בקלות רכיבים אינטראקטיביים כמו כפתורים וקישורים.
עקביות מותג - יצירת סכמת צבעים מתוך תמונת דף הבית היא דרך מהירה לוודא שצבעי האתר תואמים למיתוג הראשי שלך.
אפקטי מעבר (Hover) - חשוב לבדוק את צבעי ה-Hover בתפריט כדי לוודא שהטקסט נשאר קריא כאשר המבקר מקיים אינטראקציה עם הניווט.
בדיקת נראות צבע הטקסט - לאחר התאמת צבעי הטקסט באתר, חשוב לעבור על השינויים כדי לוודא שצבע הטקסט שנבחר בולט על גבי הרקע, תיבות הטקסט וצבעי הכפתורים. אם הטקסט נטמע באלמנטים הללו, עלולות להיווצר בעיות שבהן תיבות סימון, תוכן העמוד וטקסט הכפתורים יהפכו ל"בלתי נראים".