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

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

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

1.Mockingbird

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

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

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

2.תרשימים מקסימים

Lovely Charts היא אפליקציית דיאגרמות מקוונת, המאפשרת לך ליצור תרשימי זרימה, מפות אתר, תרשימי ארגון ו-wireframes.

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

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

3.קקאו

Cacoo הוא כלי ציור מקוון ידידותי למשתמש המאפשר לך ליצור מגוון דיאגרמות, כגון מפות אתר, wireframes ותרשימי רשת.

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

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

4.גליפי

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

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

ה-Gliffy API (בטא) מאפשר גם למפתחים להוסיף תכונות דיאגרמות של Gliffy ליישומים מבוססי האינטרנט הקיימים שלהם על בסיס מסגרת פשוטה לשימוש.

5.לומזי

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

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

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

6.Mockflow

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

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

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

ה-MockStore הוא שירות תוסף נפלא המספק רכיבים ותבניות של צד שלישי המשותפים לקהילת המשתמשים.

7.פרויקט עיפרון

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

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

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

8.דיאגרמות פשוטות

SimpleDiagrams הוא יישום שולחן עבודה קטן שעוזר לך להביע את הרעיונות שלך במהירות ובפשטות עם מספיק פונקציונליות כדי לתאר מחשבה או ללכוד תהליך. הוא בנוי על פלטפורמת Adobe AIR, כך שיפעל בצורה חלקה ב-Mac, Windows ו-Linux.

אתה יכול לגרור, לשחרר ולגדל סמלים מספריות, להוסיף תמונות והערות ולייצא את הדיאגרמה שלך ל-PNG.

זה אולי לא כלי דיאגרמות מלא, אבל מכיוון ש-SimpleDiagrams הוא כל כך בסיסי, אתה תיצור מסגרות קווים או דיאגרמות תוך דקות.

9.דֵנִים

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

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

זהו כלי פשוט אך יעיל ומאפשר הערה קלה באמצעות מחוות עריכה.

10.אתר אינטרנט Wireframe

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

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

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

האם אתה משתמש כרגע באחד מהכלים האלה? אם כן, אנא שתף ​​את המחשבות והחוויות שלך בתגובות למטה.

סדרה נתמכת על ידי בן אנד ג'ריס ג'ו