Što je žičani okvir web stranice i kako vam može pomoći razviti web stranicu?

Na tehničkoj razini moderna web stranica nije samo jedno. To je složena kombinacija interaktivnih tehnologija, kao što su HTML (oznaka koju vidite na stranici), JavaScript (jezik koji radi u vašem pregledniku i utječe na interakcije), CSS (jezik za postavljanje izgleda stranice) i još mnogo toga. Ali na osnovnijoj razini web stranica je ideja.

Ako se radi o vašoj web stranici, vjerojatno znate što želite raditi ili što želite da korisnici iz nje izađu. Možda bi im trebalo biti lako mjesto za pronalaženje informacija o tehnologiji; ili bi možda trebalo objasniti zašto ste najbolji bend ili šetač pasa. U svakom slučaju, mnogo prije nego što se suočite s HTML-om, CSS-om, JavaScript-om ili bilo kojom drugom određenom tehnologijom za web razvoj, trebali biste imati vrlo jasnu predodžbu o tome što bi vaša web stranica trebala raditi i kako ona obično treba izgledati. A žični okviri web stranica način su učvršćivanja te ideje i njihove komunikacije.

Leđa salvete

Okvir web stranice samo je skica onoga što želite da vaša web lokacija izgleda. To ne bi trebalo biti lijepo, a čak ni ne trebate softver da biste ga stvorili. Možete samo zgrabiti komad papira ili čak salvetu i započeti blokiranje na vašoj web stranici, element po element. “Naslov ide ovdje ... a onda imamo navigacijski izbornik ... oh, i ovdje mogu staviti okvir za pretraživanje.” Baš u tim općenitim, jednostavnim riječima, sastavite jedan dio vaše web stranice, sve dok krajnji rezultat ne izgleda ovako:

Kao što vidite, to nije računalni kod ili nešto pretjerano tehničko ili složeno. Svatko je mogao pogledati ovu kratku skicu i odmah shvatiti što vidi. I u tome je smisao žičara: Oni su vrlo brzi za izradu i lako ih je razumjeti. Omogućuju vam da ispravno utvrdite važne stvari, poput izgleda web mjesta, strukture navigacije i položaja oglasa, prije nego što dodirnete samo jedan kôd. A ako radite s drugim ljudima, kao što je koder ili dizajner, oni će vam omogućiti da postignete dogovor o tome kakav će krajnji rezultat izgledati. To može uštedjeti tonu zbrke i dvostrukog rada, posebno kada je riječ o većim projektima.

Važno je napomenuti nedostatak pojedinosti u žičnom okviru: slike pokraj svakog članka nisu “stvaran” slike, ali očigledni rezervi. Čak ni tekst članka nije popunjen - to je samo gomila redaka. Ne možete vidjeti kakva će biti shema boja - sve je samo crno-bijelo. Ovo je žičani okvir trebao izgledati kao. Ne bi trebao biti cjelovit prikaz konačne web stranice, već samo njezin duh ili suština, ako hoćete. To su samo najvažnije stvari.

Alati za žičane okvire

Kao što sam već spomenuo, najbolji alat za žičano uokvirivanje je često samo komad papira i olovka. Odmakajući se od računala zaista vam može pomoći da razbistrite um i usredotočite se na ono što želite da izgleda vaša web stranica, bez dosadnih prekida ili nereda oko učenja novog alata za žičano uokvirivanje. Matematička bilježnica (kao što je prikazano gore) obično najbolje funkcionira jer pronalazite tragove duž crta, stvarate uredne pravokutnike i lako poravnavate različite dijelove vaše web stranice zajedno. Uzmi jednu, olovku ili dvije i popij šalicu kave negdje daleko od računala. Vratit ćete se s jasnom idejom o tome što točno pokušavate stvoriti.

To je rečeno, ponekad je potreban softver za uokvirivanje okvira. Na primjer, možda radite kao tim koji se širi po cijeloj zemlji ili širom svijeta, ili možda pišete blog o wireframingu. U tim slučajevima ručno skeniranje žičnih okvira nije vrlo praktično rješenje. Evo nekoliko besplatnih softverskih alata koji vam mogu pomoći ako stvarno ne možete koristiti olovku i papir:

• Lumzy: besplatan alat za žičane okvire koji se temelji na Flash-u i bogata je knjižnica objekata. Ovo je alat pomoću kojeg sam stvorio žičani okvir koji vidite gore - brz je i bezbolan.
• Žice QuirkTools: Jednostavniji alat, bez mogućnosti poravnanja. Ipak nije Flash.
• Mockingbird: komercijalni alat, ali ima ograničen besplatni plan.

Ne samo za web stranice

Vjerojatno ste i sami to shvatili, ali ovo je dobra napomena za kraj: Wireframes su fantastičan alat za stvaranje bilo kojeg proizvoda, a ne samo web stranice. Možda imate grubu ideju za iPhone ili Android aplikaciju ili čak punopravnu računalnu aplikaciju. U tim su slučajevima žičani okviri web stranica neprocjenjivi za prikazivanje kako sve izgleda i mogu vam čak pomoći da na različite načine podržate vaš projekt.

Jeste li ikad sami stvorili žičani okvir? Hoćete li početi sada kad ovo čitate? Javite mi u komentarima!

Slikovni krediti: Zgužvana slika salvete putem ShutterStocka, Slika crvene bilježnice preko ShutterStock