header-logo
איך מתחיליםאיך להשתמש ב-Wix כדי לבנות את האתר והעסק שלכם, איך לתת טאץ' לאתר בעזרת טמפלייטים או לשכור את שירותיו של מומחה בתשלום שייצור או ישפר בשבילכם את הנוכחות שלכם בדיגיטל
יצירת האתראיך להשתמש ב-Wix Editor כדי לנהל את תוכן האתר שלכם, להגן על פרטיות הגולשים ולשפר את נגישות האתר
ניהול החשבון והחיובים (Billing)כאן תוכלו לבדוק את הגדרות החשבון שלכם, לנהל את המינויים ותוכניות הפרימיום ולהבין את החשבוניות שלכם.
אפליקציות המובייל של Wixעם אפליקציית המובייל של Wix אתם יכולים לנהל את העסק בצורה יעילה יותר, להיות בקשר הדוק עם הגולשים ולבנות קהילה.
חיבור דומייןאיך לרכוש, לחבר או להעביר דומיין ואיך לשמור על מבנה הנתונים של האתר
ניהול העסקחפשו את הכלים המתאימים לבנייה ופיתוח של העסק: קבלת תשלומים, דוחות אנליטיקס, תקשורת עם הגולשים ועוד.
קידום האתראיך לקדם את האתר שלכם במנועי החיפוש, לשלוח קמפיינים במיילים ולהפעיל מודעות בתשלום
Studio ותוכניות לפרטנרים ולארגוניםאיך לפתח ולהגדיל את העסק בעזרת חשבון Studio או חשבון הפרטנר שלכם
קבלת עזרהמידע שיעזור לכם לפתור בעיות ביצועים ובעיות טכניות באתרים ונעקב אחר הפיצ'רים הבאים שעומדים לצאת ב-Product Roadmap שלנו.
placeholder-preview-image
Wix Learnשיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
Wix Blogטיפים ועצות בעיצוב אתרים, שיווק ועוד
SEO Learning Hubאיך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
Website developmentבניית אתר עם פלטפורמת ה-full-stack שלנו
לעבוד עם אנשי מקצועבמאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image
  1. ראשי
  2. אפליקציות המובייל של Wix
  3. אפליקציות מובייל ללקוחות
  4. בניית אפליקציית מובייל לעסק שלכם
  5. עיצוב אפליקציית המובייל שלכם
  6. Wix Mobile Apps: עיצוב האפליקציה הייחודית שלכם למובייל

Wix Mobile Apps: עיצוב האפליקציה הייחודית שלכם למובייל

במדריך זה נסביר איך לעצב את אפליקציית המובייל שלכם כך שתשקף את המותג שלכם: איך לערוך את ערכות הצבעים, הטקסט והכפתורים ואת סגנון החלק העליון (header). העדכונים האלה משפרים את הייחודיות של האפליקציה ומספקים חוויה עקבית לגולשים.
הערות:
  • אתם צריכים לשדרג לתוכנית Mobile App Premium אם אתם רוצים התאמה אישית מלאה של עיצובי האפליקציה שלכם למובייל.
  • שינויים בערכת הצבעים והטקסט של האפליקציה משפיעים על כל המסכים באפליקציה. 

שינוי ערכת הצבעים של האפליקציה

בחרו ערכת צבעים כדי לקבוע את הסגנון עבור הגולשים. דייקו והתאימו צבעים של אלמנטים ספציפיים כדי לשמור על עקביות ולשפר את נוחות הקריאה במסכים ואלמנטים שונים.
  1. היכנסו ל-Mobile App בדאשבורד של האתר.
  2. הקליקו על הלשונית עם שם האפליקציה שלכם למובייל.
  3. הקליקו על Edit Mobile App (עריכת אפליקציית מובייל). 
  4. הקליקו על Design (עיצוב) בחלונית משמאל.
  5. הקליקו על אייקון העריכה  ליד Color theme (ערכת צבעים).
  6. בחרו מה אתם רוצים לעשות:
    • לשנות את ערכת הצבעים: הקליקו על Change Color Theme כדי לבחור ערכת עיצוב מוכנה חדשה עבור הצבעים.
    • לערוך צבעים של אלמנטים ספציפיים: בחרו אילו צבעים לשנות:
      • Primary: בחרו צבע ראשי חדש לאפליקציה.
      • Text and icons: בחרו צבע חדש לטקסט הראשי ולאייקונים של הרשתות החברתיות.
      • Background: בחרו צבע חדש לרקע של האפליקציה.
  7. הקליקו על Save (שמירה) מימין למעלה.
צילום מסך שמראה איפה לערוך את ערכות הצבעים של אפליקציות.

שינוי ערכת הטקסט של האפליקציה

בחרו ערכת טקסט כדי להגדיר את הסגנון ויכולת הקריאה של האפליקציה, ושלמור על תוכן ברור ואחיד.
  1. היכנסו ל-Mobile App בדאשבורד.
  2. הקליקו על הלשונית עם שם האפליקציה שלכם למובייל.
  3. הקליקו על Edit Mobile App (עריכת אפליקציית מובייל). 
  4. הקליקו על Design (עיצוב) בחלונית משמאל.
  5. הקליקו על אייקון העריכה  ליד Text theme (ערכת טקסט) .
  6. בחרו מה אתם רוצים לעשות:
    • לשנות את ערכת העיצוב של הטקסט: הקליקו על Change Text Theme (שינוי ערכת העיצוב של הטקסט) כדי לבחור ערכת עיצוב חדשה של פונטים.
    • לערוך אלמנטים ספציפיים של טקסט: בחרו פונט עבור הכותרות וגוף הטקסט באפליקציה.
  7. הקליקו על Save (שמירה) מימין למעלה.
צילום מסך שמראה איפה משנים את ערכת העיצוב של הטקסט.

שינוי ערכת העיצוב של הכפתורים באפליקציה

אתם יכולים להתאים את סגנון הכפתורים לעיצוב המותג והעסק שלכם. סגנון העיצוב שתבחרו יחול על כל הכפתורים באפליקציה כדי להבטיח מראה אחיד. תוכלו לבחור ערכות עיצוב מוכנות או לשנות אלמנטים ספציפיים כמו צבעים, מסגרות, טקסט ורדיוס פינות, ולצפות בתצוגה מקדימה של השינויים ברגע שאתם מבצעים אותם.
  1. היכנסו ל-Mobile App בדאשבורד.
  2. הקליקו על הלשונית עם שם האפליקציה שלכם למובייל.
  3. הקליקו על Edit Mobile App (עריכת אפליקציית מובייל). 
  4. הקליקו על Design (עיצוב) בחלונית משמאל.
  5. הקליקו על אייקון העריכה ליד Button theme (ערכת עיצוב הכפתורים).
  6. בחרו מה אתם רוצים לעשות:
    • לבחור ערכת עיצוב מוכנה לכפתורים: הקליקו על Change Button Theme (החלפת ערכת העיצוב לכפתורים) ובחרו ערכת עיצוב זמינה. ערכות הנושא הזמינות מבוססות על צבעי ערכת העיצוב של האפליקציה. 
    • לערוך כפתורים ספציפיים: הקליקו על הלשונית Primary (ראשי) או Secondary (משני) ותוכלו לשנות את צורת הכפתור, צבע הרקע, הטקסט והמסגרת.
      הערה: כדי לשנות את צבעי ערכת העיצוב, הקליקו על Edit (עריכה) בחלון הפופ-אפ Pick a color (בחירת צבע). ערכו את הצבע הראשי, צבע הטקסט, צבע האייקונים וצבע הרקע במקטע Color Themes (ערכות צבעים).
  7. הקליקו על Save (שמירה) מימין למעלה.
צילום מסך שמראה איפה במחשב עורכים את ערכות העיצוב של כפתורים האפליקציה

שינוי העיצוב של החלק העליון (header) במסכי האפליקציה

כשאתם יוצרים אפליקציה מקורית משלכם, אתם יכולים לבחור אם לחלק העליון של יהיה צבע רקע (שמגיע מהצבע הראשי של האפליקציה) או שהוא יהיה שקוף.
שימו לב:
עיצוב החלק העליון שתבחרו כאן משפיע גם על סוג ה-header המינימלי. קראו מידע נוסף על ההבדל בין סוגי ה-header ואיך לערוך אותם.
  1. היכנסו ל-Mobile App בדאשבורד.
  2. הקליקו על הלשונית עם שם האפליקציה שלכם למובייל.
  3. הקליקו על Edit Mobile App (עריכת אפליקציית מובייל). 
  4. הקליקו על Design (עיצוב) בחלונית משמאל.
  5. הקליקו על אייקון העריכה  ליד Header style (סגנון ראש העמוד)
  6. בחרו את צבע החלק העליון (header) - הצבע הראשי או צבע הרקע שהגדרתם לאפליקציה שלכם.
  7. הקליקו על Save (שמירה) מימין למעלה.
צילום מסך של המקום שבו בוחרים את הצבעים עבור החלק העליון של העמוד.
טיפ:
כדי לזרז את העבודה שלכם, אפשר להשתמש בקיצורי מקלדת בזמן עריכת האפליקציה בדאשבורד. בכלי לבניית אפליקציות למובייל, הקליקו על סמל הפעולות הנוספות ובחרו Keyboard Shortcuts (קיצורי מקשים) כדי לראות את הקיצורים הזמינים.

זה עזר לך?

|
בעמוד מידע הזה
  • שינוי ערכת הצבעים של האפליקציה
  • שינוי ערכת הטקסט של האפליקציה
  • שינוי ערכת העיצוב של הכפתורים באפליקציה
  • שינוי העיצוב של החלק העליון (header) במסכי האפליקציה

זה עזר לך?

|