Görüntüleyicinin gözünü çekmek için Vurgulama'yı kullanın
Bir web sayfası tasarımındaki vurgu, sayfa için odak noktası olan bir alan veya nesne oluşturur. Bir elemanın tasarımda öne çıkmasının bir yolu. Odak noktası, tasarımın diğer öğelerinden daha büyük olabilir veya parlak renklidir - her ikisi de gözü çekme eğilimindedir. Bir web sayfası tasarlarken, bir kelime veya kelime öbeği seçerek ve onu öne çıkaran bir renk, yazı tipi veya boyut atayarak vurgu ekleyebilirsiniz, ancak tasarımınızda vurgulamanın başka yolları da vardır.
Tasarımda Vurgu Kullanımı
Tasarımcıların yapabileceği en büyük hatalardan biri, tasarımdaki her şeyi öne çıkarmaya çalışmaktır. Her şey eşit vurgulu olduğunda, tasarım meşguldür ve kafa karıştırıcı veya daha kötü görünür - sıkıcı ve çekici değildir. Bir web tasarımında bir odak noktası oluşturmak için aşağıdakileri göz ardı etmeyin:
- Çizgiler: Kontrast ile vurgu oluşturun. Birkaç eleman yatay ise, bir dikey eleman odak noktası olur.
- Renk: Tasarımdaki çoğu eleman karanlık veya sessizse, renkteki herhangi bir nesne göze çarpar.
- Şekiller: Çoğu şekil düzensiz olduğunda, geometrik bir şekil öne çıkar.
- Yakınlık: Birkaç öğe gruplandığında ve biri gruptan ayrı olduğunda, göz tek öğeye gider.
- Yerleştirme: İstisnalar olmasına rağmen, bir tasarımın merkezine yerleştirilen bir eleman genellikle gözü çizer.
- Ağırlık: Ağır bir unsur, izleyicinin dikkatini çeker.
- Tekrarlama: Basit bir grafik yazı elemanı tekrarlandığında, göz tekrarlanan öğeyi odak noktasına kadar izler.
- Kontrast: Renk ve çizgilerle oluşturulan karşıtlıklara ek olarak, boyut, doku veya yazı tipi değişikliklerine göre kontrast oluşturulabilir. Değişim, odak öğesinin göze çarpmasına neden olur.
- Beyaz Boşluk: Beyaz (veya boş) boşlukla çevrili bir öğe odak noktası olur.
Web Tasarımlarında Hiyerarşi
Hiyerarşi, boyutlarına göre önemi gösteren tasarım öğelerinin görsel düzenlemesidir. En büyük unsur en önemli olanıdır; daha az önemli olan unsurlar daha küçüktür. Web tasarımlarınızda görsel bir hiyerarşi oluşturmaya odaklanın. HTML işaretinize semantik bir akış oluşturmak için çalıştıysanız, bu çok kolaydır; çünkü web sayfanızda zaten bir hiyerarşi vardır. Tüm tasarım ihtiyaçlarınız, en çok vurgu için doğru bir unsuru (bir H1 başlığı gibi) vurgulamaktır.
İşaretlemede hiyerarşi ile birlikte, bir ziyaretçinin gözünün, ekranın sol üst köşesinden başlayarak Z düzeninde bir web sayfasını görüntülediğini unutmayın. Bu, sayfanın sol üst köşesini şirket logosu gibi önemli bir öğe için iyi bir yer yapar. Sağ üst köşe önemli bilgiler için ikinci en iyi yerleştirme pozisyonudur.
Web Tasarımlarında Vurgu Nasıl Eklenir?
Web tasarımında vurgu birçok şekilde uygulanabilir:
- Herhangi bir stil olmadan bile vurgu sağlamak için semantik işaretleme kullanın.
- Tasarımda vurgulamak veya vurgulamak için yazı tipi veya görüntülerin boyutunu değiştirin.
- Vurgulamak için zıt renkler kullanın.
- Boyut sayılır. Sayfada veya ekranda büyük bir kelime hemen dikkat çekiyor.
- Beyaz nokta ile odak noktasını Surround.
- Dikkat çekmek için bir kelimeyi veya görüntüyü tekrarlayın.
Subordinasyon Uygun Nerede?
Subordinasyon, odak noktasını yapmak için bir tasarımdaki diğer öğeleri vurguladığınızda oluşur. Bir örnek, siyah beyaz bir arka plan fotoğrafına karşı yerleştirilmiş parlak renkli bir grafiktir. Aynı efekt, odak noktasının arkasındaki arka planla harmanlanan sessiz renk veya renkler kullandığınızda ortaya çıkar ve bu da göze çarpmaya neden olur.