Viimeisen videon perusteella tiedämme, että meillä on viisi pääkohtaa, jotka on otettava huomioon aloittaessamme tämän sivuston suunnittelua. Pidämme ne mielemme kärjessä edetessä.
Aloitamme tietysti ensin mobiililaitteilla ja alamme suunnitella suunnittelua Photoshopissa. Emme viipy siellä, mutta Photoshopin luovat työkalut ovat erinomaisia luovaan ajatteluun suunnitteluprojektin alkaessa.
Avaamme iOS-simulaattorin, joka tulee ilmaiseksi XCoden mukana Macissa. Se on tarkoitettu web- ja natiivisovellusten testaamiseen pöytätietokoneella. Haluamme vain nopean, jotta voimme ottaa siitä kuvakaappauksen, jotta voimme antaa asiayhteyteen piirtoalustan Photoshopissa.
Tietenkin, emme aloita ensin iPhonea, se on vain pieni näyttö, jonka voimme suunnitella ympärillämme. Emme suunnittele mitään, joka on liian spesifinen iPhonen kokoon tai ominaisuuksiin.
Antaaksemme itsellemme korkeamman kankaan työskennellä (ei tarvitse rajoittaa sivustoa "taitoksen" yläpuolelle), leikkaamme puhelimen pohjan ja vedämme sen alas. Sitten otamme ohut siivu iPhonen reunoista ja vedämme ne alas, joten meillä on pohjimmiltaan tämä erittäin pitkä (mutta täydellinen) iPhone.
Jätämme oppaan paikalle, jossa alkuperäinen näyttö päättyi muistuttamaan meitä siitä, kuinka suuri se oli. Kyllä, kaikki vierivät. Varsinkin matkapuhelimessa. Mutta on silti mukava tietää, miltä ensimmäinen näyttö näyttää.
Tiedostot
- # 004 - Puhelin Canvas.psd.zip
- # 004 - Raakavalokuvat.zip