Dobri primeri skica za veb dizajn


Dobri primeri skica za veb dizajn

Zamislite situaciju u kojoj veb dizajneri mogu jednostavno da zamole svoje klijente da im skiciraju izmenu koju žele da unesu u izgled budućeg sajta. Kada bi svako crtao svoje ideje na papiru, bila bi to neverovatno olakšavajuća okolnost i značilo bi ogromnu uštedu vremena, energije i strpljenja u svakodnevnom radu.

O tome je nedavno pisao dizajner Endi Djuk (Andy Duke) u tekstu pod nazivom Kako (i zašto) privoleti svakoga da skicira objavljenom na portalu Web designer depot. Iako možda nismo svi vični vizuelizaciji ideja i mapiranju problema, veb dizajneri svakako jesu, posebno oni koji se bave dizajnom korisničkog interfejsa (UI) i korisničkog iskustva (UX), odnosno oni koji odlučuju kako će izgledati jedan vebsajt i na koje sve načine će korisnici moći da dođu u kontakt sa veb stranicom.

Velika većina dizajnera redovno (i vrlo rado) koristi skice i crteže kako bi izrazila svoje zamisli u komunikaciji sa saradnicima, ali i u prepisci sa klijentima, bilo da je reč o ručno crtanim skicama ili digitalno kreiranim modelima (eng. wireframe, mockup). Jer, ne postoji efikasniji način da se razume nečija ideja nego da se ona skicira od strane osobe koja ju je i osmislila.

I zaista, tek onda kada nešto vidimo na papiru (ili na ekranu) baš onako kako je zamišljeno, možemo to sve i da razumemo i mnogo lakše uočimo prednosti i nedostatke. Stoga je skiciranje, kao svojevrstan vid vizuelnog razmišljanja, veoma značajan element rada na izradi rešenja za vebsajt.

Za vizuelizaciju ideja nije neophodno da budete akademski slikar, jer to podrazumeva tehnike neformalnog crtanja, a može mnogo da doprinese povećanju kvaliteta i smanjivanju rizika tokom rada na projektu.

Skica predstavlja vidljivu strukturu i organizaciju informacija na jednoj stranici. Prilikom izrade sajta zato se često skicira i po nekoliko različitih verzija budućeg izgleda, kako bi dizajner i vlasnik sajta mogli da odaberu onu koja u najvećoj meri ispunjava zadate ciljeve i pruža najbolje korisničko iskustvo.

Niko, naravno, ne očekuje da skice budu oslikane kao remek delo vizuelne umetnosti, ali na neki način one i predstavljaju svojevrsna umetnička dela. Evo prilike da se u to i sami uverite.

Pred vama su kreativni primeri ručno nacrtanih skica za veb dizajn:

 

 

veb dizajn skice Todd_Moy Flickr

Veb dizajn / Autor: Todd_Moy / Izvor: Flickr

veb skice Todd_Moy 3 Flickr

Veb dizajn / Autor: Todd_Moy / Izvor: Flickr

Skiciranje autor Andrew Onofriichuk Pinterest

Skiciranje / Autor: Andrew Onofriichuk / Izvor: Pinterest

Veb dizajn skica autor Doc Holladay Pinterest

Skica za veb dizajn / Autor: Doc Holladay / Izvor: Pinterest

Skice autor Guido de Gooijer Dribbble

Autor: Guido de Gooijer / Izvor: Dribbble

veb dizajn skica Jasminator

Skica za portfolio vebsajt / Izvor: Jasminator

skica 5 godina Firefoxa Inspiration Feed

Skica povodom obeležavanja pet godina Firefox-a / Izvor: Inspiration Feed

Skica za vebsajt OnlyJames autor james Mowery Flickr

Skica za vebsajt OnlyJames / Autor: James Mowery / Izvor: Flickr

Veb dizajn skica Harold Elmshelmer Flickr

Skice za responzivni vebsajt / Autor: Harold Elmshelmer / Izvor: Flickr

veb dizajn skica Todd_Moy 2 Flickr

Veb dizajn / Autor: Todd_Moy / Izvor: Flickr

Veb dizajn skice CodeCondo

Veb dizajn skice / Izvor: CodeCondo

veb skica autora Jackie Tran Dribbble

Autor: Jackie Tran / Izvor: Dribbble

Veb skica utora Jason Robb Flickr

Autor: Jason Robb / Izvor: Flickr

Coastal Capital vebsajt skica autora Mike Rohde Flickr

Skiciranje za vebsajt kompanjie Coastal Capital / Autor: Mike Rohde / Izvor: Flickr

veb dizajn skica Armitage Inc

Izvor: Armitage, Inc.

skica za stranicu Greska 404 Logana Faerber Dribbble

Skica za stranicu Greška 404 / Autor: Logan Faerber / Izvor: Dribbble

CPL skica 1 Tidydesign

Skica za vebsajt biblioteke Cranbrook Public Library / Izvor: Tidydesign

UI skica autor Ryan Colgin Dribbble

UI skica / Autor: Ryan Colgin / Izvor: Dribbble

veb skica Chopping Block

Izvor slike: Chopping Block

CPL primer skice wireframe Tidydesign

Primer izgleda za sajt / Izvor: Tidydesign

veb skica UXdict

Izvor slike: UXdict.io

veb skica pinterest

Izvor slike: Pinterest

veb skica autor Arthur Beisang IV Flickr

Autor: Arthur Beisang IV / Izvor: Flickr

skica vebsajta autora Sarah A Schlothan Christensen Flickr

Autor: Sarah A. Schlothan Christensen / Izvor: Flickr

energija i navigacija autora Mike Warner Dribbble

Energija i navigacija / Autor: Mike Warner / Izvor: Dribbble

Vimeo page idea autora Sockyung Hong Flickr

Ideja za Vimeo stranicu / Autor: Sockyung Hong / Izvor: Flickr

veb skice Codrops

Skica br. 1 za vebsajt organizacije Virginia Creeper Trails / Izvor: Codrops

Vimeo page idea autora Sockyung Hong Flickr

Skica br. 2 za vebsajt organizacije Virginia Creeper Trails / Izvor: Codrops

Oo Pixel vebsajt skica Marko Taall Flickr

Ideja za vebsajt Oo Pixel / Autor: Marko Taall / Izvor: Flickr

skica za DiD coatings Rabbitdigital

Skica za sajt firme D&D coatings / Izvor: Rabbit digital

Commlogix prv averzija sajta skica za vebsajt autora Mike Rohde Design-beep

Prva verzija vebsajta za Commlogix / Autor: Mike Rohde / Izvor: Design beep

veb dizjan skice Design Beep

Skica za veb dizajn / Izvor: Design beep

 


Ako se bavite veb dizajnom, biće vam korisni i tekstovi:

Nađa Božović

Community Manager at PopArt Studio
Inspired by original narratives and amazed by effective visuals. Enjoys diving deep into the story research. A lifelong learner and an eternal optimist.
Nađa Božović
facebook
twitter
google
pinterest