Kako stvoriti Wireframe web stranica

Žičani okviri web-lokacije jednostavni su crteži koji prikazuju smještaj elemenata na web stranici. Možete se uštedjeti mnogo vremena uređivanjem izgleda jednostavnog žičanog okvira na početku procesa izrade, a kasnije kasnije složenog dizajna.

Korištenje žičanih okvira odličan je način za početak web projekta, jer vam omogućuje da se vi i vaš klijent usredotočite na izgled bez ometanja boje, vrste i drugih elemenata dizajna. Usredotočite se na ono što se događa na vašim web stranicama i postotak prostora koji svaki element preuzima, što može biti određeno potrebama vašeg klijenta.

01 od 03

Što uključiti u Wireframe web stranica

Jednostavan primjer žice.

Svi važni elementi web stranice trebali bi biti predstavljeni na vašoj internetskoj stranici. Koristite jednostavne oblike umjesto stvarne grafike i označite ih. Ovi elementi uključuju:

02 od 03

Kako stvoriti Wireframe web stranica

Zaslon OmniGraffle.

Različiti su načini za izradu žičane mreže web mjesta. Oni uključuju:

Crtanje ručno na papiru

Ova metoda dolazi praktično kada se suočava s klijentom. Skicirajte ideje za raspored na papiru, s naglaskom na elementima koji bi trebali krenuti tamo.

Korištenje programa Adobe Photoshop, Illustrator ili drugi softver

Većina grafičkih softverskih paketa opremljena je svim osnovnim alatima potrebnim za izradu žičanih okvira. Jednostavne linije, oblici i tekst (za označavanje vaših elemenata) su sve što vam treba za izradu prezentiranog žičanog okvira.

Korištenje softvera stvorenog za ovu vrstu zadatka

Dok Photoshop i Illustrator mogu napraviti taj trik, neki softverski paketi razvijeni su posebno za ovu vrstu posla. OmniGraffle je komad softvera koji pojednostavljuje stvaranje žičanih okvira pružanjem oblika, linija, strelica i tekstualnih alata za upotrebu na praznom platnu. Možete čak i preuzeti prilagođene grafičke setove (besplatno) na Graffletopiji, što vam daje više elemenata, kao što su zajedničke web gumbi, za rad.

03 od 03

Povlastice

S internetskim žičanim okvirom, imate priliku ugađati jednostavni crtež kako biste postigli željeni izgled. Umjesto premještanja složenih elemenata oko stranice, može potrajati vrlo malo vremena da povuče nekoliko kutije na nove pozicije. Također je mnogo produktivnije za vas ili vašeg klijenta da se najprije usredotočite na izgled ... nećete početi s komentarima poput: "Ne sviđa mi se ta boja tamo!" Umjesto toga počinjete s finaliziranim izgledom i strukturom na koje će temeljiti vaš dizajn.