Z posledného videa vieme, že pri začatí dizajnu tohto webu je potrebné vziať do úvahy päť hlavných bodov. Budeme ich mať stále na vrchole mysle, keď ideme vpred.
Samozrejme začíname „najskôr na mobile“ a začneme zisťovať dizajn vo Photoshope. Nebudeme sa tam zdržiavať, ale kreatívne nástroje vo Photoshope sú skvelé pre kreatívne myslenie na začiatku dizajnérskeho projektu.
Otvárame simulátor iOS, ktorý je zadarmo pre XCode pre Mac. Je určený na testovanie webu a natívnych aplikácií na stolnom alebo prenosnom počítači. Chceme to len rýchlo, aby sme mohli urobiť ich snímku obrazovky a dať nám kontextové plátno vo Photoshope.
Pre zaujímavosť, najskôr nespúšťame „iPhone“, je to iba malá obrazovka, ktorá je vhodná na to, aby sme ju mohli navrhovať stále dokola. Nebudeme navrhovať nič, čo by bolo príliš špecifické pre veľkosť alebo možnosti iPhonu.
Aby sme si dali do práce vyššie plátno (nie je potrebné miesto obmedzovať nad „záhyb“), odrezáme spodnú časť telefónu a stiahneme ho nižšie. Potom zoberieme tenký plátok okrajov iPhone a potiahneme ich nadol, takže v podstate máme tento super vysoký (ale kompletný) iPhone.
Sprievodcu nechávame na mieste, kde sa končila pôvodná obrazovka, aby sme si pripomenuli, aké veľké bolo. Áno, každý roluje. Najmä na mobile. Stále je však pekné vedieť, ako vyzerá táto prvá obrazovka.
Súbory
- # 004 - Telefón Canvas.psd.zip
- # 004 - Raw Photos.zip