Velikost zaslona iPhone wireframes v

Oblikovanje uporabniških vmesnikov za iPhone ali iPod Touch je podobno oblikovanje vmesnikov za operacijske sisteme Mac ali Windows, vključno z uporabo wireframes ustvariti uporabniški vmesnik ( UI) oblikovanje mockups . Razumevanje mere in razmerja , ki se uporabljajo na zaslonu iPhone in njegovih aplikacij vam pomaga ustvariti bolj natančne wireframes . Zaslon Dimenzije

originalni iPhone je začela z 3,5-palčni , 480 -by - 320 -pixel zaslon z ločljivostjo 163 slikovnih pik na palec (PPI) . Fizični obseg iPhone zaslon se ni spremenil skozi iPhone 4S , vendar z uvedbo Retina Display, zasloni iPhone 4 in 4S funkcijo 326 PPI zaslon , ki je 960 s 640 slikovnih pik. V obeh modelih , dimenzije zaslona so 2,94 z 1,96 cm , pri razmerju 1,5: 1 . IPod Touch uporablja enak zaslon kot original iPhone s svojo tretjo generacijo , nadgradnjo na Retina Display za njeno četrto generacijo.
IPhone Wireframes

Če ste načrt za ustvarjanjem lastne wireframe predloge , morate uporabiti razmerje 1,5 proti 1 in oblikujete svoje elemente za na ustrezni relativne velikosti. Če ste načrtovanju iPhone - združljiv spletno stran ali spletne aplikacije , lahko UI elementi brskalnika Safari zmanjšanje uporabne dimenzije zaslon . Apple ne ponuja API za skrivanje Safari vmesnik in pustiteSpletna aplikacija uporabiti celoten zaslon in lahko konfigurirate nastavitve za optimalno vidno polje lestvici vaše spletne strani v Safariju .

Wireframe Orodja

lahko tretjih oseb wireframe aplikacije, kot so FlairBuilder ali Axure RP , ali wireframe predloge za najpogosteje uporabljane programske opreme, kot so Photoshop ali OmniGraffle , ki vam pomaga oblikujete svoje aplikacije hitreje . Veliko število paketov wireframing tretjih oseb ponujajo povleci in spusti standardne elemente za upravljanje in druge značilnosti , ki pomagajo tudi vam sledijo priporočila Applovih oblikovalskih .
Best Practices

Apple priporoča oblikovanje vaš iPhone aplikacije z uporabo točk namesto pik za meritve , za doslednejšo dimenzij UI elementov po modelih . Na primer ,priporočamo udobno najmanjša velikost za kazniva UI element je 44 po 44 točk , prevajanje za 44 pik kvadrata na originalnem zaslonu iPhone in 88 pik kvadratkom Retina Display. Apple je prav tako predlaga, da medtem ko lahko oblikujete svoje app za oba zaslona usmeritev , mora vaš app začel v pokončnem položaju , ker iPhone je domači zaslon se prikaže samo v tej usmeritvi . Lahko najdete več smernic oblikovanja na developer.apple.com .