Wix Editor: ערכת הצבעים – שימוש והתאמה אישית
זמן קריאה: 5 דקות
יצירת ערכת צבעים היא שלב חשוב בתהליך עיצוב האתר. אם משתמשים בערכות הצבעים באופן עקבי, הן יוצרות שפה מותגית אחידה.
ערכת הצבעים שלכם מוטמעת אוטומטית בעיצוב של כל האתר ובאלמנטים בחלונית ההוספה שהעיצוב שלהם מבוסס על ערכת הצבעים ("themed"). אתם יכולים להוסיף את הצבעים של הערכה שלכם גם לכל אלמנט באתר.
הנושאים בעמוד זה:
איך צבעי הערכה עובדים באתר שלכם?
צבעי הערכה שתבחרו מוצגים בפלטת בחירת הצבעים - שם תוכלו לשנות את צבע האלמנטים בנפרד. חוץ מזה שהצבעים מופיעים בפלטה, הם גם עוברים אוטומטית לאלמנטים מסוימים באתר.
צבעי הבסיס
צבעי הבסיס משמשים עבור רקעים וטקסט ברחבי האתר. אם הוספתם לאתר אפליקציות של Wix (למשל Wix Stores, Wix Blog וכדומה), העמודים האלה ישתמשו באותם צבעי רקע וטקסט.
ברוב המקרים, הצבע הבהיר ביותר (1) משמש לרקע והצבע הכהה ביותר (2) עבור טקסט. מעברי צבע נוצרים אוטומטית, כך שאתם יכולים לשנות את הגוונים לפי הצורך.
מומלץ לבחור בזוג צבעים בעלי ניגודיות גבוהה, כדי שהמידע באתר יהיה קל לקריאה.
צבעי הדגשה (Accent)
בחרו צבעים מושכי עין כדי לעודד את הגולשים לאינטראקציה עם האתר. הצבעים האלה משמשים לאלמנטים משניים ודקורטיביים כמו לינקים, כפתורים ואלמנטים בתפריט. הם מופיעים גם באלמנטים מעוצבים כמו כפתורים ותיבות, כמו גם בעמודים שקשורים לאפליקציות של Wix (למשל, Wix Stores, Wix Blog וכו').
בחירת ערכת הצבעים
יש מגוון רחב של ערכות עיצוב מוכנות שאפשר להוסיף לאתר, שכוללות גם טקסט וגם צבעים. ערכות הנושא שלנו נוצרו בקפידה עם צבעים משלימים, כדי לכלול מגוון רחב של סגנונות וצרכים עיצוביים.
כדי לבחור ולהתאים אישית ערכת צבעים:
- הקליקו על האייקון של עיצוב האתר
בצד שמאל של ה-Editor. - הקליקו על Change Theme (שינוי ערכת עיצוב) תחת Site Theme.
- עברו על הערכות המוכנות מראש והקליקו כדי לבחור אחת מהן.
התאמה אישית של ערכת הצבעים
אתם יכולים להתאים את ערכת הצבעים של האתר למותג שלכם. בחרו צבעים חדשים והתאימו את הגוון של צבעי הבסיס כדי לקבל את המראה שאתם באמת רוצים.
כדי לעצב את ערכת הצבעים שלכם:
- הקליקו על האייקון של עיצוב האתר בצד שמאל של ה-Editor.
- הקליקו על Color theme תחת Customize your site design (עריכת עיצוב האתר).
- בחרו איך אתם רוצים לשנות את ערכת העיצוב:
- לשנות את צבעי ערכת העיצוב:
- הקליקו על הצבע שאתם רוצים לערוך בחלונית.
- בחרו צבע חדש באמצעות סמן העכבר או הזינו את הצבע המדויק בערכי HEX, RGB או HSB.
- הקליקו על Apply (אישור).
- התאימו את הגוון של צבעי הבסיס של ערכת העיצוב:
- הקליקו על הגוון הרלוונטי בגרדיאנט צבע הבסיס.
- השתמשו בפסי ההזזה (הסליידרים) כדי לשנות את הרוויה והבהירות לפי טעמכם.
- הקליקו על Apply (אישור).
- לשנות את צבעי ערכת העיצוב:
הגדרת ברירות המחדל של צבעים באתר שלכם
אחרי שבחרתם ועדכנתם את ערכת הצבעים, אתם יכולים להגדיר את צבעי הערכה כברירת המחדל לאלמנטים מסוימים באתר. זו דרך נהדרת לחזק את המותג שלכם, ולוודא שאלמנטים ישלימו זה את זה.
כדי להגדיר ברירת מחדל של צבעים לאלמנטים:
- הקליקו על האייקון של עיצוב האתר בצד שמאל של ה-Editor.
- עברו עם העכבר מעל Color & Text Theme (ערכת הצבע והטקסט) והקליקו על Customize(התאמה אישית).
- הקליקו על Advanced Settings (הגדרות מתקדמות).
- הקליקו על תיבת הצבע שליד האלמנט הרלוונטי כדי להקצות צבע:
- General (כללי): בחרו את צבעי הרקע הראשי והמשני באתר, וכן את צבעי הקווים והקווים המפרידים.
- Text (טקסט): הוסיפו את הצבעים שבחרתם לסוגי הטקסט שונים ברחבי האתר, כולל כתוביות וקישורים.
- Buttons (כפתורים): הגדירו את הצבעים שבהם תרצו להשתמש בכפתורים ראשיים ומשניים. אתם יכולים לבחור בנפרד צבע עבור כל מצב כפתור (רגיל, במעבר עכבר, כאשר הכפתור מושבת).
החלה ידנית של צבעי ערכת העיצוב על אלמנטים
אתם יכולים להוסיף את הצבעים של הערכה שלכם על כל אלמנט נוסף באתר. הם נשמרים בפלטת הצבעים בחלונית עיצוב האלמנט, כך שיהיה קל יותר ליצור עיצוב אחיד.
כדי להוסיף צבע לאלמנט:
- הקליקו על האלמנט ב-Editor.
- הקליקו על סמל העיצוב
.
- הקליקו על Customize Design (אם האפשרות מופיעה).
- הקליקו על הגדרות הצבע.
- הקליקו על תיבת הצבעים.
- בחרו צבע ערכת נושא מהבורר.
Tip:
אתם יכולים לשמור בבורר הצבעים גם צבעים מותאמים אישית שהם לא חלק מערכת הנושא. הקליקו על + Add (הוספה) ליד My colors (הצבעים שלי) כדי לבחור צבע חדש.
בנוסף, האלמנטים שהעיצוב שלהם מבוסס על ערכה בחלונית ההוספה ב-Editor הם כבר בצבעים של הערכה שלכם (למשל, כפתורים, תיבות וקווים שהעיצוב שלהם מבוסס על הערכה), אז אתם לא צריכים לדאוג לגבי עריכה ידנית שלהם כדי להתאים אותם לאתר.
זה עזר לך?
|