Layout, Türkçe’de sayfa düzeni anlamına gelir. Kitap, dergi, gazete gibi basılı ortamda sayfa düzeni, metin ve görsellerin sayfa üzerindeki yerleşimlerini belirtir. Dijital ortamda ise sayfa düzeni, web sayfalarındaki öğelerin yerleşimi ile ilgilidir.

Layout Nedir?

Web siteleri metin, görsel ve video gibi farklı türde içeriklerin yanı sıra çeşitli arayüz elemanlarını içerir. Sayfada yer alan tüm öğeler, tasarım aşamasında belirlenmiş bir sayfa düzeni (layout) içerisinde kullanıcılara sunulur.

Web sayfanızda nasıl bir sayfa düzeni kullanacağınız, sunduğunuz içerik, hedef kitleniz, kullanım amacınız gibi farklı değişkenler göz önünde bulundurularak belirlenir. Örnekler üzerinden ilerleyecek olursak, metin ve görsel açısından içerik ağırlıklı bir blog oluşturmak istiyorsanız burada sayfa düzeninizi içeriklerinizi ön planda tutacak şekilde düzenlemelisiniz. E-ticaret sitelerinde, mevcut kampanyaları ve ürünleri belirgin bir şekilde sunmanızı sağlayacak sayfa düzenleri tercih edebilirsiniz. Ürün ve hizmetlerin tanıtımı için oluşturulan tek sayfalık web sitelerinde ise görsellerin ön plana çıktığı bir sayfa düzeni oluşturulabilir.

Sayfa Düzeni Oluştururken Dikkat Edilmesi Gerekenler

Sayfa düzeni oluşturulması, web sitelerinin tasarım sürecinin ilk adımlarından biridir. Sayfadaki öğelerin yerleşimi belirlendikten sonra önce tasarım sonrasında ise geliştirme çalışmaları yürütülür. İyi bir sayfa düzeni, kullanıcılarınıza sunduğunuz deneyimin temelini oluşturur. Sayfa düzeni oluştururken dikkat etmeniz gereken noktalardan bazıları şunlardır:

• Yaratıcı fikirler her zaman sandığınız kadar iyi olmayabilir. Kullanıcı alışkanlıklarının çok dışında bir sayfa düzeni kullanıcı deneyimini olumsuz etkileyebilir.
• Kullanım amacına en iyi şekilde uyacak sayfa düzenini seçmeniz önemlidir.
• Oluşturduğunuz sayfa düzeni farklı ekran boyutlarına uyarlanabilmelidir. Farklı ekran boyutlarına sahip cihazları da hesaba katmalısınız.

Sayfa Düzenini Oluşturan Bölümler

Web siteleri için uygulanabilecek sayfa düzeni çeşitleri, işin içerisine tasarımcıların da yaratıcı düşünceleri dahil edildiğinde oldukça fazla olabilir. Ancak sayfa düzeni çeşitleri ne kadar fazla olursa olsun, kullanıcıların web sayfasında görmeyi beklediği belirli bölümler bulunur.

Başlık (Header) Bölümü

Başlık veya üst bilgi kısmı, adından da anlaşılacağı gibi web sayfasında, ekranın en üst kısmında kalan bölümdür. Web sitesinin logo ve sloganı bu kısımda yer alır. Ayrıca farklı biçimlerde menüler, arama kutuları başlık kısmına yerleştirilebilir. Kullanıcıları web sitenizde yönlendirecek menüler de çoğunlukla başlık kısmında veya hemen altında ayrı bir bölümde yer alacak şekilde yerleştirilir.

İçerik Bölümü

İçerik kısmı, web sitenizde yer alan metin, görsel veya video gibi tüm içeriğinizin yer aldığı bölümdür. Burada içeriklerin tek, çift, üçlü veya daha fazla sütun olacak şekilde sunulabilir. Ek olarak bu bölümde, ana içeriğin sağ veya solunda (veya her ikisi de) sidebar olarak adlandırılan kısımlar bulunur. Bu kısımlar, kullanıcıların siteniz ile etkileşime geçebileceği çeşitli widget’lar, reklamlar ve menüler yerleştirilir.

Alt Bilgi (Footer) Bölümü

Alt bilgi kısmı, web sitesinin en altında yer alan kısımdır. Kimi zaman sadece tek satırlık birkaç cümleden, kimi zaman ise farklı widget ve menüler içerik şekilde yapılandırılabilir.

Sayfa Düzeni Türleri

Web siteleri oluştururken tasarımcılar tarafından sıklıkla tercih edilen ve kullanıcılar tarafından da kabul görmüş bazı sayfa düzenleri bulunur. Bu sayfa düzenlerinden bazıları şunlardır:

Tek Sütunlu Düzen (One-column Layout)

Tek bir sütundan oluşan sayfa düzeni yaygın olarak kullanılır. Açılış sayfaları, mobil uyumlu tasarımlar ve metin içeriklerinin ön planda yer aldığı tasarımlar için uygun bir tercihtir.

İki Sütunlu Düzen (Two-column Layout)

İki sütunlu düzende, sayfanın içerik bölümü iki adet sütuna bölünür. Bunlar eşit genişlikte veya içeriğin paylaşıldığı sütunlar olabilir. Bir başka seçenek ise daha geniş ve ana içeriği barındıran sütun ile diğeri daha dar ve sidebar olacak şekilde biçimlendirilebilir. Bu sayfa düzenini 3 ve daha fazla sütun olacak şekilde çeşitlendirmek mümkündür.

Izgara Düzeni (Grid Layout)

Izgara düzeninde web sitesi, içeriklerin yer aldığı 3 ve daha fazla sütuna bölünür. Görsel içerik açısından daha kuvvetli sitelerde kullanımı uygundur.

Zikzak Düzeni (Zigzag Layout)

Zikzak düzeni adını kullanıcının web sayfasını dolaşırken gerçekleştirdiği göz hareketinden alır. Görseller ve içerikler dengeli olarak verilir. Kullanıcı önce soldan sağa içeriği okur sonrasında sayfayı kaydırıp aşağı iner ve sağdan sola okuma yapar. Bu hareket tekrarlandıkça göz Z harfi çizer.