למד להשתמש פשוט Wireframes להתחיל את העיצובים
אינטרנט wireframe הוא מדריך חזותי פשוט להראות לך איך דף אינטרנט ייראה. זה אומר את המבנה של דף , מבלי להשתמש בכל גרפיקה או טקסט. מסגרת אינטרנט של אתר תציג את כל מבנה האתר - כולל אילו דפים מקשרים למקום.
אינטרנט wireframes הם דרך מצוינת להתחיל את עבודת העיצוב. ובעוד אפשר ליצור wireframes מורכבים עם כמויות עצומות של פירוט, התכנון שלך יכול להתחיל עם מפית ועט. המפתח לביצוע wireframes טוב הוא להשאיר את כל האלמנטים החזותיים. השתמש בתיבות וקווים לייצוג תמונות וטקסט.
דברים שיש לכלול במסגרת אינטרנטית:
- תיבות עבור רכיבים גרפיים ראשוניים
- מיקום הכותרות וראשי המשנה
- מבנה פריסה פשוטה
- קורא לפעולה
- בלוקי טקסט
כיצד לבנות אינטרנט פשוט
יצירת מסגרת אינטרנט של דף אינטרנט באמצעות כל פיסת נייר יש לך נוח. הנה איך אני עושה את זה:
- צייר מלבן גדול - זה יכול לייצג את כל הדף או רק את החלק הגלוי. אני בדרך כלל מתחיל עם החלק הגלוי, ולאחר מכן להרחיב אותו כדי לכלול אלמנטים שיהיו מתחת לקפל.
- סקיצה את הפריסה - האם זה 2-עמודות, 3-עמודות?
- הוסף בתיבה עבור גרפיקה כותרת - צייר מעל העמודות שלך אם אתה רוצה שזה יהיה כותרת אחת מעל העמודות, או פשוט להוסיף אותו איפה שאתה רוצה את זה.
- כתוב "כותרת" שבו אתה רוצה את כותרת H1 להיות.
- כתוב "תת ראש" שבו אתה רוצה H2 וכותרות תחתון להיות. זה עוזר אם אתה עושה אותם פרופורציונלי - h2 קטן מ h1, h3 קטן מ h2, וכו '
- הוסף בתיבות לתמונות אחרות
- הוסף בניווט. אם אתה מתכנן כרטיסיות, פשוט צייר תיבות וכתוב "ניווט" מעל. או לשים רשימות תבליטים בעמודות שבהן אתה רוצה את הניווט. אל תכתוב את התוכן. פשוט כתוב "ניווט" או השתמש בשורה לייצג טקסט.
- הוסף אלמנטים נוספים לדף - זהה מה הם עם טקסט, אך אל תשתמש בטקסט התוכן בפועל. לדוגמה, אם אתה רוצה לחצן קריאה לפעולה בפינה השמאלית התחתונה, שים שם תיבה ותייג את התווית "קריאה לפעולה". אל תכתוב "קנה עכשיו!" בתיבה זו.
ברגע שיש לך את wireframe פשוט כתוב, וזה לא צריך לקחת לך יותר מ 15 דקות כדי לשרטט אחד למעלה, להראות את זה למישהו אחר. שאל אותם אם יש משהו חסר עבור משוב אחרים. בהתבסס על מה שהם אומרים שאתה יכול לכתוב מסגרת אחרת או לשמור את אחד יש לך.
מדוע נייר Wireframes הם הטובים ביותר עבור טיוטות הראשון
אמנם ניתן ליצור wireframes באמצעות תוכניות כמו Visio, עבור הפעלות סיעור מוחות הראשונית שלך, אתה צריך להישאר על הנייר. נייר לא נראה כמו קבע, ואנשים רבים יניחו לך זרק את זה ביחד 5 דקות ולכן לא מהסס לתת לך משוב טוב. אבל כאשר אתה משתמש בתוכנית כדי ליצור wireframes מפואר עם ריבועים וצבעים מושלם, אתה מסתכן להסתבך בתוכנית עצמה ולבלות שעות משכלל משהו שהוא לא הולך אי פעם ללכת לחיות.
נייר wireframes קל לעשות. ואם אתה לא אוהב את זה, אתה פשוט לקמט את הנייר, לזרוק אותו למיחזור לתפוס גיליון חדש.