Z posledního videa víme, že při zahájení designu tohoto webu musíme vzít v úvahu pět hlavních bodů. Budeme je udržovat na vrcholu své mysli, když budeme postupovat vpřed.
Samozřejmě začínáme „nejprve na mobil“ a začneme zjišťovat design ve Photoshopu. Nebudeme se tam zdržovat, ale kreativní nástroje ve Photoshopu jsou skvělé pro kreativní myšlení na začátku designového projektu.
Otevíráme simulátor iOS, který je zdarma k XCode pro Mac. Je to pro testování webu a nativních aplikací na stolním / přenosném počítači. Chceme to jen rychle, abychom si mohli pořídit snímek obrazovky a dát nám kontextové plátno ve Photoshopu.
Nejprve spouštíme „iPhone“, je to jen malá obrazovka, která je pro nás pohodlná. Nebudeme navrhovat nic, co by bylo příliš specifické pro velikost nebo schopnosti iPhone.
Abychom si dali do práce vyšší plátno (není nutné omezovat web nad „záhyb“), odřízneme spodní část telefonu a přetáhneme jej dolů. Pak vezmeme tenký plátek okrajů iPhone a přetáhneme je dolů, takže v podstatě máme tento super vysoký (ale kompletní) iPhone.
Necháme průvodce na místě, kde skončila původní obrazovka, aby nám připomněla, jak velká byla. Ano, každý posouvá. Zvláště na mobilních zařízeních. Ale i tak je hezké vědět, jak ta první obrazovka vypadá.
Soubory
- # 004 - Telefon Canvas.psd.zip
- # 004 - Raw Photos.zip