No pēdējā videoklipa mēs zinām, ka mums ir jāņem vērā pieci galvenie punkti, sākot ar šīs vietnes dizainu. Ejot uz priekšu, mēs tos paturēsim prātā.
Protams, mēs sākam “vispirms mobilo”, un mēs sāksim izdomāt dizainu Photoshop. Mēs tur neuzkavēsimies, taču Photoshop radošie rīki ir lieliski piemēroti radošai domāšanai dizaina projekta sākumā.
Mēs atveram iOS simulatoru, kas ir pieejams kopā ar XCode uz Mac. Tas ir paredzēts tīmekļa un vietējo lietotņu pārbaudei galddatorā / klēpjdatorā. Mēs vienkārši vēlamies, lai tas būtu ātri, lai mēs varētu uzņemt tā ekrānuzņēmumu, lai mums Photoshop izveidotu kontekstuālu audeklu.
Atzīmēsim, ka mēs vispirms neuzsākam “iPhone”, tas ir tikai mazs ekrāns, kuru mums ir ērti noformēt. Mēs neplānosim neko tādu, kas ir pārāk specifisks iPhone lielumam vai iespējām.
Lai dotu sev garāku audeklu, no kura strādāt (nav jāierobežo vietne virs “locījuma”), mēs nogriežam tālruņa dibenu un velkam to zemāk. Tad mēs paņemam plānu iPhone malu šķēli un velkam tās uz leju, tāpēc būtībā mums ir šis supergarais (bet pilnīgais) iPhone.
Mēs atstājam ceļvedi vietā, kur beidzās sākotnējais ekrāns, lai atgādinātu, cik liels tas bija. Jā, visi ritina. Īpaši mobilajā. Bet joprojām ir patīkami zināt, kā izskatās šis pirmais ekrāns.
Faili
- # 004 - tālruņa Canvas.psd.zip
- # 004 - Raw Photos.zip