Mobil kapak neden başka türlü kırpılmalı?
Geniş bir kapakta solda ürün, sağda boşluk varsa mobilde ortadan kırpmak ürünü görünmez kılabilir. Görselin küçülmesi ile kadrajın değişmesi aynı işlem değildir. Küçültme çözünürlüğü, kırpma ise anlatının hangi bölümünün görünür kaldığını etkiler.
Bana kalırsa mobil tasarımın işi, masaüstündeki görüntüyü küçültmek değil, aynı fikri dar kadrajda da anlaşılır tutmak. Bir kapağın ana nesnesi telefonda kayboluyorsa dosyanın güzel olması yetmiyor. Benim için kırpma kararı, görsel üretiminden sonra yapılan rastgele bir düzeltme değil, tasarımın baştan düşünülmesi gereken kısmı.
Temel fikir
Responsive görsel yaklaşımında farklı çözünürlükler sunmak ile farklı kompozisyonlar sunmak ayrılır. Birincisinde konu aynı kadrajda kalır. İkincisinde dar alanda ana fikri korumak için başka bir kesit kullanılır. Bunun için picture gibi HTML olanakları değerlendirilebilir.
Bir örnek üzerinden
Örneğin masaüstü kapağında masanın tamamını, telefonda ise not defteriyle kalemi göster. İki görselin anlattığı konu aynı kalmalı. Kapaktaki açıklama metnini bitmap içine gömmek yerine HTML olarak tutarsan yazıyı kırpılmaktan korursun. Yalnızca dekoratif boşluk değişiyorsa ayrı görsel üretmeden konum ayarı yeterli olabilir.
Nereden başlamalı?
Tasarımı üç farklı genişlikte incele. Ana nesne, gerekli bağlam ve metin için boşluk hâlâ var mı? Her kırpmanın merkezde olması gerekmez. İyi kadraj, görselin küçükken bile ne anlattığını korur.
Benim yaklaşımım
Örneğin yanında ürünün kullanımını gösteren bir el bulunan fotoğrafta yalnızca ürünü kesip bırakmak anlamı değiştirebilir. Önce hangi bölümün bilgi taşıdığına karar veririm. Mobilde o bölüm korunamıyorsa farklı bir kadraj seçmeyi, metni ve görseli zorla sıkıştırmaya tercih ederim.
