Սովորեք պարզ կերպով օգտագործել Wireframes ձեր նախագծերը
Վեբ վեբ-մոնտաժը պարզ տեսողական ուղեցույց է `ցույց տալով, թե ինչպիսին կլինի վեբ էջը : Այն առաջարկում է էջի կառուցվածքը առանց որեւէ գրաֆիկայի կամ տեքստի: Կայքի կաբինետը ցույց կտա ամբողջ կայքի կառուցվածքը, այդ թվում `էջի հղումները:
Web wireframes- ը հիանալի միջոց է ձեր նախագծման աշխատանքը սկսելու համար: Եվ եթե հնարավոր է ստեղծել հսկայական քանակությամբ մանրամասն բարդ մետաղալարեր , ձեր պլանավորումը կարող է սկսվել անձեռոցիկով եւ գրիչով: Լավ բոնուսների կատարման բանալին է հեռացնել բոլոր տեսողական տարրերը: Օգտագործեք տուփեր եւ տողեր, որոնք ներկայացնում են նկարներ եւ տեքստեր:
Նյութեր, որոնք ներառում են վեբ-էջի վահանակ:
- արկղերը հիմնական գրաֆիկական տարրերի համար
- խորագրերի եւ ենթահամակարգերի տեղադրում
- պարզ դասավորության կառուցվածք
- կոչ է անում գործել
- տեքստերի բլոկներ
Ինչպես կառուցել պարզ վեբ շրջանակ
Ստեղծեք վեբ էջի կողպեքներ, օգտագործելով թղթի ցանկացած գրություն, որը հարմար է: Ահա թե ինչպես եմ դա անում.
- Draw a large ուղղանկյուն, որը կարող է ներկայացնել կամ ամբողջ էջը կամ պարզապես տեսանելի մասը: Ես սովորաբար սկսում եմ տեսանելի մասը, այնուհետեւ ընդլայնել այն, որպեսզի այն ներառի այն տարրերը, որոնք ցածր են հատակից:
- Ետ նկարեք դասավորությունը `դա 2 սյունակ, 3 սյունակ:
- Ավելացրեք վանդակում գլխարկի գրաֆիկի համար - Ձեռք բերեք ձեր սյունակները, եթե ցանկանում եք, որ դա լինի սյունակներից մեկի վերնագիր կամ պարզապես ավելացրեք այնտեղ, որտեղ ցանկանում եք:
- Գրել «վերնագիր», որտեղ դուք ցանկանում եք ձեր H1 անվանումը:
- Գրեք «ենթավերնագիր», որտեղ ցանկանում եք H2 եւ ստորին խորագրերը: Այն օգնում է, եթե դրանք համամասնական դարձնեն - h2 փոքր, քան h1, h3 փոքրից h2 եւ այլն:
- Ավելացնել տուփերում այլ պատկերների համար
- Ավելացնել նավարկություն: Եթե դուք մտադիր եք ներդիրներ, պարզապես արկղեր քաշեք եւ գրեք «նավարկություն» վերեւում: Կամ զետեղված ցուցակները դրեք սյուների վրա, որտեղ դուք ուզում եք նավարկություն: Մի գրեք բովանդակությունը: Պարզապես գրեք «նավարկություն» կամ տեքստ օգտագործելու համար օգտագործեք գիծ:
- Էջին հավելյալ տարրեր ավելացրեք `պարզեք, թե ինչ են դրանք տեքստով, բայց չեն օգտագործում իրական բովանդակության տեքստը: Օրինակ, եթե ցանկանում եք ներքեւի աջ անկյունում գործողություն կոճակին, ապա դրեք վանդակում եւ նշեք այն «զանգահարեք գործողության»: Մի գրեք «Գնել հիմա»: այդ արկղում:
Երբ դուք ստացել եք ձեր պարզ մետաղալարերը գրված, եւ դա չպետք է ձեզանից ավելի քան 15 րոպե տեւի նկարել մեկի համար, ցույց տալ այն ուրիշին: Հարցրեք նրանց, արդյոք բացակայում է ինչ-որ բան եւ այլ կարծիք: Ելնելով այն, ինչ ասում են, դուք կարող եք գրել մեկ այլ մետաղալարեր կամ պահել ձեր ունեցածը:
Ինչու են թղթի փաթիլները լավագույն նախնական նախագծերի համար
Թեեւ հնարավոր է ստեղծել wireframes, օգտագործելով ծրագրեր, ինչպիսիք են Visio, ձեր նախնական brainstorming նիստերի, դուք պետք է մնալ թղթի վրա: Թուղթը կարծես թե մշտական չէ, եւ շատ մարդիկ ենթադրում են, որ 5 րոպեում այն միասին շպրտեց, եւ այդպես էլ չհանգեցնեք ձեզ լավ արձագանք ստանալ: Բայց երբ դուք օգտագործում եք ծրագիր, գեղեցիկ գորգեր եւ գունավոր գեղանկարներ ստեղծելու համար, դուք վազում եք ծրագրի մեջ իրեն բռնելու ռիսկը եւ կատարելու այնպիսի մի բան, որը երբեք չի պատրաստվում ապրել:
Թղթերի wireframes հեշտ է անել: Եվ եթե դուր չգաս, ապա թուղթը փաթաթում ես, նետել այն վերամշակման մեջ եւ գրկել նոր թերթ: