תבנית עיצוב ויירפריימס בעברית- חינם

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

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

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

3. זה נותן לנו לבנות את האתר בצורה נכונה יותר ועשויה משלבים: אפיון > ויירפריימס > עיצוב > תכנות.
למי מכם שלא עובד עם ויירפריימס, אנו ממליצים לו לנסות פעם אחת לעבוד עם ויירפריימס ולראות איך הדבר חוסך לו זמן יקר בעבודת העיצוב (וכמובן שזמן = כסף). סה"כ עבודת ויירפריימס + עיצוב לוקחים פחות זמן מעבודת עיצוב בלי ויירפריימס. איך זה הגיוני? כי ויירפריימס מהירים להכנה יחסית, ואז שמגיעים לעיצוב כבר חצי מהמבנה מוכתב מראש ויש לנו פחות בלאגן בראש, ואפשר לעצב בכיף ובראש שקט שהflow סגור.

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

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

Hebrew Wireframing Tools (2730 downloads)

שימו לב- קובץ זה מותר לשימוש מסחרי ולכל צורך אפשרי, אך אינו למכירה או לסחר בשום פנים ואופן.
אין להפיץ קובץ זה, אלא להפנות לקישור זה בלבד.
http://www.pixelperfect.co.il/posts/free-hebrew-wireframing-elements

תודה, ועיצוב מהנה!

Share

קצת על המחבר:

תמצאו את Pixel Perfect ב:

מאמרים שעשויים לעניין אותך

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

הצטרפו לניוזלטר שלנו!

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

אשמח לשלוח לך פרטים!

אנא מלא/י את פרטי הקשר שלך כאן ואשלח לך אימייל עם כל הפרטים אודות ההכשרה
;