İOS uygulama açılış ekranı için kullanılan boyutlar nelerdir?


98

İOS SDK kullanarak bir uygulama geliştiriyorum. Hangi Defaultaçılış ekranı boyutlarına ihtiyacım olduğunu bilmem gerekiyor.


2
Sadece bir kenara: iOS'un Açılış Ekranlarını kullanmaktan vazgeçtiğini unutmayın. Bunun yerine bir Başlatma Görüntüsü kullanın. Teknik olarak aynı, ancak kavramsal olarak farklılar. Açılış Ekranı genellikle marka görüntüsü olarak kullanılırken, Başlatma Ekranı, kullanıcıya uygulamanın daha hızlı yüklendiği izlenimini veren, kullanıcı arayüzünüzün önceden oluşturulmuş bir görüntüsüdür. Bu konuda iOS İnsan Arabirimi Gudelines'i
Hugo A

Yanıtlar:


179

2018 Güncellemesi - Lütfen bu bilgiyi kullanmayın!

Referans amacıyla aşağıdaki gönderiyi bırakıyorum.

Başlatma ekranları ve öneriler hakkında ayrıntılar için lütfen Apple'ın İnsan Arabirimi Yönergeleri - Başlatma Ekranları belgelerini okuyun .

Teşekkürler
Drekka


Temmuz 2012 - Bu yanıt oldukça eski olduğu için, ancak hala popüler görünüyor. Apple'ın doco'sunu temel alan bir blog yazısı yazdım ve bloguma yerleştirdim . Umarım yararlı bulursunuz.

Evet. İPhone / iPad geliştirmede Default.pngdosya cihaz tarafından otomatik olarak görüntülenir, böylece gerçekten kullanışlı olan onu programlamanız gerekmez. Yanımda yok ama iPad için belirli adlara sahip farklı PNG'lere ihtiyacınız var. Ben googled iPad default pngve got bu bilgiyi elde phunkwerks sitede:


iPad Görüntü Yönlendirmelerini Başlat

Çeşitli yönelim seçenekleriyle başa çıkmak için, iPad başlatma görüntüleri için yeni bir adlandırma kuralı oluşturuldu. İPad'in ekran boyutu 768 × 1024'tür, yüksekliği takip eden boyutlarda 20 piksellik bir durum çubuğu dikkate alınır.

Dosya Adı Boyutları

  • Default-Portrait.png * - 768g x 1024y
  • Default-PortraitUpsideDown.png - 768g x 1024y
  • Default-Landscape.png ** - 1024g x 748h
  • Default-LandscapeLeft.png - 1024g x 748y
  • Default-LandscapeRight.png - 1024g x 748y
  • iPad-Retina–Portrait.png - 1536g x 2048y
  • iPad-Retina–Landscape.png - 2048g x 1496y
  • Default.png - Tavsiye edilmez

* —Bir Default-PortraitUpsideDown.pngdosya belirtmediyseniz , bu dosya öncelikli olacaktır.

** - Bir Default-LandscapeLeft.pngveya Default-LandscapeRight.pnggörüntü dosyası belirtmediyseniz , bu dosya öncelikli olacaktır.

Bu "Apple'ın Geliştirici Kitaplığı" bağlantısı da yararlıdır.


16
Bu cihazda evrensel uygulama çalıştırılırken iPhone için Default.png'nin kullanılan şey olduğunu ve bu nedenle standart 320 x 480 veya 320 x 460 görüntünüz olması gerektiğini unutmayın. "Önerilmez" yalnızca iPad uygulamaları içindir.
Brad Larson

2
Teşekkürler! Şimdi 768w x 1024h ile Default-Portrait.png kullanıyorum, bu boyut da işe yarıyor gibi görünüyor.
powtac

1
Uygulamam varsayılan olarak Yatay modda çalışacak. Ancak iPhone için yatay varsayılan görüntüyü nasıl belirleyebilirim?
Satyam

2
Yerelleştirilmiş sürümler kullanıyorsanız, bu dosyaları kök klasörünüzden kaldırmanız ve <language> .lproj dizininize koymanız gerektiğini unutmayın.
Jose Muanis

3
Gönderideki bloga bağlantı artık çalışmıyor. Yukarıdaki Apple geliştirici web bağlantısı da artık çalışmıyor.
fiziksel

31

Temmuz 2013 itibariyle (iOS 6), her zaman kullandığımız şey şu:

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)

4
Default-568h@2x.png 640 x 1136 olmamalı mı?
UXUiOS

16

İOS7 için aşağıdaki boyutlarda başlatma görüntüleri oluşturun:

İPhone 5 ve iPod touch (5. nesil) için:

  • 640 x 1136 piksel

Diğer iPhone ve iPod touch cihazları için:

  • 640 x 960 piksel
  • 320 x 480 piksel (standart çözünürlük)

İPad portresi için:

  • 1536 x 2048 piksel
  • 768 x 1024 piksel (standart çözünürlük)

İPad yatay için:

  • 2048 x 1536 piksel
  • 1024 x 768 piksel (standart çözünürlük)

İOS 7 Tasarım Kaynakları> iOS İnsan Arayüzü Yönergeleri> Başlatma Görüntüleri bölümüne bakın

GÜNCELLEME 1

İPhone 6 için:

  • Dikey için 750 x 1334 (@ 2x)
  • Manzara için 1334 x 750 (@ 2x)

İPhone 6 Plus için:

  • Dikey için 1242 x 2208 (@ 3x)
  • Yatay için 2208 x 1242 (@ 3x)

GÜNCELLEME 2

İPhone X için:

  • Dikey için 1125 x 2436 (@ 3x)
  • Manzara için 2436 x 1125 (@ 3x)

Kardeşim, lütfen stackoverflow.com/questions/43955856/… sorumu kontrol eder misin ?
Mayıs Phyu

1
Keşke burada her giriş için dosya adı ve görüntü çözünürlüğü olan güzel bir tablo olsaydı, oh ve iOS 5,6,7'yi unut. 2017'deyiz.
computingfreak

8

Bunları 1024 x 768 yapabilirsiniz. Ayrıca plist dosyasında "Durum çubuğu başlangıçta gizlendi" seçeneğini de işaretleyebilirsiniz.


6

2020 Güncellemesi - Xcode 11

İçinde Xcode 11, 1x, 2x ve 3x ölçekli yalnızca bir görüntü sağlayabilir ve ardından LaunchScreen.storyboardekranı dolduracak şekilde ayarlayabilirsiniz ve her şey yolunda gider!

Örneğin: (1242pt x 2688pt @ 1x)

Bu, iPhone 11 Pro Maxhenüz büyük iPhone ekran boyutuna sahip olan dikey ekran boyutudur, bu nedenle size tüm iOS cihazlarında yüksek kaliteli açılış ekranı sağlayacaktır.

2019 Güncellemesi - iOS 12

Açılış ekranı için gereken tüm boyutları topladım. İhtiyacınız olan tek şey, bu boyutlardaki resimleri sürükleyip bırakmaktır, Xcode her boyutu doğru yere yerleştirecektir.

İyi şanslar.

Boyutlar:

320 × 480

640 × 960

640 × 1136

750 × 1334

768 × 1004

768 × 1024

828 × 1792

1024 × 748

1024 × 768

1125 × 2436

1242 × 2208

1242 × 2688

1536 × 2008

1536 × 2048

1792 × 828

2048 × 1496

2048 × 1536

2208 × 1242

2436 × 1125

2688 × 1242

Not

Gerekli resimlerin sayısı 26 resimdir, ancak yinelenen 6 boyut vardır, bu nedenle yukarıdaki boyutların yalnızca 20 olduğunu göreceksiniz.


Yani sadece açılış ekranı için 20 farklı resme ihtiyacım var? Ciddi anlamda?
Tejas K

Evet. O kadarda zor değil! Tasarımcınız bunu kolayca yapmalı.
Essam Mohamed Fahmi

Herhangi bir çevrimiçi açılış ekranı oluşturucusunu kullanabilirsiniz .. böylece tek bir görüntü sağlayarak .. her boyutta gerekli tüm sıçramayı oluşturacaktır
kumar

Photoshop 72 veya 300 veya başka bir şekilde tasarlarken bu boyutlara sahip DPI ne olmalıdır?
Sadhu Harivandandas

3

Burada iphone 6 ve 6+ boyutu için Çözünürlükler ve Ekran Özellikleri ekleyebilirim:

iPhone 6+ - Varlık Çözünürlüğü (@ 3x) - Çözünürlük (2208 x 1242) piksel

iPhone 6 - Varlık Çözünürlüğü (@ 2x) - Çözünürlük (1334 x 750) piksel

iPad Air / Retina iPad (1. ve 2. Nesil / 3. ve 4.) - Varlık Çözünürlüğü (@ 2x) - Çözünürlük (2048 x 1536) piksel

iPad Mini (2. ve 3. Nesil) - Varlık Çözünürlüğü (@ 2x) - Çözünürlük (2048 x 1536) piksel

iPhone (6, 5S, 5, 5C, 4S, 4) - Uygulama Simgesi (120x120 piksel) - AppStore Simgesi (1024x1024 piksel) - Spot Işığı (80x80 piksel) - Ayarlar (58x58 piksel)

iPhone (6+) - Uygulama Simgesi (180x180 piksel) - AppStore Simgesi (1024x1024 piksel) - Spot Işığı (120x120 piksel) - Ayarlar (87x87 piksel)



İPhone 6 için: Dikey 1334 x 750 (@ 2x) için 750 x 1334 (@ 2x) yatay için iPhone 6 Plus için: Dikey için 1242 x 2208 (@ 3x) yatay için 2208 x 1242 (@ 3x)
imti

@imti, stackoverflow.com/questions/43955856/… benim soruma bakar mısınız kardeşim?
Mayıs Phyu

@MayPhyu Üzgünüm kardeşim, ani bir nedenle iletişim kuramadım. Umarım sorunun çözülmüştür. Hala temizlenmediyse bana bildirin.
imti

bro @imti, tamam kardeşim. Düzeltildi. Ama benim herhangi bir sorunum var. Bu bağlantı stackoverflow.com/questions/44304498/… 'yi kontrol etmeme yardım eder misiniz ?
Mayıs Phyu

3

Xcode 9 ve en yeni cihazlar için

Vesika

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5. nesil 640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad retina olmayan 768 x 1024

iPad retina 1536 x 2048

Manzara

iPhone 6, 7 ve 8 artı 2208 x 1242

iPhone X 2436 x 1125

iPad retina olmayan 1024 x 768

iPad retina 2048 x 1536



1

Evrensel uygulama ile simülatörde görünen ancak cihazda görünmeyen iPad açılış ekranı vardı. İPad, bunun yerine iPhone için Default.png girişini gösterir. Default-Landscape.png ve Default-Portrait.png dosyaları mevcut, peki? Ekran görüntülerini Window | Düzenleyici | Ekran görüntüleri ve iPad için 'Varsayılan Görüntü Olarak Kaydet'i kullandıktan sonra yeniden adlandırdı.

Görünüşe göre (tek uygulamamdan) iki iPad ekran görüntüsünün Kaynaklar-iPad dizinine taşınması gerekiyor. Sonra her şey yolunda gider. Şimdi açık görünüyor, ama başka birinin bu yüzden uykusunu kaybetmesi durumunda ... -Larry


1

Adobe AIR iOS Geliştiricileri için, iPad Splash görüntülerinizin bir saniye sonra "kayması" veya görüntülenmesi ve ölçeklenmesi durumunda, kullandığınız AIR sürümüne bağlı olarak farklı boyutların olmasından kaynaklandığını unutmayın.

Default-Portrait.png:
768 x 1004 (AIR 3.3 ve öncesi)
768 x 1024 (AIR 3.4 ve üstü)

Default-Portrait@2x.png:
1536 x 2008 (AIR 3.3 ve öncesi)
1536 x 2048 (AIR 3.4 ve üstü)

Referans:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.