SORU
20 Ocak 2010, ÇARŞAMBA


iPhone Uygulama Simgeleri - Tam Yarıçapı?

Benim iPhone uygulaması için simge oluşturmak için çalışıyorum, ama iPhone simgeler kullanan tam yarıçapı almak için nasıl bilmiyorum. Ve bir öğretici veya bir şablon aradım aradım ama bulamadım.

Sadece bir moron olduğumu eminim, ama nasıl yuvarlak köşeler Illustrator veya Photoshop'ta simge ile tam ve doğru bir şekilde mı?

Düzenleme:

Retina için yarıçapı iPad nedir?

CEVAP
20 NİSAN 2012, Cuma


Sonra çalışırken bazı cevapları bu yazı, ben istişare ile Louie Mantia (eski Apple, Kare, ve New tasarımcısı) ve tüm cevapları şimdiye kadar bu post yanlış (ya da en azından eksik). Apple oradan 57px simgesi ve 10 sonra ölçekler yarıçapı ile yukarı veya aşağı başlar. Böylece herhangi bir simge boyutu 10/57 x yeni bir boyut kullanarak yarıçapı (örneğin 10/57 x 114 114px bir simge için uygun yarıçapı 20 verir) hesaplayabilirsiniz. Burada en sık kullanılan simgeler listesi, uygun adlandırma kuralları, piksel boyutları ve köşe yarıçapları.

  1. İcon1024.png - 1024 px - 179.649
  2. İcon512.png - 512px - 89.825
  3. Simge.png - 57px - 10
  4. Icon@2x.png - 114px - 20
  5. Simge-72.png - 72px - 12.632
  6. Icon-72@2x.png - 144px - 25.263
  7. Simge-Küçük.png - 29px - 5.088
  8. Icon-Small@2x.png - 58px - 10.175

Diğer yanıtlar belirtildiği gibi de, aslında ikili kullandığınız resimlerin herhangi bir ürün veya Apple için göndermek istemiyorum. Bu kare ve herhangi bir şeffaflığa sahip olmamalıdır. Apple otomatik olarak uygun bağlamda her simge maske.

Yukarıdaki bilmek önemli, ancak kod maskesi uygulamak zorunda app UI içinde simge kullanımı için, ya da önceden oluşturulmuş bir photoshop. Web siteleri ve diğer reklam malzemesi olarak resimler oluştururken de yardımcı oluyor.

Ek okuma:

Ek simge boyutları üzerinde Neven Mrgan ve diğer tasarım konuları: ios app icon sizes

Roundrects önemli neden Photoshop ve oluşturmak için farklı seçenekler Bjango Marc Edwards: roundrect

Apple'ın docs simge boyutu ve tasarım konuları resmi: IconsImages

Güncelleme:

Yaptığım bazı testlerde Photoshop CS6 ve olsa 3 basamak sonra ondalık nokta yeterince hassas sonu ile aynı vektör (en az olarak gösterilen Photoshop ile 3200% zoom). Yuvarlak Dörtgen Aracı bazen en yakın tam sayıya girdi mermi, ama 90 ve 89.825 arasında önemli bir fark görebilirsiniz. Ve birkaç kez Yuvarlak Dikdörtgen Aracı toparlayıp, aslında birden fazla basamak gösterdi ondalık noktadan sonra yoktu. Değil emin ne oluyor orada, ama kesinlikle ve girilen daha kesin numarasını kullanarak saklamak.

Her neyse, yukarıdaki liste ondalık noktası 13! vardı önce) sonra sadece 3 basamak içerecek şekilde güncelledik. En durumları olur bilemiyorum arasındaki fark şeffaf 512px simgesi maskeli bir 90px yarıçap ve bir maskeli de 89.825, ama kenar yumuşatma ve yuvarlak köşe ... kesinlikle sonuna kadar biraz daha farklı ve muhtemelen görünür bazı durumlarda, özellikle eğer bir saniye daha kesin bir maske uygulanır ve Apple, kod, ya da aksi.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • happyjpy

    happyjpy

    22 AĞUSTOS 2009
  • rtisticsdev

    rtisticsdev

    31 Mayıs 2012
  • Within Temptation

    Within Tempt

    18 EYLÜL 2006