İPhone için ekran çerçevelerinin boyutu

İPhone'un benzersiz boyutları yıllardan beri değişmemiştir.

Ekranın boyutları

Orijinal iPhone, 3, 5 inç (8.89 santimetre) ekran, 480x320 piksel ve inç başına 163 piksel çözünürlük (ppi) ile piyasaya sürüldü. Bir iPhone ekranının fiziksel boyutu 4S'ye kadar değişmedi, ancak Retina ekranının tanıtımıyla, iPhone 4 ve 4S'nin ekranları 326 ppi çözünürlükte ve boyutları 960x640 pikseldir. Her iki modelde de ekranın boyutları 1, 5 ile 1 arasında bir yarıçap için 2, 94 x 1, 96 inç (7, 47 x 4, 98 inç) 'dir. İPod Touch, üçüncü nesil olana kadar orijinal iPhone ile aynı ekranı kullanıyor. Retina ekranı dördüncü nesile kadar sunuldu.

İPhone için çerçeveler

Kendi çerçeve tasarımlarınızı oluşturmayı düşünüyorsanız, UI öğenizin öğelerini uygun göreceli boyutta tasarlamak için 1, 5 - 1 yarıçapını kullanmalısınız. Bir web sitesi veya iPhone uyumlu bir uygulama için tasarım yapıyorsanız, Safari tarayıcısı için kullanılan kullanıcı arayüzü öğeleri, ekranın kullanılabilir boyutunu düşürebilir. Apple, Safari kullanıcı arayüzünü gizleyen ve web uygulamasının tam ekran çalışmasına izin veren bir API sunar. Böylece, web siteleriniz için Safari'deki görünüm ayarlarını en uygun şekilde yapılandırabilirsiniz.

Çerçeve için araçlar

FlairBuilder veya Axure RP gibi üçüncü taraf çerçeveleri veya PhotoShop veya OmniGraffle gibi tasarımlar oluşturmak için yaygın olarak kullanılan diğer programlara yönelik uygulamalar, uygulamanızı daha hızlı bir şekilde tasarlamanıza yardımcı olabilir. Birçok üçüncü taraf tasarım ürünü, Apple'ın tasarım önerilerini takip etmenize yardımcı olacak diğer özelliklerin yanı sıra sürükleyip bırakmanız gereken arayüzlerde standart elemanlar sunar.

En iyi teknikler

Apple, uygulamanızı farklı modellerde kullanıcı arayüzünüz için daha tutarlı bir boyutlandırma ölçüsü için piksel yerine nokta kullanarak iPhone için tasarlamanızı önerir. Örneğin, UI'nin bir öğesi için önerilen minimum boyut 44x44 puntodur; bu, iPhone'un orijinal ekranında 44 piksel ve Retina ekranında 88 piksel olur. Apple ayrıca UI'nızı ekranın her iki yönelimine göre tasarlayabileceğinizi de öne sürüyor, uygulamanız bir portre olarak yönlendirilmeli çünkü iPhone'un ana ekranı sadece bu yönde kullanılabilir. Daha fazla tasarım kılavuzunu developer.apple.com'da bulabilirsiniz.