Az utolsó videóból tudjuk, hogy öt fő szempontot kell figyelembe vennünk, amikor belekezdünk ennek a webhelynek a kialakításába. Ezeket a fejünkben tartjuk, miközben haladunk.
Természetesen elkezdjük a „mobil” funkciót, és a Photoshopban kezdjük el kitalálni a dizájnt. Nem fogunk ott elidőzni, de a Photoshop kreatív eszközei remekül használhatók a kreatív gondolkodáshoz egy tervezési projekt kezdetén.
Megnyitjuk az iOS szimulátort, amely ingyenesen érkezik az XCode-hoz Mac-en. A webes és a natív alkalmazások tesztelésére szolgál asztali / laptop számítógépen. Csak gyorsan szeretnénk, hogy képet készítsünk róla, hogy kontextus szerinti vásznat kapjunk a Photoshopban.
Megjegyzendő, hogy nem az „iPhone” -t kezdjük először, ez csak egy kicsi képernyő, amelyet kényelmes kialakítani számunkra. Nem tervezünk semmit, amely túlzottan specifikus lenne az iPhone méretéhez vagy képességeihez.
Ha magunknak szeretnénk magunknak egy magasabb vásznat dolgozni (nem szükséges a webhelyet a „hajtás” fölé korlátozni), levágjuk a telefon alját, és lejjebb húzzuk. Ezután egy vékony szeletet veszünk az iPhone széleiből, és lehúzzuk őket, így lényegében ez a szuper magas (de teljes) iPhone van.
Helyben hagyunk egy útmutatót, ahol az eredeti képernyő véget ért, hogy emlékeztessen minket, hogy mekkora. Igen, mindenki görget. Különösen mobilon. De még mindig jó tudni, hogy néz ki az első képernyő.
Fájlok
- # 004 - Telefon Canvas.psd.zip
- # 004 - Nyers fotók.zip