דלגו לתוכן

תנו לרעיון שלכם שפה חזותית.

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

מהתדריך עד לתוצאה.

01

קבעו כיוון

תארו את הקהל, הפניות החזותיות, הפורמטים והמגבלות.

02

צרו חבילה עקבית

צרו נכסי עיצוב ומידע עיצוב לשימוש חוזר יחד.

03

סקרו את הייצוא

בדקו את הקבצים ובדיקות הפלט, ולאחר מכן שכללו את החלקים הזקוקים להתאמה מדויקת יותר.

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

מכיוון חזותי למערכת עיצוב לשימוש חוזר.

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

מצאו את השפה החזותית

הפכו את הזהות לשייכת לרעיון שלכם.

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

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

בנו את המערכת

גרמו לפרטים לעבוד יחד.

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

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

קדמו את העבודה

שמרו על הנכסים מאחורי העיצוב.

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

  • בדקו את רשימת הקבצים ואת השימוש המיועד לכל תוצר.
  • העבירו נכסים וטוקנים לשימוש חוזר אל זרימת העבודה של העיצוב או הפיתוח שלכם.
  • בדקו את דוח הייצוא לפני שאתם מתייחסים לקובץ או לאינטגרציה כאל נמסרים.
דוגמת מסירת עיצוב עם גרפיקה וקטורית, אסימוני עיצוב (design tokens) ופריסות ניתנות לשימוש חוזר תואמות

תהליך העבודה

שמירה על חיבור העבודה.

  1. תיאור התוצאה

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

  2. סקירת העבודה

    בדקו את הקבצים שנוצרו, את התצוגה המקדימה הזמינה ואת הבדיקות הרלוונטיות לפלט.

  3. יצירת הגרסה הבאה

    בקשו שינויים, ואז ייצאו או השתמשו בתהליך המסירה הנתמך בפרויקט הזה.

שאלות ותשובות

קצת בהירות לפני שמתחילים.

מה יכולה חבילת עיצוב להכיל?+
חבילה יכולה לכלול נכסי מותג, אייקונים, פלטות צבעים, טיפוגרפיה, איורים, גיליונות רכיבים ונכסי תלת-ממד נתמכים. הבריף קובע אילו תוצרים שייכים לחבילה.
מה כדאי לכלול בבריף העיצוב?+
תארו את קהל היעד, את האווירה, הפניות ויזואליות, הפורמטים המיועדים וכל אילוץ מותג קיים. ציינו היכן ישמשו הנכסים כדי שהחבילה תעוצב בהתאם להקשר הזה.
האם אפשר לצפות בעיצוב לפני השימוש בו?+
החבילה כוללת סקירה כללית, ולצדה גיליון רכיבים כאשר התוצר מחייב זאת. בדקו את הנכסים הוויזואליים, את הטוקנים לשימוש חוזר ואת מצבי הרכיבים הרלוונטיים לפני אימוצם.
מה בודקת אימות העיצוב?+
הבדיקות בוחנות את הקבצים המפורטים, טוקני עיצוב, זוגות ניגודיות רלוונטיים, מצבי רכיבים וייצוא נתמך. סקירת עיצוב בוחנת גם אם החבילה עקבית ותואמת לבריף.
האם ניתן לייצא את הנכסים?+
בדקו והורידו את הקבצים שהופקו עבור החבילה. תוצרים נתמכים כוללים ייצוא של תמונות, PDF ותלת-ממד כאשר נדרש; הקבצים המדויקים תלויים בנכסים שנבחרו ובזרימת העבודה הזמינה.
האם חבילת עיצוב כוללת אתר או אפליקציה פעילים?+
חבילת עיצוב מספקת נכסים יצירתיים ומידע עיצובי לשימוש חוזר. בחרו ב-Website Builder או ב-App Builder כשאתם זקוקים למוצר פעיל, וכללו את הכיוון העיצובי בבריף של אותה בנייה.

מה תיצרו?

צרו בנייה, או הפעילו צוות מומחים על המשימה הבאה שלכם.