Veličina od iPhone zaslon Wireframes

Projektiranje korisničkih sučelja za iPhone ili iPod Touch je sličan projektiranje sučelja za Mac i Windows operativnim sustavima , uključujući korištenje wireframes bi stvorili korisničko sučelje ( UI) dizajn modeli . Razumijevanje dimenzije i omjere se koriste na zaslonu iPhone i njegovih aplikacija vam pomaže stvoriti preciznije wireframes . Zaslon Dimenzije

originalni iPhone pokrenut s 3,5 - inčni , 480 - by - 320 - pixel ekrana u rezoluciji od 163 piksela po inču (PPI ) . Fizička veličina iPhone-a zaslon se nije promijenila preko iPhone 4S , ali uz uvođenje Retina Display , iPhone 4 i 4S ekrani imaju 326 PPI zaslon koji je 960 prema 640 piksela . U oba modela , dimenzije zaslona su 2,94 po 1,96 inča , za omjeru 1,5-1 . IPod Touch koristi isti ekran kao izvorni iPhone preko svojoj trećoj generaciji , nadogradnja na Retina Display za četvrtu generaciju .
IPhone Wireframes

Ako mislite na stvaranje vlastite ožičenja predloške , trebali biste koristiti omjer na 1,5 - na- jedan i dizajnirati svoje elemente korisničkog sučelja na odgovarajućoj relativnoj veličini . Ako ste projektiranje iPhone - kompatibilan web stranicu ili web aplikaciju , UI elementi Safari preglednik može smanjiti upotrebljive dimenzije zaslona . Apple ne nudi API skrivati Safarijev UI i nekaweb app korištenje cijelog zaslona, a možete podesiti postavke VicwPort optimalno proširiti vaše web stranice u Safari .

Ožičenja Alati

Third -party ožičenja aplikacije kao što su FlairBuilder ili Axure RP, ili Wireframe predložaka za često korištene softvera kao što su Photoshop ili OmniGraffle , može vam pomoći da dizajn vaše app brže . Mnoge neovisne Wireframing paketi nude povuci i ispusti standardne elemente korisničkog sučelja i druge značajke, koje se također će vam pomoći da pratite Appleovim preporuke dizajn .
Najbolje prakse

Apple preporučuje projektiranje vaš iPhone aplikacije pomoću bodova , a ne piksela za mjerenja , za više dosljedan dimenzija UI elementa preko modela . Na primjer ,preporuča se udobna minimalna veličina za neke radnje UI elemenata je 44 od 44 poena , prevodio na 44 piksela trga na originalni iPhone zaslon i 88 piksela trga na Retina Display . Apple također sugerira da, iako ste možda dizajnirati aplikaciju za zaslone usmjerenja , vaš app bi trebao početi u portretnoj orijentaciji , jer iPhone početni zaslon pojavljuje se samo u tom smjeru. Možete naći više dizajn vodstvo na developer.apple.com .