Iz zadnjeg videozapisa znamo da moramo razmotriti pet glavnih točaka prilikom započinjanja dizajna ove stranice. Držat ćemo ih na vrhu uma dok idemo naprijed.
Počinjemo "prvo s mobilnih uređaja", naravno, a dizajn ćemo početi smišljati u Photoshopu. Nećemo se tu zadržavati, ali kreativni alati u Photoshopu izvrsni su za kreativno razmišljanje na početku dizajnerskog projekta.
Otvaramo iOS simulator koji se besplatno isporučuje s XCode na Macu. Namijenjen je testiranju weba i izvornih aplikacija na stolnom / prijenosnom računalu. Želimo ga samo na brzinu kako bismo mogli napraviti njegov snimak zaslona kako bismo dobili kontekstualno platno u Photoshopu.
Zabilježimo da prvo ne pokrećemo "iPhone", to je samo mali zaslon koji nam je prikladan za dizajniranje. Nećemo dizajnirati ništa što bi bilo previše specifično za veličinu ili mogućnosti iPhonea.
Da bismo si dali viši platno s kojeg možemo raditi (nema potrebe za ograničavanjem web mjesta iznad "nabora"), odsjekli smo dno telefona i povukli ga niže. Zatim uzmemo tanki dio rubova iPhonea i povučemo ih prema dolje, tako da u osnovi imamo ovaj super visoki (ali cjeloviti) iPhone.
Ostavljamo vodič na mjestu gdje je izvorni zaslon završio kako bi nas podsjetio koliko je velik. Da, svi se pomiču. Pogotovo na mobitelu. Ali ipak je lijepo znati kako izgleda taj prvi zaslon.
Datoteke
- # 004 - Phone Canvas.psd.zip
- # 004 - Raw Photos.zip