Her görsele tek bir anlatım görevi verin

Önce ziyaretçinin bu görüntüden ne öğrenmesini istediğinizi bir cümleyle yazın. Örneğin “Girişten sergileme alanına giden yol nasıl ayrıldı?” Bir fotoğraf hem bütün malzeme paletini hem aydınlatmayı hem de bütün süreç aşamalarını açıklamaya çalışırsa işaretler birbirine karışabilir. Gerekirse genel görünüm ve detay için ayrı görseller seçin.

Açıklanacak kararın projede gerçekten size ait olduğunu doğrulayın. Ortak çalışmada mimarlık, fotoğraf, uygulama ve içerik rollerini ayrı belirtin. Başka ekibin çözümünü kendi tasarım kararınız gibi sunmak, iyi görünen bir portföyü güvenilmez hale getirir.

İşareti açıklamanın yerine kullanmayın

Görsel üzerine kısa numara veya sade bir işaret yerleştirip açıklamayı yakınında okunabilir metin olarak sunabilirsiniz. “01 — Giriş” tek başına yeterli olmayabilir; “Giriş ve bekleme alanı ayrı okunuyor” gibi somut gözlem ekleyin. Ölçmediğiniz bekleme süresi veya ziyaretçi artışı hakkında sonuç yazmayın.

Telefon ekranında uzun yazıları görüntünün içine gömmek yerine numaralı listeye taşıyın. İşaret ile metnin eşleşmesi renk dışında numarayla da anlaşılmalı. Bir noktaya dokunmak açıklamayı açıyorsa klavye ile aynı içeriğe ulaşılabildiğini kontrol edin; yalnızca fare üzerine gelince açılan bilgiye güvenmeyin.

Önce–sonra karşılaştırmasında koşulları açıklayın

İki görüntünün çekim açısı, kapsamı veya ölçeği farklıysa bunu söyleyin. Taslak ile bitmiş iş, aynı zamanın iki fotoğrafı değildir. Görsel düzenleme, yeniden çizim veya temsilî model kullandıysanız etikette belirtin. Karşılaştırmayı daha dramatik göstermek için eski görüntüyü bilerek kötüleştirmeyin.

Müşteri sonucunu ancak kaynak ve izin varsa ekleyin. Aksi halde “Form alanları tek sütunda toplandı” gibi doğrudan görülen değişimi anlatın. Bu gözlem, daha fazla başvuru alındığını kanıtlamaz. Bir değişiklik ile ölçülmüş etkisi arasındaki ayrımı metinde koruyun.

Kapaktaki planın okuma notunu açın

Görseli göremeyen kişiye de anlamı taşıyın

Kısa alternatif metin görüntünün konusunu tanımlayabilir; karmaşık bir planın bütün ilişkilerini tek cümleye sıkıştırmak gerekmez. W3C karmaşık görsel rehberi, kısa tanımı daha ayrıntılı ve erişilebilir bir açıklamayla destekleme yollarını gösterir. Yakındaki açıklama hem görseli göremeyen hem de konuya yabancı ziyaretçi için işe yarar.

Örnekte planın giriş, sergileme ve rota ilişkisi metin listesinde de var. Sadece “proje görseli” yazmak bu anlamı taşımaz. Buna karşılık her dekoratif çizgiyi anlatmak asıl kararı gölgeleyebilir; açıklama görselin iletişim görevini izlemeli.

İçeriği görsel ve hak kontrolüyle teslim edin

Masaüstünde ve telefonda işaretlerin aynı detaya yöneldiğini kontrol edin. Görsel kırpıldığında numara içeride, gösterdiği nesne dışarıda kalıyorsa kadrajı değiştirin. Fotoğraf sahibini, kullanım iznini ve gerekiyorsa müşteri onayını yayın kaydında tutun. İsim veya özel bilgi görünen belgeleri yayına hazırlarken ayrıca gözden geçirin.

Çok sayıda görsel arasındaki yol için proje galerisi rehberini kullanabilirsiniz. 3A Elevator proje sayfamız portföy bağlamına örnektir; bu yazıdaki plan o projeye ait değildir. Web tasarım teslimine yalnızca görsel dosyasını değil açıklama, hak ve mobil kadraj kontrolünü de ekleyin.

Sık sorulan sorular

Her fotoğrafa işaret koymalı mıyız?

Hayır. Yalnızca belirli bir kararı açıklamaya yardım eden görüntülerde kullanın. Genel atmosfer fotoğrafları sade bir altyazıyla yeterli olabilir.

Önce–sonra görseli sonuç kanıtı mıdır?

Görünen değişikliği gösterebilir. Satış, kullanım kolaylığı veya performans artışı için ayrıca ölçüm ve uygun bağlam gerekir.

Kaynaklar ve ileri okuma

W3C — Complex images
Web tasarım & geliştirmeBu hizmeti konuşalım