Mérete az iPhone képernyőjén Wireframes

Tervezés felhasználói felületek az iPhone vagy iPod Touch hasonló tervezés interfész Mac és Windows operációs rendszerek , beleértve a wireframes létre felhasználói felület (UI) tervezési mockups. Megértése a méretek és arányok használják az iPhone képernyőjén és alkalmazások segít létrehozni pontosabb wireframes . Képernyő méret

Az eredeti iPhone elindított egy 3,5 hüvelykes , 480 -by- 320 pixeles képernyő felbontása 163 pixel per inch ( PPI ) . A fizikai mérete az iPhone képernyőjén nem változott az iPhone 4S , de a bevezetése a Retina Display , az iPhone 4 és 4S kijelzőkkel rendelkezik a 326 PPI képernyőt , ami 960 x 640 képpont . Mindkét modell , a képernyő méretek által 2.94 1.96 hüvelyk, egy arány 1,5-1 . Az iPod Touch ugyanazt a képernyőt , mint az eredeti iPhone révén harmadik generációs , átáll a Retina Display a negyedik generáció .
IPhone Wireframes

Ha a terv ami a saját drótváz sablonokat , akkor használja a 1,5 az 1-hez arány és design a felhasználói felület elemeit a megfelelő relatív méretét . Ha tervezésekor egy iPhone kompatibilis website vagy webes alkalmazást , a felhasználói felület elemeit a Safari böngésző csökkentheti a használható képernyő méret . Az Apple nem kínál API elrejteni Safari UI , és hagyja, hogy egy webes alkalmazás használja a teljes képernyőt , és beállíthatja nézetablak beállításait optimálisan skála a weblapok a Safari .
Drótváz Eszközök

harmadik fél vázas alkalmazások, mint a FlairBuilder vagy Axure RP , vagy drótváz sablonokat a gyakran használt szoftverek, például a Photoshop vagy OmniGraffle , segíthetnek megtervezni az alkalmazás gyorsabban. Sok külső Wireframing csomagokat kínálnak drag - and drop szabványos felhasználói felület elemeit és egyéb jellemzőit , ami szintén segít követni az Apple tervezési ajánlásokat .
Best Practices

Apple azt javasolja, tervezése iPhone apps használ pontok helyett képpont mérésekre , következetesebb UI elem méretek egész modellek. Például , az ajánlott kényelmes legkisebb méret egy támadható UI elem 44 a 44 pont , fordítás 44 pixeles négyzet az eredeti iPhone képernyőn, és 88 pixeles négyzet a Retina Display . Az Apple azt is sugallja, hogy amíg lehet tervezni a app mindkét képernyőn orientáció , az app kell kezdeni álló helyzetben , mert az iPhone kezdőképernyőn csak akkor jelenik meg , hogy az orientáció . Bővebb tervezési útmutatást developer.apple.com .