9 הכלים הטובים ביותר בחינם ובתשלום עבור אבות טיפוס עבור מעצבי UX / UI

גלה את כלי האב-טיפוס הטובים ביותר עבור UX & מעצבי ממשק משתמש אשר יהפכו את יצירת המוצר שלך למהירה ויעילה יותר.


כלי protoyping הטובים ביותר עבור מעצבי UX / UI

אב-טיפוס עובד טוב יותר מאלף פגישות.

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

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

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

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

בואו לבדוק אותם.

כלי אב טיפוס חינם בחינם

מה הטעם להוציא מאות על תוכנה כשאתה יכול להשתמש בכלי אב טיפוס בחינם?

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

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

אספתי כמה כלי אב טיפוס שאולי תרצה לנסות – וזה לא יעלה לך אגורה.

Adobe XD

פלטפורמות: macOS, Windows

צילום מסך של כלי אב טיפוס של Adobe XD

Adobe XD מגיע עם ממשק פשוט להפליא אך קל לשימוש, התואם ליישומי Creative Cloud אחרים.

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

תכונות ליבה:

  • אב טיפוס חוט זורם. מעצבים עשויים לעבור ממצב עיצוב לאב-טיפוס ולחיבור משטחי יצירה. זה עוזר להם לתקשר את זרימת האפליקציות מרובות המסכים ולעבור בין תרחישים שונים.
  • טיפוס קולי. יוצרים מקיימים אינטראקציה עם אבות-הטיפוס שלהם באמצעות מפעילים קוליים והפעלת דיבור. במילים פשוטות, במעצבי Adobe XD עשויים להשתמש בפקודות קוליות כטריגר.
  • תצוגה מקדימה של iOS ו- Android במכשיר. בעת בניית אבות טיפוס לאפליקציית iOS או Android, מעצבים יכולים לראות את התצוגה המקדימה של עבודתם במכשירים תואמים באמצעות אפליקציית XD לנייד. כך, הם יכולים להציג תצוגה מקדימה של האפליקציה ובד בבד.
  • ייבוא ​​קובצי סקיצה, פוטושופ ואיור. כלי העיצוב של Adobe תואמים זה את זה, כך שתוכלו להעתיק אלמנט אחד ב- Illustrator ולהדביק אותו ל- Adobe XD. מלבד הכלים של אדובי, יש גם תוסף לסקיצה.

תוכנית המתחילים למשתמשים יש גישה למסמכים משותפים, עורכים וקישורים משותפים ללא הגבלה (עד אפריל 2020).

InVision

פלטפורמות: מבוסס רשת

צילום מסך של כלי אב-טיפוס של Invision

InVision הוא ללא ספק הכלי הפופולרי ביותר לוויפר-פריים, אב-טיפוס ומדודים.

תכונות ליבה:

  • בניית אבות טיפוס אינטראקטיביים עשירים. התכונה העיקרית המסייעת למעצבים להתמודד ביעילות עם InVision וליצור אבות טיפוס חדשים ומסודרים.
  • משאיר תגובות. צוות העיצוב עשוי לכתוב את הערותיו בנוגע לאבות טיפוס שונים. בנוסף, הם יכולים לעיין בהיסטוריית השינויים – הקבצים מתעדכנים ברגע שהם נערכו.
  • סנכרון. פרויקטים מסתנכרנים עם מחסני ענן כמו Google Drive או Dropbox. ל- InVision יש גם מערכת לניהול פרויקטים שמארגנת את זרימת העבודה ביעילות.
  • תוספים. כמה תוספים המאפשרים למשתמשים לשלוח עיצובים ל- InVision מ- Sketch ו- Photoshop.

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

פלא

פלטפורמות: אינטרנט, iOS, אנדרואיד

הפעל צילום מסך של כלי אב-טיפוס

פלא הוא כלי אב-טיפוס נוסף עם אלמנטים המותקנים מראש (כפתורים, תפריטים) לפלטפורמות שונות.

תכונות ליבה:

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

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

חוץ מזה, למארוול יש תוסף ל- Sketch לאינטראקציות טובות יותר ועבודה יצרנית.

פיגמה

פלטפורמות: מבוסס רשת

צילום מסך של אב טיפוס של פיגמה

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

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

תכונות ליבה:

  • מסירה חלקה. כל מה שצוות UI / UX צריך לעשות הוא לשתף קישור עם devs, ויהיה להם גישה לכל המידע – שורות קריאה, נכסים גרפיים, מדידות מוכנות לייצוא.
  • פלטפורמה של כל אחד. מעצבים יכולים לעבור בקלות בין קובץ עיצוב לבין אב-טיפוס חי. העריכות מופיעות באופן מיידי באב-טיפוס.
  • שיתוף פעולה. חברי הצוות, כולל לקוחות, יכולים לסקור בקלות עיצובים מוגמרים, להשאיר משוב בזמן אמת ולתקשר באמצעות Slack המשולב ב- Figma.
  • תוספים. מעצבים יכולים להרחיב את הפונקציונליות הליבה של Figma באמצעות תוספים כמו Unsplash, Figmotion, Color Bling וכן הלאה – יותר ממאה לעת עתה.

Figma הוא בחינם למעצבים בודדים – עד 2 עורכים ושלושה פרויקטים.

זרימת אינטרנט

פלטפורמות: מבוסס רשת

צילום מסך של כלי אב טיפוס של זרימת אינטרנט

זרימת אינטרנט הוא כלי רב תכליתי וזה יהיה הבחירה הטובה ביותר אם ברצונך לגלות זאת כיצד ליצור עיצוב אתרים – – – ולהתאמן הרבה.

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

תכונות ליבה:

  • לפתח&עיצוב. מעצבים ממירים את העיצוב שלהם לקוד נקי העומד בכל התקנים הנדרשים. בתורו, מעצב הופך למפתח גם כן.
  • אנימציות תלת מימד / טרנספורמציות. צוות UI / UX יוצר טרנספורמציות 3D CSS ללא צורך לכתוב את הקוד.
  • מגוון רחב של רכיבים. זרימת האינטרנט מכילה טפסים הניתנים להתאמה אישית, תפריטים נפתחים, כרטיסיות, ניווט רספונסיבי באתר וכן הלאה.
  • זרימת אינטרנט CMS. CMS של זרימת אינטרנט מאפשרת לבעלי אתרים לנהל את האתר שלהם – בכל דפדפן או מכשיר.
  • שילובים. כבונה אתרים מן המניין, ל- Webflow אינטגרציות עם גוגל אנליטיקס, אופטימיזציה של גוגל, MailChimp, זאפייר.

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

כלי אב טיפוס מובילים בתשלום

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

בואו נגלה מהם כלי האב-טיפוס ששווים את כספם בשנת 2020.

סקיצה

פלטפורמות: macOS

צילום מסך של כלי אב-טיפוס

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

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

תכונות ליבה:

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

עלות: 99 $ עבור הרישיון האישי

עקרון

פלטפורמות: macOS

עקרון צילום מסך של אב טיפוס

עקרון כלי אבות טיפוס פופולרי יותר לבניית ממשקים מונפשים ואינטראקטיביים.

תכונות ליבה:

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

עלות: 129 $

צורה

פלטפורמות: macOS, Windows

צילום מסך של כלי אב-טיפוס

צורה הוא כלי אב טיפוס פרוגרסיבי UX המסייע למעצבים לבנות טיפוס-טיפוס עבור פלטפורמות אינטרנט ונייד כאחד.

תכונות ליבה:

  • אב טיפוס. גרסת ה- Axure האחרונה (RP 9) מגיעה עם מצב הסלולרי עם סמני מגע וסרגלי גלילה ניידים לשיפור חוויית המובייל, אפשרויות גודל, קיצורי דרך לדפים הבאים / הקודמים וכן הלאה..
  • טופס יישומונים. Axure מציעה סטיילינג בהתאמה אישית, כולל טיפוגרפיה, גבולות ומילוי, אפקטים של סגנון המאפשרים למעצבים להוסיף אלמנטים בהתאמה אישית.
  • הוספת תיעוד. מעצבים עשויים לכלול תיעוד באבות-טיפוס ובתרשימים שלהם. זה עוזר בכתיבת מידע מפורט הנוגע לכל אב-טיפוס או תרשים – כיצד עובד האב-הטיפוס, המרכיבים העיקריים של האפליקציה, ועוד.
  • שיתוף פעולה ברמה גבוהה. מעצבים עובדים ב- Axure באותו אב-טיפוס יחד עם עמיתיהם. קל לשתף עיצובים עם בעלי מניות או משתמשים פוטנציאליים כדי לקבל את המשוב שלהם.

עלות: 29 $ עבור גרסת Axure RP 9 Pro לחודש (495 $ – תמידי)

JustInMind

פלטפורמות: macOS, Windows

צילום מסך של הכלי Just In Mind

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

תכונות ליבה:

  • ערכות ממשק המשתמש שנטענו מראש. JustInMind מכיל ערכות ממשק משתמש הגורמות לאב-טיפוס של גרסאות האינטרנט וגם הנייד להקל יותר ומהיר יותר.
  • ניהול דרישות. מעצבים עשויים להוסיף את כל דרישות הפרוייקט לתהליך האב-טיפוס ולקישור הטקסט. בדרך זו הם מנהלים את כל הדרישות ומוודאים שכל אחד מהם מתבצע.
  • שילוב. ניתן לשלב את JustInMind עם Sketch, Adobe Suite, JIRA כדי להרחיב תהליכים שיתופיים.
  • שיתוף פעולה. מעצבים חולקים את עבודתם עם חברי הצוות, משתפים פעולה איתם במהירות ומשאירים תגובות.

עלות: 29 $ לחודש (228 $ בשנה)

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

ורק תלוי בך להשתמש, אז בחר בחוכמה.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me