Web sitelerinde içeriklere göz attığımızda, görsel yerleşim modelleri birçok farklı parametreye bağlıdır. Mutlaka metin akışı içerisinde hem estetik hem de işlevsel özelliği olacak şekilde görselleri düzenlemelisiniz. Bu noktada stratejik bir unsur olan görselleri mutlaka dikkat çekici noktalara yerleştirmelisiniz. Bir yandan mesajın pekiştirilmesi sağlanırken aynı zamanda da okuyucular için gözü dinlendiren bir yapıda olmalıdır. Her ziyaretçiniz için tüm görsellerin aynı anlama gelmesi şüphesiz ki beklenemez. Buna karşılık içeriklerle uyumlu olmaları ve anlatım yapısında destekleyici unsur olması da önemlidir.

görsel ayarları.webp


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.


web tasarım.webp

İç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.


görsel yerleşim.webp

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 taktik.webp


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.