בכל החברות הגדולות בעולם, לפני שמעצבים אתר, בונים לו שלד. תהליך זה נקרא עיצוב ויירפריימס. בתכלס, יש המון יתרונות לשימוש בויירפריימס, אבל הנה 3 מהם:
1. זה נותן לנו וללקוח לראות את האתר "ערום" ולבחון בתנאים סטריליים, בלי עיצוב ובלי טכנולוגיות, האם הflow וחווית המשתמש עוברת כמו שרצינו. בדיוק כפי שבודקים לוגו: דבר ראשון בשחור לבן ורק אז עם הצבע שלו. כי אם הלוגו עובד בשחור לבן, הוא עשוי נכון מהיסוד.
2. ויירפריימס הרבה יותר קל לשנות. אם הלקוח שלנו פתאום החליט שלא בא לו על אלמנט כזה או אחר שהיה כתוב באפיון האתר, אז זו לא בעיה בשבילנו לשנות את הליי-אאוט, כי עדיין אין עיצוב.
3. זה נותן לנו לבנות את האתר בצורה נכונה יותר ועשויה משלבים: אפיון > ויירפריימס > עיצוב > תכנות.
למי מכם שלא עובד עם ויירפריימס, אנו ממליצים לו לנסות פעם אחת לעבוד עם ויירפריימס ולראות איך הדבר חוסך לו זמן יקר בעבודת העיצוב (וכמובן שזמן = כסף). סה"כ עבודת ויירפריימס + עיצוב לוקחים פחות זמן מעבודת עיצוב בלי ויירפריימס. איך זה הגיוני? כי ויירפריימס מהירים להכנה יחסית, ואז שמגיעים לעיצוב כבר חצי מהמבנה מוכתב מראש ויש לנו פחות בלאגן בראש, ואפשר לעצב בכיף ובראש שקט שהflow סגור.
ויירפריימס ניתן לעצב בכמה שיטות. אפשר על פוטושופ, אפשר על אילוסטרייטור, אפשר על אינדזיין, אפשר פשוט עם דף ועט ולסרוק, וגם קיימות מספר רב של אפליקציות אונליין להכנת ויירפריימס. אבל את זה נסקור בפוסט נפרד בקרוב.
להלן קישור להורדת ערכת אלמנטים עיצוביים לויירפריימס באילוסטרייטור.
Hebrew Wireframing Tools (2761 downloads)
שימו לב- קובץ זה מותר לשימוש מסחרי ולכל צורך אפשרי, אך אינו למכירה או לסחר בשום פנים ואופן.
אין להפיץ קובץ זה, אלא להפנות לקישור זה בלבד.
http://www.pixelperfect.co.il/posts/free-hebrew-wireframing-elements
תודה, ועיצוב מהנה!