מערכת עיצוב

​

מה כלול

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

​

יצירת מערכת עיצוב

1. לחץ על שם סביבת העבודה שלך בפינה השמאלית התחתונה, ואז לחץ על Settings.
2. לחץ על Design system.
3. לחץ על Create. אם לסביבת העבודה שלך כבר יש מערכת עיצוב, לחץ על Create new design system במקום.
4. ב-Create your design system, הוסף כל אחד מהבאים:
   • תאר את המותג שלך: כתוב תיאור קצר של המותג שלך, והוסף את הלוגו שלך בריבוע שלצדו.
   • ייבא מקור קיים: אתה יכול להשתמש במקור אחד לכל מערכת עיצוב. עבור בין הלשוניות:
     • Figma file: גרור או בחר קובץ .fig, עד 1.9 GB, וצרף את כל העמודים והפריימים שלו או בחר ספציפיים. Base44 מקטינה תמונות גדולות מדי ומכינה קבצים גדולים ברקע, ולא שומרת את הקובץ המקורי.
     • Website URL: הדבק כתובת אתר. השתמש רק בכתובות URL שיש לך זכויות על התוכן שלהן.
     • NPM package: הזן חבילה מפורסמת לפי שם, name@version או קישור npmjs.com. היא נפתרת מרישום npm הציבורי כברירת מחדל, או לחץ על Private registry כדי להוסיף כתובת רישום, אסימון גישה וכל scopes שצריכים להיפתר שם. אסימון הגישה שלך משמש פעם אחת לשליפת החבילה ולא נשמר.
   • העלה את משאבי העיצוב שלך: הוסף תמונות, גופנים, קובץ design.md או קובצי עיצוב אחרים, עד 10 קבצים.
5. לחץ על Create. יצירת מערכת העיצוב שלך יכולה לקחת כמה דקות, ואתה יכול לעזוב ולחזור בזמן שהיא רצה.
6. סקור את מערכת העיצוב שנוצרה בתצוגה המקדימה, ואז התאם כל מה שתרצה.

​

עריכת מערכת העיצוב שלך

Overview

תיאור קצר של המותג שלך. Base44 משתמשת בו כדי לשמור על כל מה שהיא מייצרת מותאם למותג.

Logos

הוסף את הלוגואים של המותג שלך, או צור אחד עם AI. לחץ על Add logo כדי להעלות לוגו, או על Generate logo כדי לתאר אחד ולתת ל-Base44 ליצור אותו. לוגו אחד מסומן כ-Primary, ואתה יכול להגדיר אחר כראשי מתפריט ה-More actions שלו.

Typography

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

Color palette

לחץ על צבע כדי לערוך אותו, או לחץ על Generate palette ותאר את הצבעים שאתה רוצה.

Tone of voice

מגדיר איך המותג שלך מתקשר. לחץ על Add tone כדי להוסיף תכונה, או לחץ על סמל היצירה כדי לתת ל-Base44 להציע סט חדש.

Core values

העקרונות שהמותג שלך מייצג. לחץ על Add value כדי להוסיף אחד, או לחץ על סמל היצירה כדי לתת ל-Base44 להציע סט חדש.

Corner radius

קבע כמה מעוגלים הרכיבים שלך נראים.

Spacing scale

כוונן כמה רווח יש בין אלמנטים.

Shadow

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

Design guidelines

כללים ששומרים על שפה ויזואלית עקבית באפליקציה שלך. לחץ על Add guideline כדי להוסיף אחד, או פתח את תפריט ה-More actions על הנחיה כדי לערוך או למחוק אותה.

​

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

​

הגדרת מערכת עיצוב כברירת מחדל

1. לחץ על שם סביבת העבודה שלך בפינה השמאלית התחתונה, ואז לחץ על Settings.
2. לחץ על Design system.
3. במערכת העיצוב שאתה רוצה, לחץ על סמל ה-More actions ולחץ על Set as default.

​

מחיקת מערכת עיצוב

1. לחץ על שם סביבת העבודה שלך בפינה השמאלית התחתונה, ואז לחץ על Settings.
2. לחץ על Design system.
3. במערכת העיצוב שאתה רוצה, לחץ על סמל ה-More actions ולחץ על Delete.

​

שימוש במערכת העיצוב שלך בזמן בנייה

​

שאלות נפוצות