Studio Editor: עבודה עם קובצי גרפיקה וקטורית וצורות בסיסיות
5 דקות
באפשרותכם לשדרג את העיצוב שלכם באמצעות גרפיקה וקטורית וצורות בסיסיות. איכותם המושלמת של איורים ואייקונים סקלביליים (SVG) נשמרת בכל הגדלים, מה שהופך אותם לאידאליים עבור אתרים רספונסיביים. תוכלו לבחור קובצי גרפיקה וקטורית וצורות הבסיסיות בחינם, מהספרייה של Wix Studio, או להעלות קובצי SVG משלכם כדי להתאים אותם למותג של הלקוח.
טיפ:
קובצי גרפיקה וקטורית כוללים בדרך כלל כמה צבעים, בעוד שצורות בסיסיות מתמקדות בצבע בודד. עם זאת, שניהם קובצי SVG.
הוספת גרפיקה וקטורית וצורות בסיסיות
ניתן להשתמש בקובצי גרפיקה וקטורית ובצורות בסיסיות כדי לקשט את האתר של הלקוח, או כדי ליצור קריאה לפעולה מושכת במיוחד. אתם יכולים לבחור מתוך מאות האפשרויות החינמיות שזמינות ב-Wix Studio, או להעלות אפשרויות משלכם.
הקליקו על כל אחת מהאפשרויות שלמטה לפרטים נוספים.
בחירה מבין האפשרויות שזמינות בחינם ב-Wix
(הוספת אלמנטים).העלאת SVG משלכם
.
עיצוב קובצי גרפיקה ווקטורית וצורות בסיסיות
ערכו את אלמנט הגרפיקה הווקטורית / הצורה הבסיסית לטעמכם, כולל הצבעים, רמת השקיפות וההצללה, כדי שאלו ישתלבו באופן מושלם בעיצוב שלכם.
שימו לב:
אפשרויות העריכה הזמינות תלויות בשאלה האם הגרפיקה הווקטורית כוללת צבע בודד, מספר צבעים או פלטת צבעים בשחור-לבן.
כדי לערוך את העיצוב לפי טעמכם:
- עברו ל-editor.
- בחרו את הגרפיקה הווקטורית או האלמנט הבסיסי הרלוונטיים.
- הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה)
.
- עיצוב הגרפיקה הווקטורית / הצורה הבסיסית באמצעות האפשרויות הזמינות:
- Basic shape (צורה בסיסית): שנו את צבע המילוי ואת רמת השקיפות, הוסיפו מסגרת והצללה.
- Vector art (גרפיקה וקטורית): שנו את צבעי המילוי, ערכו את רמת השקיפות והוסיפו הצללה.
הערה: אי אפשר לשנות את רמת השקיפות בנפרד עבור כל צבע בקובצי גרפיקה וקטורית.
העליתם SVG משלכם?
אם לא הצלחנו לזהות את הצבעים בקובץ ה-SVG, ייתכן שלא תוכלו לערוך את הצבעים ב-editor.
עריכת ההגדרות של צורות בסיסיות וגרפיקה וקטורית
ערכו את הגדרות הגרפיקה הווקטורית או הצורה הבסיסית לפי טעמכם. אתם יכולים להוסיף לינק, להנגיש את האלמנט באמצעות טקסט חלופי (alt text) או להגדיר אותו כדקורטיבי, כשמדובר באלמנט עיצובי בלבד. כמו כן, תוכלו להבטיח שהאלמנט ישמור על הפרופורציות המקוריות שלו בעת שינוי הגודל, או להחליט שניתן יהיה לשנות את גודלו באופן חופשי.
כדי לשנות את ההגדרות:
- עברו ל-editor.
- בחרו את הגרפיקה הווקטורית או האלמנט הבסיסי הרלוונטיים.
- הקליקו על אייקון ההגדרות
. - בחרו מה ברצונכם לעשות בהמשך:
- להוסיף לינק לקובצי גרפיקה וקטורית / לצורה בסיסית.
- החליטו אם יש צורך בטקסט חלופי (alt text) עבור אלמנט זה, או לא:
- What's in the image? (מה בתמונה?): הזינו תיאור קצר של מה שניתן לראות בגרפיקה הווקטורית או בצורה הבסיסית, כדי לעזור למנועי החיפוש ולכלי ההנגשה.
- This image is decorative (תמונה זו היא דקורטיבית): בחרו באפשרות זו, אם הגרפיקה הווקטורית / הצורה הבסיסית לא מכילה מידע חשוב עבור קוראי מסך, ונועדה רק לשם עיצוב העמוד.
- הפעילו את המתג Keep original proportions (שמירה על הפרופורציות המקוריות): כדי להבטיח שהפרופורציות המקוריות של האלמנט יישמרו גם כשתשנו את הגודל שלו.
הוספת לינק לצורות בסיסיות ולגרפיקה וקטורית
באפשרותכם להוסיף לינק כדי להפוך את האלמנט לכפתור או לקריאה לפעולה. תוכלו לייצר לינקים למקומות רבים, למשל, לעמוד באתר, לכתובת URL חיצונית או אפילו למספר טלפון. הוספת לינק היא דרך נהדרת לעודד אינטראקציה עם גולשי האתר וליצור משהו שהוא פונקציונלי ומעניין בו זמנית.
איך מוסיפים לינק?
- עברו ל-editor.
- בחרו את הגרפיקה הווקטורית או האלמנט הבסיסי הרלוונטיים.
- הקליקו על אייקון הלינק
. - בחרו את סוג הלינק מהרשימה בצד שמאל.
- הזינו את הפרטים הרלוונטיים.
- הקליקו על Done (סיום).
