Kako ustvariti spletni žični okvirji

Žični okvirji spletnih mest so preproste linijske risbe, ki prikazujejo postavitev elementov na spletno stran. Prihranite lahko veliko časa tako, da uredite postavitev preprostega ogrodja na začetku načrtovalnega postopka namesto zapletenega oblikovanja kasneje.

Uporaba žičnih okvirjev je odličen način za začetek projekta spletnega mesta, saj vam in vaši stranki omogoča, da se osredotočite na postavitev brez odvračanja barve, vrste in drugih oblikovalskih elementov. Osredotočite se na to, kje se nahajajo na vaši spletni strani in odstotek prostora, ki ga vsak element vzame, kar lahko določijo potrebe vašega naročnika.

01 od 03

Kaj je treba vključiti v Wireframe spletnega mesta

Preprost žični okvir.

Vsi pomembni elementi spletne strani morajo biti predstavljeni na vašem spletnem ogrodju. Uporabite preproste oblike namesto dejanske grafike in jih označite. Ti elementi vključujejo:

02 od 03

Kako ustvariti spletni žični okvirji

OmniGraffle zaslona zaslona.

Obstajajo številni načini za ustvarjanje žičnega okvirja spletnega mesta. Vključujejo:

Risba je ročno na papirju

Ta metoda je pri roki, ko je v stiku s stranko. Pripravite predloge za postavitev na papir, s poudarkom na tem, katere elemente bi morali iti.

Uporaba programa Adobe Photoshop, Illustrator ali druge programske opreme

Večina grafičnih programskih paketov je opremljena z vsemi osnovnimi orodji, potrebnimi za izdelavo žičnih okvirjev. Enostavne vrstice, oblike in besedilo (za označevanje vaših elementov) so vse, kar potrebujete za ustvarjanje predstavljiv žični okvir.

Uporaba programske opreme, ustvarjene za to vrsto nalog

Medtem ko Photoshop in Illustrator lahko naredijo trik, so nekateri programski paketi razviti posebej za to vrsto dela. OmniGraffle je del programske opreme, ki poenostavlja izdelavo žičnih okvirjev z uporabo oblike, vrstice, puščice in besedilnih orodij za uporabo na praznem platnu. Lahko tudi prenesete prilagojene grafične nize (brezplačno) na Graffletopia, ki vam omogoča delo z več elementi, kot so skupni gumbi za splet.

03 od 03

Koristi

Z žični žepi spletnega mesta boste imeli korist od tweaking preproste črte črta, da dosežete želeno postavitev. Namesto da premaknete zapletene elemente okoli strani, lahko traja zelo malo časa, da povlečete nekaj polj v nove položaje. Za vas ali vašo stranko je tudi veliko bolj produktivno, da se najprej osredotočite na postavitev ... ne boste začeli s komentarji, kot so »Tega mi ne maram!« Namesto tega boste začeli s končano postavitvijo in strukturo ki temelji na vaši zasnovi.