Görsel Yerleşimlerde Tasarım Modelleri
Genel anlamda baktığımızda temel yerleşim modelleri açısından görsellerinizi F ya da Z modeli tasarım yapısıyla düzenleyebilirsiniz. Blog yazılarında sol üst kısımda görsellerin bulunuyor olması çokça yaygındır. Diğer yandan metnin ilk iki paragraf arasında bulunan görsellerin işlevi de büyüktür.
Açılış sayfalarında Z modeli tasarımla görsel yerleşim söz konusu olurken metin bölümleri daha azdır. Bu nedenle harekete geçirici şekilde görselleri süsleyebilir, editleme yapabilirsiniz. Ayrıca daha iştah kabartan görsel eklemelerini de bu şekilde konumlandırmak yanlış olmayacaktır.
İçeriklere Göre Görsel Yerleşim
Farklı içerik türlerinde daha farklı alanlarda görselleri destekleyici unsur olarak konumlandırmalısınız. Kullanıcıların siteye girdikleri ilk alanda gördükleri görseller genelde daha büyük halde olur. Tam ekran şekilde merak uyandıran cinsten görsellerinizi bir tanıtıcı efekt stratejisiyle sunmalısınız. Banner görsel kullanımları da yine markanın ana kimliği açısından elverişlidir. Burada ana sayfa ya da diğer sayfaların ilk çıkan büyük bölümlerinde görsel yerleşim için daha çok marka çalışması kavramından bahsederiz. Ekranın yatay şekilde tam olarak kaplanmasıyla artık kullanıcının net şekilde göz ezberi sağlamasını mümkün kılar.
Metin Arası Blok Görselleri
Çok uzun makaleler yazarak sitemizi elverişli hale getirmenin çeşitli avantajları vardır. Bunu yaparken görselleri iki ve hatta üç ana hedefle kullanırız. Bunlardan birincisi, içerik konularında görsel zenginleştirme yoluyla anlatımı kolaylaştırmaktır. Herhangi bir konudan bahsederken bunu düz yazı şekilde uzun uzun yazabilmek sorun değildir. Fakat, okuyucunun hayal dünyasında canlandırabilmesi için görsellere ihtiyacımız vardır. Doğru bir şekilde alt başlık konusuyla ilgili görselleri hemen yer vermekle harika bir iş yapmış olursunuz. Burada altını çizmemiz gereken ilk unsur ise görselin mutlak surette ya altındaki ya üstündeki paragrafla ilişkili olmasıdır. Çok anlamsız ya da gereksiz bir görseli sırf bulunması için koymak hiçbir zaman etkili olmaz.
Okuma Yorgunluğu Engelleme
Uzun içeriklerimiz için okuma sorunsalı artık kaçınılmaz bir sondur. Çünkü yüzlerce kelimeden oluşan bir makaleyi çok hızlı okumak ya da durmaksızın okumak yorucudur. Bu amaçla verimli olmanın yan ısıra okuma yorgunluğunu engelleme adına da görsellere ihtiyacımız vardır. Her alt başlık altında olabilecek şekilde dizayn edebilirsiniz. Standartlara baktığımızda ise 400 kelimelik bir içerik sonrasında mutlaka görsel eklemesi tavsiye ederiz. Bu sayede içerik okuyucusunun nefes alması ya da zihninde bulanma olmadan devam etmesi sağlanmış olur.
E-Ticaret Görselleri
Kategori sayfaları bulunması ya da ürünlere dair çeşitli fotoğrafların kullanımları sırasında da yine temel açıdan stratejiler vardır. Simetrik şekilde tüm görsellere aynı boyutlarda ve sıralı şekilde yer vermelisiniz. Düzenli kategori için ise alt alta sıralama yapılması uygundur. Temiz bir yerleşim adına görselleri en kaliteli şekilde sunmak da e-ticaret görsel yerleşim püf noktalarındandır.
Görsel Yerleşim Modellerinde Teknik Kurallar
Şüphesiz ki içeriklerimizi görsellerle zenginleştirirken bunu nasıl yapmamız en doğrusudur? Bu soruya yanıt vermeden önce günümüz tasarım kurallarını bilmenin ötesinde kullanıcı isteklerine göz atmalıyız. Daha rahat okuma, özgürce sunuş ve hızlı bir yapının ortaya çıkarılmasını üçlü sac ayağı olarak kabul edebiliriz.
Görsel Boyutları
Görsellerin hiyerarşik düzen oluşumu adına mutlaka boyut sıralamaları oluşturmalısınız. Her görsel aynı boyutlarda olmayacaktır. En net şekilde mesajınızı vereceğiniz görseli içerik ana bölümünde bulundurmalısınız. Bu çerçevede isterseniz destekleyici grafikler ekleyebilirsiniz.
Görsel Yerleşiminde Mesafeler
Görselleri her ne kadar metin içerisinde geçirsek de mesafe ayarlamaları yapmalısınız. Çok aşırı bir yapışık şekilde olması asla doğru değildir. Okumayı zorlaştıran mesafelerin fazla olması da yine hatadır. Tek satır boşluk bırakarak tam altına gelecek şekilde görselleri dahil edebilirsiniz.
Diğer yandan haber sitelerinde çokça gördüğümüz gibi sağ veya sol dayama yaparak da içeriklerin kenarından görselleri hizalayabilirsiniz. Bu şekilde içeriğin hemen kenarından görselin aşağıya doğru akması da çok doğal bir görünüm vaat eder.
Görsel Uyumluluğu
Söz konusu görsel yerleşim süreçlerinde mutlaka responsive uyumluluğu dikkat edilecek hususlardandır. PC için çok uygun olan bir görselin bir anda mobil ekranda bozulması ya da tam olarak görülmemesi can sıkıcıdır. Bu nedenle mobil ekran için otomatik boyutlanma yaparak işlemleri gerçekleştirmelisiniz. Mobil cihazlarda çoğunlukla dikey görsellerin aşırı alan kapladığı bir gerçektir. Bu nedenle web sitelerinizdeki içeriklerde daha çok yatay formatlı görselleri tercih etmenizi mantıklı buluruz. Diğer yandan kare format seçimleri de tercihe uygundur.
Görsel Yerleşim Bütünlüğü
Genel anlamda baktığımızda web sitemizin içeriklerinde görsel yerleşim modelleri ve kuralları sanatsal zevkleri de buluşturur. Her ne kadar daha çok teknik anlamda öneriler versek de içerik bağlantıları, uyumluluğu ve renklerin aynı çizgide ilerlemesi de diğer püf noktalardır. İçeriğe bir bütün olarak baktığımızda aykırı olabilecek hiçbir renk, boyut durumlarının olmamasını önemseyin.