Oglas
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 više. Ali na osnovnijoj razini web stranica je ideja.
Ako je to vaša web stranica, vjerovatno znate što želite raditi ili što želite da korisnici dobiju iz nje. Možda bi im trebalo biti lako mjesto za pronalaženje informacija o tehnologiji; ili možda treba 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 kojim drugim određenim web razvojem Tehnologija, trebali biste imati vrlo jasnu predodžbu o tome što bi vaša web stranica trebala raditi i što bi općenito trebalo izgledati Kao. 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 jednostavno zgrabiti komad papira ili čak salvetu i započeti blokiranje na vašoj web lokaciji, element po element. “
Naslov ide ovdje... a onda imamo navigacijski izbornik... oh, i ovdje mogu staviti okvir za pretraživanje."Upravo u tim općenitim, jednostavnim riječima, sastavite jedan dio vaše web stranice, sve dok krajnji rezultat ne izgleda ovako:
Kao što vidite, ovo nije računalni kôd ili nešto pretjerano tehničko ili složeno. Svatko je mogao pogledati ovu kratku skicu i odmah ustanoviti što vidi. A to je poanta o žičanim okvirima: 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 vas sve dogovoriti o tome kako će izgledati krajnji rezultat. To može uštedjeti tonu zbrke i dvostrukog rada, posebno kada je riječ o većim projektima.
Važno je napomenuti nedostatak detalja u žičnom okviru: slike pokraj svakog članka nisu "stvarne" slike, nego su očigledna mjesta. Č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 trebalo izgledati kao. Ne treba biti cjelovit prikaz konačnog web mjesta, nego samo njegov duh i bit, ako hoćete. To su samo najvažnije stvari.
Alati za žičane okvire
Kao što sam već napomenuo, najbolji je alat za žičane okvire samo komad papira i olovka. Izlazak iz 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 program za uokvirivanje okvira. Na primjer, možda radite kao dio tima koji je raspoređen 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 izradu žica koji se temelji na Flash-u s bogatom bibliotekom objekata. Ovo je alat pomoću kojeg sam stvorio žičani okvir koji vidite gore - brz je i bezbolan.
- Žice QuirkTools [Prebačen URL je uklonjen]: Jednostavniji alat, bez mogućnosti poravnanja. Ali to nije Flash.
- američki drozd: 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 preko ShutterStock, Crvena slika bilježnice preko ShutterStock
