{"id":9561,"date":"2016-02-02T13:47:07","date_gmt":"2016-02-02T11:47:07","guid":{"rendered":"https:\/\/dev.optiweb.com\/?post_type=post&p=9561"},"modified":"2018-09-04T08:31:46","modified_gmt":"2018-09-04T08:31:46","slug":"zakaj-pri-nacrtovanju-spletne-strani-uporabiti-wireframe","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/zakaj-pri-nacrtovanju-spletne-strani-uporabiti-wireframe\/","title":{"rendered":"Zakaj pri na\u010drtovanju spletne strani uporabiti wireframe?"},"content":{"rendered":"
\n

Si \u017ee kdaj sli\u0161al za wireframe? V procesu izdelave u\u010dinkovitih spletnih strani oz. trgovin je nujno, da se najprej posvetimo fazi analize in na\u010drtovanja. Ta blog ti bo v nadaljevanju predstavil kaj wireframe sploh je, kdo ga uporablja in zakaj ga je priporo\u010dljivo uporabljati.<\/p>\n

Kaj je wireframe?<\/h2>\n

Wireframe oz. arhitektura spletne strani je temeljni vizualni prikaz funkcionalnosti spletnega vmesnika. Wireframe je torej na\u010drt za postavitev spletne strani<\/a>. Osnovni namen je, da stranki poka\u017eemo osnovno postavitev vsebine (struktura, elementi na strani), \u0161e preden se lotimo oblikovanja. Wireframe ne vsebuje podrobnosti oblikovanja – barv, tipografij, slik. Lahko se skicira zelo na hitro na listu papirja, ali pa se pripravi v digitalni obliki s pomo\u010djo razli\u010dnih programov oz. aplikacij.<\/p>\n

Wireframe vs. predloga vs. prototip<\/h2>\n

\u017de na za\u010detku je treba izpostaviti razliko med izrazi wireframe, prototip in predloga, ki jih pogosto me\u010demo v isti ko\u0161.<\/p>\n

Wireframe je prikaz strukture spletne stran in vsebuje zgolj klju\u010dne osnovne elemente, ki slu\u017eijo kot vodilo pri postavitvi spletne strani. Ni interaktiven in ne vklju\u010duje veliko podrobnosti.<\/p>\n<\/div><\/section>\n<\/div><\/div><\/main><\/div><\/div>

\n
<\/div><\/div><\/div>\n<\/p>\n<\/div><\/div><\/div><\/div><\/div>
\n

Predloga je stati\u010dna predstavitev zasnove, v kateri je celostna podoba podjetja \/ naro\u010dnika predstavljena z barvami, tipografijami in drugimi vizualnimi elementi.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>
\n

Prototip je interaktivna in bolj podrobna verzija wireframa. Prototip je izdelana testna verzija spletne strani s pomo\u010djo raznih aplikacij, kar omogo\u010da testiranje kon\u010dne spletne strani, \u0161e preden smo v kodo vlo\u017eili \u010das in denar.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>
\n

Komu je wireframe namenjen?<\/h2>\n

Wireframe je namenjen strankam, vodjem projektov, oblikovalcem ter programerjem.<\/p>\n

Strankam, da si la\u017eje predstavljajo, kaj to\u010dno bo zajemal proces izdelave spletne strani ter kot pomo\u010d pri presoji, ali bo kon\u010dni izdelek zadostoval njihovim potrebam.<\/p>\n

Vodje projektov wireframe uporabljajo iz treh razlogov:<\/h3>\n