Ինչպես ստեղծել կայք Wireframes

Կայքի wireframes- ը պարզ գծերի նկարներ է, որոնք ցույց են տալիս տարրերի տեղադրումը վեբ էջում: Դուք կարող եք երկար ժամանակ պահել ձեզ, հեշտացնելով կոնկրետ դիզայնի փոխարեն նախագծման գործընթացի սկզբում պարզ տողերի դասավորությունը խմբագրելու միջոցով:

Օգտագործելով wireframes- ը հիանալի միջոց է կայքի նախագիծը սկսելու համար, քանի որ այն թույլ է տալիս Ձեզ եւ ձեր հաճախորդին կենտրոնանալ գրաֆիկի վրա, առանց գույնի, տիպի եւ այլ դիզայնի տարրերի խեղաթյուրման: Խտարարել այն, թե ինչ է կատարվում ձեր ինտերնետային էջերում եւ տարածության տոկոսը, որը յուրաքանչյուր տարր վերցնում է, որը կարող է որոշվել ձեր հաճախորդի կարիքների համար:

01-ը 03-ից

Ինչ պետք է ներառի կայքէջում

Պարզ մետաղալարերի օրինակ:

Վեբ էջի բոլոր կարեւոր տարրերը պետք է ներկայացված լինեն ձեր կայքում wireframe: Օգտագործեք պարզ պատկերներ, իրական գրաֆիկայի փոխարեն եւ պիտակի դրանք: Այս տարրերը ներառում են.

02-ից 03-ը

Ինչպես ստեղծել կայք Wireframes

OmniGraffle- ի սցենար:

Կան ինտերնետային ուղիների ստեղծման տարբեր եղանակներ: Դրանք ներառում են.

Ձեռքով թղթի վրա նկարելը

Այս մեթոդը հարմար է, երբ հաճախորդի հետ առերեսվելը: Պատկերացրեք ձեր դասավորության գաղափարները թղթի վրա `կենտրոնանալով այն տարրերի վրա, որոնք պետք է գնան:

Օգտագործելով Adobe Photoshop, Illustrator կամ այլ ծրագրեր

Շատ գրաֆիկական ծրագրային փաթեթները գալիս են հագեցված բոլոր wireframes ստեղծելու համար անհրաժեշտ բոլոր հիմնական գործիքների հետ: Պարզ գծեր, ձեւեր եւ տեքստեր (ձեր տարրերը պիտակելու համար) բոլորն են, որ դուք պետք է ստեղծեք ներկայացվող մետաղալարեր:

Օգտագործելով ծրագրային ապահովման օգտագործումը այս տեսակի առաջադրանքի համար

Մինչ Photoshop- ը եւ Illustrator- ը կարող են հնարել, որոշ ծրագրային փաթեթներ հատուկ մշակված են այս աշխատանքի համար: OmniGraffle- ը մի ծրագիր է, որը հեշտացնում է wireframes- ի ստեղծումը, ձեւը, տողը, սլաքը եւ տեքստային գործիքները `օգտագործելով դատարկ կտավ: Դուք նույնիսկ կարող եք ներբեռնել Graffletopia- ի գրաֆիկական հավաքածուները (անվճար), որը ձեզ հնարավորություն է տալիս ավելի շատ տարրեր, ինչպիսիք են ընդհանուր վեբ կոճակները, հետ աշխատելու համար:

03-ից 03-ը

Առավելությունները

Կայքի wireframes- ի միջոցով դուք օգտվում եք ցանկալի դասավորության հասնելու պարզ գծի նկարահանումներից: Փոխանակ բարդ տարրեր էջի շուրջը փոխելու փոխարեն, այն կարող է շատ քիչ ժամանակ տանել մի քանի արկղերի քաշել նոր դիրքերում: Այն նաեւ շատ ավելի արդյունավետ է ձեզ համար, կամ ձեր հաճախորդը, կենտրոնանալով դասավորության սկզբում ... Դուք չեք սկսի մեկնաբանությունների նման «Ես այդ գույնը չեմ սիրում»: Փոխարենը, դուք կսկսեք ավարտված կազմով եւ կառուցվածքով որոնք հիմք են դիզայնի համար: