Dönüşüm sağlayan bir Google Play feature graphic tasarlamak
Bir Play listesi sana her şeyin üstünde geniş bir banner alanı verir. Telefon tarayıcılarında ve Play uygulamasının içinde bu, ekran görüntülerinden önce, açıklamadan önce, çoğu zaman katlanmadan önce bile tüm genişlik boyunca uzanır. Çoğu kişinin gördüğü ve çoğu geliştiricinin bir kez daha düşünmeden bir şablondan dışa aktardığı parça budur — tam da bu yüzden özenle tasarlanmış bir tanesi hemen fark edilir.
Bu yazı, hikayenin tasarım ve politika yarısını ele alıyor. Tam boyutlar, dosya formatı ve grafiğin nerede göründüğü ilgili yazıda anlatılıyor; tek satırlık özet: grafik 1024 x 500 px olmalı, JPEG veya alfa kanalı içermeyen 24 bit PNG olarak kaydedilmeli. Play, bir pikselden bile sapan her şeyi reddeder ve saydamlığı siyah olarak render eder. Aşağıdakilerin tümü, bu tuvale zaten sahip olduğunu ve onun bir dokunuşu hak etmesini istediğini varsayar.
Tek bir şey söyle
Feature graphic, özelliklerle tıka basa doldurulacak bir poster değildir. Render edildiği boyutta — telefonda genellikle birkaç yüz piksel genişliğinde — ya tek bir fikri geçirebilirsin ya da hiçbirini. Birinin uygulamanı yüklemesinin tek nedenini seç ve tüm çerçeveyi onun etrafında kur. Bir meditasyon uygulaması huzuru gösterir, özellik listesi değil. Bir bütçe uygulaması artan temiz bir sayı gösterir, beş simge değil.
Bunu test etmenin en hızlı yolu: grafiği küçük resim boyutuna küçült ve bir saniyeliğine göz at. Uygulamanın kategorisini ve ana vaadini söyleyebiliyorsan işe yarıyor demektir. Gözün aramak zorunda kalıyorsa, üzerinde çok fazla şey var demektir.
Play düğmesi güvenli alanına dikkat et
Listene bir tanıtım videosu eklersen, Play insanların izlemek için dokunabilmesi için feature graphic'in üzerine bir play düğmesi bindirir. Bu düğme bannerin tam ortasına yerleşir ve grafik farklı yüzeylerde ve cihazlarda farklı şekilde çerçevelenebilir veya kırpılabilir. Bunun düzen için iki sonucu var:
- Logoyu ve varsa metni tam ortadan uzak tut. Marka yazının üzerine oturan bir play düğmesi hata gibi görünür. Önemli öğeleri ortadan kaydır — sol üçte bir veya alt bant — böylece bindirme onlarla asla çakışmaz.
- Kenarlara nefes alacak boşluk bırak. Yazıyı veya logonu sınırlara itme. Bir yüzey çerçeveyi kırparsa, kenardaki içerik ilk gidecek şey olur. Dış kenar boşluğunu kullanılabilir alan değil, taşma payı olarak düşün.
Bugün bir videon olmasa bile, play düğmesi çıkabilirmiş gibi tasarla. Bu, seçeneklerini açık tutar ve zaten daha sağlam bir kompozisyon anlamına gelir.
Play'in geçmene izin vermediği sınırlar
Google Play'in içerik kalitesi kuralları mağaza grafiklerini reklam olarak değil editoryal içerik olarak ele alır. Feature graphic (ve başlığın ile kısa açıklaman) tanıtım veya performans iddiaları taşıyamaz. Bunlardan birine takılırsan gönderim işaretlenir veya reddedilir. Yasaklı kategoriler:
- Performans ve sıralama iddiaları — "En iyi," "#1," "Zirve," "Yılın Uygulaması," "Popüler," "Play'in en iyisi."
- Ödüller, başarılar ve referanslar — kupa rozetleri, "Şurada görüldü," alıntılar, yıldız puanları, beş yıldızlı görseller.
- İndirme veya kullanıcı sayıları — "1M+ indirme," "Bir milyon kullanıcıya katıl."
- Fiyat ve promosyonlar — "Ücretsiz," "%50 indirim," "İndirim," "Sınırlı süre," "50$ para iadesi."
- Harekete geçirici çağrılar — "Şimdi indir," "Şimdi yükle," "Şimdi oyna," "Şimdi dene."
- Play rozetleri ve mağaza öğeleri — "Google Play'den edinin" rozeti veya bir Play arayüz kontrolüne benzeyen herhangi bir şey, ayrıca görselin içine gömülü sahte düğmeler, anahtarlar veya dokunma hedefleri.
Seni güvende tutan yeniden çerçeveleme şu: uygulamanın nasıl sıralandığını veya ne kadar tuttuğunu değil, ne olduğunu anlat. "Tüm aboneliklerini tek bir yerden takip et" sorunsuzdur. "#1 abonelik takip uygulaması — ücretsiz!" tek satırda iki ihlaldir.
Gerçekten render edildiği yerde okunaklı yap
1024 x 500 boyutunda tasarla, ama küçük resim boyutunda değerlendir. Banner küçüldüğünde ancak o zaman ortaya çıkan hatalar:
- Düşük kontrast. Yoğun bir fotoğrafın üzerindeki soluk metin, küçültülür küçültülmez kaybolur. Yazıyı düz veya hafif degradeli bir zemine yerleştir ve metinle arka plan arasında güçlü bir değer farkı tut.
- Çok küçük veya çok ince yazı. İnce kalınlıklar ve uzun cümleler bulanıklaşır. Kelime kullanacaksan bunları birkaç büyük, kalın kelimeyle sınırlı tut.
- Sadece tam boyutta okunan detay. İnce arayüz öğeleri, küçük ürün görselleri ve yoğun desenlerin hepsi çöker. Cesur şekilleri ve net bir odak noktasını tercih et.
Ve özel bir tuzak: banneri uygulama adını tekrarlayarak boşa harcama. Başlığın zaten listede onun hemen yanında duruyor. Grafiğin ana başlığını kullanıcının iki santim ötede zaten okuyabildiği metne harcamak boşa giden bir mesajdır. Bunun yerine faydayı veya ürünü göster.
Listenin geri kalanıyla eşleştir
Feature graphic bağımsız bir sanat eseri değildir — bir bütünün en üstüdür. Simge onun altında, ekran görüntüleri de onun altında yer alır. Renk, yazı tipi ve atmosfer bannerden simgeye, oradan ekran görüntülerine kesintisiz aktığında, liste önemseyen insanların yaptığı tek bir ürün gibi hissettirir. Feature graphic ekran görüntüleriyle hiçbir şey paylaşmayan hazır bir gradyansa, sonradan akla gelmiş gibi görünür ve sessizce güveni zedeler.
Paletini simgeden veya uygulamanın gerçek arayüzünden al. Ekran görüntülerindeki yazılar için kullandığın aynı vurgu rengini tekrar kullan. Hepsinde tek bir yazı tipi ailesi tut. Buradaki tutarlılık dekorasyon değildir; tüm listenin bilinçli olarak tasarlandığının işaretidir.
Mokbi'nin rolü
Mokbi, 1024 x 500'lük feature graphic'i ekran görüntüsü setinle birlikte tasarlar, böylece banner, paneller ve metinler tek bir paleti, tek bir yazı tipini ve tek bir mesajı kutudan çıktığı gibi paylaşır — ayrı bir araç yok, elle renk eşleştirme yok. Grafiği tam spesifikasyona (JPEG veya alfasız 24 bit PNG) uygun şekilde dışa aktarır, önemli öğeleri ortadan ve kenarlardan uzak tutar ve grafiği 50 dile göre yerelleştirerek her pazarın kırpılmış bir İngilizce banner değil, kendine uyan bir banner almasını sağlar.
Mesaj ve sanat yönetimi konusunda kararı yine sen verirsin. Araç sadece tüm listenin — feature graphic dahil — birbirine ait gibi görünmesini sağlar.