Oglas
Na tehnični ravni sodobno spletno mesto ni samo ena stvar. To je zapletena juha interaktivnih tehnologij, kot so HTML (oznaka, ki jo vidite na strani), JavaScript ( jezik, ki deluje v brskalniku in vpliva na interakcije), CSS (jezik za nastavitev videza strani) in več. Toda na bolj osnovni ravni je spletna stran ideja.
Če je to vaše spletno mesto, verjetno veste, kaj želite narediti ali kaj želite, da se uporabniki iz njega izvlečejo. Mogoče bi bilo zanje enostavno iskanje informacij o tehnologiji; morda pa bi moralo razložiti, zakaj ste najboljši bend ali sprehajalec psov. Vsekakor, preden se boste morali ukvarjati s HTML, CSS, JavaScript ali katero koli drugo specifično spletno razvitostjo tehnologija, bi morali imeti zelo jasno predstavo o tem, kaj naj počne vaše spletno mesto in kako naj bi na splošno izgledalo všeč. In žičnati okviri spletnih strani so način, da to idejo utrdijo in jo sporočijo.
Hrbtni del prtička
Žični okvir spletnega mesta je samo skica, kako želite, da izgleda vaše spletno mesto. Ne bi smela biti lepa in ne potrebujete niti programske opreme, da bi jo ustvarili. Lahko samo vzamete kos papirja ali celo prtiček in začnete blokirati na svojem spletnem mestu po elementih. “
Naslov gre tu… in potem imamo navigacijski meni… oh, in tukaj lahko postavim polje za iskanje."Ravno v teh splošnih in preprostih pogojih sestavite en del svojega spletnega mesta, dokler končni rezultat ne bo videti tako:
Kot vidite, to ni računalniška koda ali kaj preveč tehničnega ali zapletenega. Vsak bi si lahko ogledal to hitro skico in takoj ugotovil, kaj vidi. In to je bistvo glede žičnih okvirov: izdelati jih je zelo hitro in enostavno razumeti. Preden se dotaknete ene vrstice kode, lahko natančno določite pomembne stvari, na primer postavitev spletnega mesta, navigacijsko strukturo in umestitev oglasa. In če sodelujete z drugimi ljudmi, na primer kodrom ali oblikovalcem, vam vse dovolijo, da se dogovorite, kakšen bo videti končni rezultat. To lahko prihrani veliko zmede in dvojnega dela, zlasti ko gre za večje projekte.
Pomembno je upoštevati pomanjkanje podrobnosti v zgornjem okvirju: Slike poleg vsakega članka niso "prave" slike, ampak očitna mesta. Tudi besedilo članka ni izpolnjeno - to je le kup vrstic. Ne vidite, kakšna bo barvna shema - vse je samo črno-belo. To je tisto, kar je žični okvir menda izgledati kot. Ne bi smela biti popolna predstavitev končnega spletnega mesta, ampak le njegov duh ali bistvo, če hočete. To so samo najpomembnejše stvari.
Orodja za žične okvirje
Kot sem že omenil, sta najboljše orodje za žično okvirjanje pogosto le kos papirja in peresnik. Če se oddaljite od računalnika, vam lahko resnično pomaga razčistiti misli in se osredotočiti na tisto, kar želite, da je videti vaše spletno mesto, brez motečih prekinitev ali nereda pri učenju novega orodja za žičnato okvirjanje. Matematični zvezek (kot je prikazano zgoraj) ponavadi najbolje deluje, ker sledite po črtah, ustvarite čiste pravokotnike in enostavno poravnate različne koščke svojega spletnega mesta skupaj. Vzemite eno, pisalo ali dve in pojdite na kavo nekam daleč stran od računalnika. Vrnili se boste z jasno predstavo, kaj natančno poskušate ustvariti.
Kljub temu je včasih potrebna programska oprema za žične okvirje. Mogoče na primer delate kot del ekipe, ki se je razširila po državi ali svetu, ali morda pišete objavo na spletnem mestu o žičniških okvirih. V teh primerih ročno skeniranje žičnih okvirov ni zelo praktična rešitev. Tukaj je nekaj brezplačnih programskih orodij, ki vam lahko pomagajo, če pisala in papirja res ne morete uporabiti:
- Lumzy: Brezplačno orodje za žično uokvirjanje, ki temelji na Flash, z bogato knjižnico predmetov. To je orodje, s katerim sem ustvaril žični okvir, ki ga vidite zgoraj - hitro in neboleče.
- QuirkTools Wires [Broken URL Removal]: enostavnejše orodje, brez možnosti poravnave. Vendar to ni Flash.
- Norčevanje: Trgovinsko orodje, vendar ima omejen brezplačni načrt.
Ne samo za spletna mesta
Verjetno ste to tudi sami spoznali, vendar je to dobro, če želite končati z: Wireframes so fantastično orodje za ustvarjanje katerega koli izdelka, ne le spletnega mesta. Mogoče imate grobo idejo za aplikacijo za iPhone ali Android ali celo popolno računalniško aplikacijo. V teh primerih so žičnati okviri spletnih strani neprecenljivi za prikaz, kako vse izgleda, in morda celo pomagajo pri iskanju ljudi, ki podpirajo vaš projekt na različne načine.
Ste že kdaj ustvarili žični okvir? Boste začeli zdaj, ko ste to prebrali? Sporočite mi v komentarjih!
Slikovni krediti: Zmečkana slika prtička preko ShutterStock, Rdeča slika prenosnika prek ShutterStock
