Из последњег видеа знамо да морамо да размотримо пет главних тачака приликом започињања дизајна ове странице. Држат ћемо их на врху ума док идемо напред.
Почињемо „прво са мобилних уређаја“, наравно, и почећемо да откривамо дизајн у Пхотосхопу. Нећемо се задржавати тамо, али креативни алати у Пхотосхопу су одлични за креативно размишљање на почетку дизајнерског пројекта.
Отварамо иОС симулатор који се бесплатно испоручује са КСЦоде на Мац-у. Служи за тестирање веба и изворних апликација на радном столу / преносном рачунару. Ми само желимо да буде брз како бисмо могли да направимо снимак екрана како бисмо добили контекстуално платно у Пхотосхопу.
За записник, прво не покрећемо „иПхоне“, то је само мали екран који нам одговара при дизајнирању. Нећемо дизајнирати ништа што је превише специфично за иПхоне величину или могућности.
Да бисмо си дали виши платно са кога можемо да радимо (нема потребе да ограничавамо локацију изнад „набора“), одсекли смо дно телефона и повукли га ниже. Затим узмемо танки комад ивица иПхоне-а и повучемо их према доле, тако да у основи имамо овај супер високи (али комплетни) иПхоне.
Остављамо водич на месту где се оригинални екран завршио да би нас подсетио колико је био велик. Да, сви скролају. Нарочито на мобилном. Али ипак је лепо знати како изгледа тај први екран.
Фајлови
- # 004 - Пхоне Цанвас.псд.зип
- # 004 - Рав Пхотос.зип