Ukuran bingkai layar untuk iPhone
Dimensi layar
IPhone asli diluncurkan dengan layar 3, 5 inci (8, 89 sentimeter), 480x320 piksel, dan resolusi 163 piksel per inci (ppi). Ukuran fisik layar iPhone belum berubah hingga 4S, tetapi dengan diperkenalkannya layar Retina, layar iPhone 4 dan 4S memiliki resolusi 326 ppi dan dimensinya 960x640 piksel. Pada kedua model, dimensi layar adalah 2, 94 x 1, 96 inci (7, 47 x 4, 98 cm) untuk radius 1, 5 hingga 1. iPod Touch menggunakan layar yang sama seperti iPhone asli hingga generasi ketiganya, Retina display dihadirkan hingga generasi keempat.
Bingkai untuk iPhone
Jika Anda berpikir untuk membuat desain bingkai Anda sendiri, Anda harus menggunakan radius 1, 5 hingga 1 untuk mendesain elemen UI Anda dengan ukuran relatif yang sesuai. Jika Anda mendesain untuk situs web atau aplikasi yang kompatibel dengan iPhone, elemen UI yang digunakan untuk browser Safari dapat mengurangi ukuran layar yang dapat digunakan. Apple menawarkan API yang menyembunyikan Safari UI dan memungkinkan aplikasi web untuk menjalankan layar penuh, sehingga Anda dapat mengonfigurasi pengaturan tampilan untuk skala optimal untuk situs web Anda di Safari.
Alat untuk bingkai
Aplikasi untuk kerangka pihak ketiga seperti FlairBuilder atau Axure RP, atau beberapa program lain yang umum digunakan untuk membuat desain, seperti PhotoShop atau OmniGraffle, dapat membantu Anda mendesain aplikasi Anda lebih cepat. Banyak produk desain pihak ketiga menawarkan elemen standar dalam antarmuka yang hanya perlu Anda tarik dan jatuhkan serta fitur lain yang akan membantu Anda mengikuti rekomendasi desain Apple.
Teknik terbaik
Apple merekomendasikan untuk mendesain aplikasi Anda untuk iPhone menggunakan titik daripada piksel untuk pengukuran untuk dimensi elemen yang lebih konsisten untuk UI Anda dalam model yang berbeda. Misalnya, ukuran minimum yang disarankan untuk elemen UI adalah 44x44 poin, ini menjadi 44 piksel pada layar asli iPhone dan 88 piksel pada layar Retina. Apple juga menunjukkan bahwa Anda dapat mendesain UI Anda untuk kedua orientasi layar, aplikasi Anda harus mulai berorientasi sebagai potret karena layar utama iPhone hanya tersedia dalam orientasi itu. Anda dapat menemukan panduan desain lainnya di developer.apple.com
