Ikon méretű alkalmazások IOS, a blog Mac, iPhone, iPad és egyéb Apple-trükkök

Ahogy mondják, „felel meg a ruhát, és kísérték a szem előtt.” Azt hiszem, senki sem állítják, hogy egy mobil alkalmazás „a ruhákat a” gyakran az ikonját, ahonnan a felhasználó általában az első benyomás a program. Ez nem meglepő, hogy fel kell hívni nem csak jó, de még mindig nagyon jó nézd meg semmilyen állásfoglalást és bármilyen képernyőn. Ezért szeretnék beszélni az ikonok méretét univerzális iOS-alkalmazásokat.

Kezdjük azzal, hogy egy kis kép (hála Sebastian de Visa, hihetetlenül tehetséges tervezők és a „mester» Cocoia blog, biztosításához az eredeti PSD formátumban), amely az összes, amit most elmondok:

Ikon méretű alkalmazások IOS, a blog Mac, iPhone, iPad és egyéb Apple-trükkök

Mint látható, ha létrehoz egy univerzális alkalmazás ikonok tervezője lesz felhívni legalább 6 különböző lehetőségeket (sőt - több).

Felhívjuk figyelmét, hogy nem számít, hogy dolgozzon az ikon, akkor a rendszer automatikusan alkalmazza keret, lekerekített élek, így nem különösebben gondolkodás, és hagyja az eredeti négyzet. De ha azt akarjuk használni néhány speciális grafikai technikák, hangsúlyozva az ikon határ, akkor fel kell hívni a kezét.

Most nézzük még laknak a mérete az ikonok, amelynek meg kell rajzolni (nem én tettem a második méret, mivel ezen fájlok tér):

  • 57 px a jó öreg iPhone és iPod touch egy hagyományos monitor.
  • 72 px iPad.
  • 114 px - dupla méretű - az iPhone 4 ikon „ragyog” a retina kijelző.
  • 512px ikon megjelenítésére az iTunes. beleértve CoverFlow, és az App Store-ban, ahol csökkent közel 3-szor 175 px.
  • 29 px meg az alkalmazás beállításait az iPhone és az iPad, valamint Reflektorfényben az iPhone. Kis mérete ellenére, hogy nagyon fontos.
  • 48 px Reflektorfényben iPad. Van egy kis figyelmeztetés: az információ a fejlesztők számára az Apple honlapján mond az ikonok méretét 50 px, de valójában a végső mérete 48 x 48 pixel. Csak iOS «vág” egy pixel minden oldalon, és hozzáteszi, hogy az árnyék. Egy kicsit furcsa döntést, de figyelembe kell venni, amikor a rajz ikonra.
  • 58 px alkalmazás beállításait és a Reflektor iPhone 4. Ez így van, van, hogy két ikon lényegében azonos méretű (57 és 58) képpont. Különösen örülnek a tervezők, aki átadja a közepén a függőleges vonal
  • 64 px ikont a dokumentumot. Aki nem tudja, az iOS mobil alkalmazások is biztosítja a dokumentum ikon.
  • Talán, ha az Apple felszabadítja az iPad az új retina kijelző, lesz a „mester” legalább 2 méretek az ikonok - 144 px Háttérképek és 96 px kiemeléssé.

Nagyszerű, nem? 😉

By the way, az ikon a webes alkalmazások egy kicsit bonyolultabb - nem tudom, hogyan, hogy előre adott ikon mindegyik képernyő mérete. Úgy tűnik, szükség van arra, hogy egyetlen kép mérete, mondjuk, 128 x 128 px, amelyet ezután egyszerűen csökkenteni az eszköztől függően.

Elvileg az a gondolat, több ikon nem új, és már évek óta alkalmazzák a Mac OS X Sőt, minden egyes méret szükséges nem csak csökkenti a nagy ikon a sok részlet, de kiemelhetők (elveti ezt az apró) elemek, illetve a végeredmény lesz a „rendetlenség”.

Példaként vegyünk egy mappa ikon a Finder. Felhívjuk figyelmét, hogy az eredeti ( „nagy”) ikon Apple tervezők csökken csak 64 px, majd előtérbe egészen más ikonok az azonos metafora. És az ikont az oldalsáv nem úgy néz ki, mint egy mappát:

Ikon méretű alkalmazások IOS, a blog Mac, iPhone, iPad és egyéb Apple-trükkök

Lásd még:

Kapcsolódó cikkek