{"id":15281,"date":"2017-05-19T13:40:17","date_gmt":"2017-05-19T11:40:17","guid":{"rendered":"https:\/\/dev.optiweb.com\/?post_type=post&p=15281"},"modified":"2018-04-13T11:29:24","modified_gmt":"2018-04-13T11:29:24","slug":"zakaj-je-sketch-nujna-oprema-vsakega-uxui-oblikovalca","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/zakaj-je-sketch-nujna-oprema-vsakega-uxui-oblikovalca\/","title":{"rendered":"Zakaj je Sketch nujna oprema vsakega UX&UI oblikovalca?"},"content":{"rendered":"
\n

\u010ce se tudi ti mudi\u0161 v UX ali UI vodah, zagotovo Photoshop obvlada\u0161 \u017ee mi\u017ee \u2014\u00a0 je namre\u010d eno izmed glavnih orodij za vizualizacijo spletnih strani in trgovin. A \u010dasi se spreminjajo: zdaj je med nami tudi program Sketch, ki smo ga v na\u0161i ekipi preprosto morali preizkusiti, saj je obljubljal ve\u010djo prilagodljivost. Kako se je obnesel? To ti razkrivamo spodaj!<\/p>\n

Preklop iz Photoshopa na Sketch<\/span><\/b><\/h2>\n

Seveda je vsem, ki smo Photoshop spoznali in vzljubili v srednji \u0161oli, v njem nadgrajevali znanje in ga tudi vsakodnevno uporabljali v slu\u017ebi, ideja o menjavi programa kar \u0161okantna.<\/p>\n

A \u010de ne preizkusi\u0161, ne ve\u0161! Mi smo se zato kar brez obotavljanja lotili testiranja. \u017de prvo sre\u010danje s Sketchem in vizualizacijo prvega projekta nas ni pustilo ravnodu\u0161nih; program je namre\u010d prilagojen UI in UX oblikovalcem, zato smo se v njem hitro udoma\u010dili in za\u010deli \u0161e bolj u\u017eivati v delu.<\/p>\n

Osnova<\/span><\/b><\/h2>\n

V osnovi je Sketch zastavljen zelo enostavno. Vse se dogaja na artboardih (bli\u017enjica: A), ki jih ustvarimo, zdru\u017eujemo, jim dolo\u010damo velikost itn. \u00a0Znotraj strani tako lahko ustvarimo ve\u010d artboardov in jim dolo\u010dimo layout za razli\u010dne naprave (tablice, telefoni, prenosni ra\u010dunalnik …).<\/p>\n<\/div><\/section>\n<\/div><\/div><\/main><\/div><\/div>

\n
<\/div>

Oblikovanje poteka na artboardih, ki jih lahko poljubno spreminjamo in organiziramo.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n

Izdelava vizuala strani je zato precej enostavnej\u0161a. Izdelan vizual nato lahko kopiramo v ve\u010d kopij artboardov in na vsaki razli\u010dici kopiramo, bri\u0161emo ali dodajamo elemente, hkrati pa so nam na razpolago vse variacije prikaza vizuala: za namizje, tablico in mobilne modele. Ko element kopiramo iz prvega artboarda na drugega, se ta prilepi na enako pozicijo, kot v \u00bboriginalu\u00ab in tako poskrbi, da ne pride do nepotrebnih odstopanj.<\/p>\n

Ustvarjanje stilov in simbolov<\/span><\/b><\/h2>\n

Nabor simbolov in stilov si lahko uredimo sami, tako, da ustvarimo Priro\u010dnik stilov<\/a>. Pri tem je treba upo\u0161tevati konsistenco tipografije pri vizualizaciji. Orodje Sketch tekstovni stil (Text style) pri tem omogo\u010da ustvarjanje seznama slogov za ve\u010dje \u0161tevilo razli\u010dic. Osnovni seznam lahko izgleda nekako takole:<\/p>\n