İçerik
- 01. Bir ızgara kullanın
- 02. Tek bir odak noktası seçin
- 03. Üçte Bir Kuralını Kullanın
- 04. Beyaz boşluk kullanın
- 05. Tasarım öğelerini tekrarlayın
- 06. Hiyerarşi kullanın
- 07. Ölçek, kontrast ve uyum kullanın
İster basılı bir broşür isterse en son web uygulaması olsun, tasarladığınız herhangi bir sayfa düzeninin temel amacı, bilgileri okuyucuya açık ve etkili bir şekilde iletmektir. Temel mesajların okuyucuya teslim edilmesini sağlamanın en iyi yollarından biri dengeli bir sayfa düzeni oluşturmaktır.
Sayfa düzeni tasarımı genellikle öğelerin çok sayıda yerleştirilmesini, yeniden düzenlenmesini ve biçimlendirilmesini içerir. Pek çok tasarımcı bu sürece organik bir şekilde yaklaşır ve memnuniyet verici bir sonuca giden yolu hisseder. Bu, bazı mükemmel mutlu kazalara yol açabilse de, serbest biçimli bir metodoloji kullanmanın sayfada görsel denge eksikliğine neden olma riski vardır.
İyi bir sayfa kompozisyonu hem göze hoş gelmeli hem de bu önemli mesajları hedef kitleye net bir şekilde iletmelidir. Sayfa düzeni tasarımlarınızın dengeli olmasını sağlamanıza yardımcı olacak bazı önemli ipuçlarını bir araya getirdik (iyi bir web sitesi oluşturucu da yardımcı olacaktır). Bu yaklaşımlar, üzerinde çalıştığınız araç ne olursa olsun, denge için bir yapı sağlamak için işe yarayacaktır.
Web'e özel daha fazla tavsiye için, mükemmel web sitesi düzenleri oluşturma kılavuzumuza bakın.
01. Bir ızgara kullanın
Sayfanızın bir dereceye kadar dengeye sahip olmasını sağlamanın en kolay yollarından biri, bir ızgara sistemi kullanmaktır. Eskiden ızgaralar, basılı sayfanın tek koruyucusuydu, ancak son birkaç yılda ızgara konseptinin dijital ortama taşınmasına yardımcı olmak için çevrimiçi olarak çok fazla çalışma tamamlandı.
Bir sayfadaki farklı öğelerin konumunu bildirmek için bir ızgara kullanarak, sayfanızı oluşturan farklı öğeler arasında bir bağlantı oluşturursunuz. Bu, mizanpajınıza bir düzen duygusu sağlamaya yardımcı olabilir, okuyucuya geri dönmesi için net bir yapısal referans sağlar ve sayfanızın başarısını artırır.
Bu önemlidir, çünkü tüm sayfa öğeleriniz birbiriyle bağlantı hissine sahip olduğunda, genel etki okuyucu için daha rahat hisseder, onları rahatlatmaya yardımcı olur ve önemli şeylere, içeriğe erişimlerini kolaylaştırır.
02. Tek bir odak noktası seçin
Denge hissi sağlamanın en etkili yollarından biri, yerleşim tasarımınız için tek bir odak noktası seçmektir. Pratikte buna güzel bir örnek, bir sayfadaki en büyük tek öğe olarak büyük bir görüntünün kullanılmasıdır.
Güçlü bir görsel, okuyucuyu sayfanıza yönlendirmek için güçlü bir yol sağlayabilir (ideal web barındırma hizmetinin uzman analizi gibi) ve ayrıca mizanpajınızdaki kalan içeriği etrafında düzenlemek için yararlı bir yapısal öğe sağlar. Birden fazla görsel öğeniz varsa, onları aynı şekilde hizalayarak bir arada gruplamak için Gestalt Teorisinin yakınlık ilkesini kullanın.
Aynı şekilde bir başlığı veya alıntıyı kullanabileceğinizi de unutmamak gerekir; İyi bir ekran başlığı, dengeli bir düzen sağlamanıza yardımcı olacak yapıyı sunmaya devam ederken, bir resim kadar görsel ilgi sunabilir.
03. Üçte Bir Kuralını Kullanın
Bir denge duygusu sağlamanın en iyi yollarından biri, tasarımcının en sevdiği Üçte Bir Kuralı veya Altın Oran kullanmaktır. Basitçe söylemek gerekirse, üçler kuralı, sayfanızı hem dikey hem de yatay olarak üçe bölerseniz, ızgara çizgilerinin kesiştiği noktaların bir kompozisyonun doğal odak noktalarını sağladığını söyler.
Temel öğelerinizi bu dört noktaya hizalayarak, örneğin öğeleri sayfanızda mükemmel bir şekilde ortalamaktan daha hoş bir kompozisyon elde edersiniz.
Kendi içinde, üçte bir kuralı mizanpajınıza sihirli bir şekilde denge sağlamaz, ancak prensibi genişleterek, mizanpajınızın dengesini sağlamaya yardımcı olmak için bu eğilimi doğal bir odak noktasına doğru kullanmak kolaydır.
Yaygın bir yaklaşım, sayfanızın en önemli öğelerini sayfanın üst (veya alt) üçte birlik kısmına, birincil odak noktası kesişimlerden biriyle eşleşecek şekilde hizalayarak yerleştirmektir. Siteniz için saklayacak çok sayıda varlığınız mı var? Bu bulut depolama seçeneklerine göz atın.
04. Beyaz boşluk kullanın
Acemi tasarımcıların bir sayfadaki her bir alanı kullanması ve her boşluk doldurulana kadar içeriği doldurması yaygındır. Daha deneyimli olanlar, bazen tasarımın en iyi kısmının, öğeleri ayağa kaldırmak yerine dışarıda bırakmak olduğunu bilirler.
Basılı ortamda, beyaz alandan yararlanmanın en yaygın yolu, sayfa kenar boşluklarını ve cilt paylarını genişletmektir. Web'de, öğelerin etrafında bol miktarda nefes alma alanı sağlamak, düzen tasarımınızın dengeli ve dengeli hissetmesine yardımcı olabilir.
Negatif boşluk kullanmak, içeriği birbirine bağlayan net bir yapıya sahip olduğunuzda (bir ızgara tarafından sağlananlar gibi) en iyi sonucu verir, çünkü beyaz boşluk riski, gelişigüzel bir şekilde uygulandığında sayfa öğeleri arasında bir kopukluk hissi olabilir.
05. Tasarım öğelerini tekrarlayın
Tekrarlama aynı zamanda bir kompozisyona güçlü bir bağlantılı tasarım ve denge duygusu sağlayabilir. Buradaki fikir, mizanpajınız boyunca bir motif veya tasarım işlemini tanımlayıp yeniden kullanarak, okuyucuya bir referans sağlayabilirsiniz, böylece farklı alanlar birbirine bağlı ve aynı genel kompozisyonun bir parçası hissedilir.
Bu tekniği, tasarımınızda bir odak noktası sağlamak için, genel bir dengeyi korurken, tekrarla ortaya çıkan benzerlik modelini kasıtlı olarak kırarak da kullanabilirsiniz.
06. Hiyerarşi kullanın
Sayfa düzeni nirvana'ya ulaşmanın temel yaklaşımlarından biri, açık bir yapı ve hiyerarşi duygusu. Yapıya zaten değindik, ancak sayfanızdaki farklı içerik parçalarının göreceli önemini de iletmek önemlidir. Örneğin bir başlık, neredeyse her zaman gövde metni içeriğinden görsel olarak daha önemli olmalıdır.
Yerleşim tasarımınızı oluşturan farklı unsurlara bakın ve hangi öğenin en önemli olduğuna karar verin. Sayfadaki diğer öğeler için yapısal bir kanca sağlamak ve onu en önemli tutmak için bu öğeyi kullanın.
07. Ölçek, kontrast ve uyum kullanın
Son olarak, ölçek kullanımı, düzeninizde iyi bir görsel denge elde etmek için çok etkili bir yöntem olabilir. Bazı unsurları diğerlerinden daha büyük hale getirerek, bir düzen ve hiyerarşi duygusu ortaya çıkacaktır. Bu, rahat bir düzen oluşturmaya yardımcı olur çünkü izleyici, okurken daha küçük öğelere doğru ilerlerken, önce mizanpaj içindeki daha büyük öğelere otomatik olarak bakar.
Bu ilke aynı zamanda artan kontrastla da çalışır, böylece sayfadaki bir öğeyi kontrast yoluyla izole etmek, gözün önce o noktaya odaklanmasını sağlar. Bu, sayfaya bir giriş sağlar ve yine mizanpajınızı geliştirmeniz için yararlı bir yapısal nokta verir.
Hem ölçek hem de kontrast, bir öğeye uygulandıklarında en iyi şekilde çalışır ve bu da onu mizanpajınızın diğer bölümlerinden farklı kılar. Başkalarının bağlı hissetmesini sağlamak ve odak noktasını vurgulamak için uyum ilkelerini kullanın.
