Kako kreirati Wireframe web stranice

Žičani kablovi za web lokaciju su jednostavni crteži linije koji pokazuju postavljanje elemenata na web stranici. Možete se uštedeti mnogo vremena tako što ćete u početku procesa dizajna urediti izgled jednostavnog žičnog okvira umjesto složenog dizajna kasnije.

Korišćenje žičanih okvira je odličan način za početak projekta web stranice, jer vam i vašem klijentu omogućavaju fokusiranje na izgled bez ometanja boja, tipa i drugih elemenata dizajna. Koncentrišite se na ono što ide na vašim web stranicama i procenat prostora koji svaki element uzima, što se može utvrditi potrebama vašeg klijenta.

01 od 03

Šta da uključite u Wireframe veb-sajtu

Jednostavan žični okvir.

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

02 od 03

Kako kreirati Wireframe web stranice

OmniGraffle snimak ekrana.

Postoji niz načina za kreiranje žičnog okvira web sajta. Oni uključuju:

Crtanje rukom na papiru

Ova metoda je zgodna kada se licem u lice s klijentom. Skicirajte svoje ideje o rasporedu na papiru, sa fokusom na koje elemente treba ići.

Korišćenje programa Adobe Photoshop, Illustrator ili drugog softvera

Većina grafičkih softverskih paketa dolazi sa svim osnovnim alatima potrebnim za kreiranje žičnih ramova. Jednostavne linije, oblici i tekst (za označavanje vaših elemenata) su sve što vam je potrebno za stvaranje prezentirane žične slike.

Korišćenje softvera kreiranog za ovaj tip zadataka

Dok Photoshop i Illustrator mogu napraviti trik, neki softverski paketi su posebno razvijeni za ovu vrstu posla. OmniGraffle je deo softvera koji pojednostavljuje stvaranje žičanih okvira pružajući oblik, liniju, strelicu i tekstualne alate za korišćenje na praznom platnu. Možete čak preneti i prilagođene grafičke komplekse (besplatno) u Graffletopiji, što vam daje više elemenata, poput zajedničkih web dugmadi, za rad.

03 od 03

Prednosti

Sa žičanim okvirima veb-sajta, koristite podešavanje jednostavnog linijskog crtanja kako biste postigli željeni izgled. Umesto premještanja složenih elemenata oko stranice, može se potražiti vrlo malo vremena da povučete nekoliko kutija na nove pozicije. Takođe je mnogo produktivnije za vas ili vašeg klijenta da se prvo usredsredite na izgled ... nećete početi sa komentarima poput "Ne sviđa mi se ta boja tamo!" Umjesto toga, počnite sa završenim rasporedom i strukturom na koji zasniva svoj dizajn.