Wireframe

Odgovara na pitanje šta ide gde, pre nego što se odluči kako izgleda.

Zašto se raspored rešava pre izgleda.

Raspored određuje redosled kojim čovek čita i odlučuje, a loš redosled ne mogu da poprave ni najbolje boje. Pomeranje bloka na crtežu traje minut, a u gotovom kodu sate rada, pa se raspored potvrđuje prvi.

Klasičan wireframe: sive kutije.

U udžbeničkom obliku wireframe je namerno siv i grub: kutije umesto fotografija, linije umesto teksta, bez boja i fonta. Cilj je da se naručilac ne zadržava na detaljima. Iz odobrenog wireframe‑a nastaje prototip, pa finalni dizajn.

Vlasnicima firmi je u sivim kutijama često teško da zamisle svoj sajt. Raspored se odobri, a primedbe stignu tek kad se vide boje, kada su izmene skuplje.

Nacrt u brend bojama.

Zato se taj korak može spojiti sa dizajnom. Pre nacrta se sredi brend: ako logo, boje i font postoje, preuzimaju se, a ako ne postoje, prvo se naprave i odobre. Onda se u alatu za dizajn, na primer u Figmi, crta nacrt stranica u brend bojama i fontu, prvo za telefon pa za računar. Na njemu se vide i raspored i izgled, i menja se dok ga naručilac ne odobri. Te izmene ne troše krugove izmena na izrađenom sajtu.

Odobren nacrt se gradi tačno takav. Kako se raspored ponaša na manjim ekranima, rešava responsive dizajn. Ceo tok: kako izgleda proces izrade sajta.