Vurgu bir web sayfası tasarımı sayfanın odak noktası olan bir alan veya nesne oluşturur. Tasarımda bir unsuru öne çıkarmanın bir yoludur. Odak noktası, tasarımın diğer öğelerinden daha büyük veya parlak renkli olabilir - her ikisi de göze çarpma eğilimindedir. Bir web sayfası tasarlarken, bir kelime veya kelime öbeği seçerek ve ona bir atayarak vurgu ekleyebilirsiniz. onu öne çıkaran renk, yazı tipi veya boyut, ancak vurguyu kullanmak için başka birçok yol vardır. tasarım.
Tasarımda Vurgu Kullanımı
Web tasarımcılarının yapabileceği en büyük hatalardan biri, tasarımdaki her şeyi öne çıkarmaya çalışmaktır. Her şey eşit vurguya sahip olduğunda, tasarım meşgul 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ğıdakilerin kullanımını gözden kaçırmayın:
- çizgiler: Zıtlıkla vurgu oluşturun. Birkaç eleman yatay ise, bir dikey eleman odak noktası olur.
- Renk: Tasarımdaki öğelerin çoğu koyu veya sessizse, renkli 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ırıldığında ve biri gruptan ayrı olduğunda, göz tek öğeye gider.
- Yerleştirme: İstisnalar olsa da, bir tasarımın ortasına yerleştirilen bir eleman genellikle göze çarpar.
- Ağırlık: Ağır bir unsur izleyicinin dikkatini çeker.
- Tekrarlama: Eleman yazmak için basit bir grafik tekrarlandığında, göz tekrarlanan elemanı odak noktasına kadar takip eder.
- Kontrast: Renk ve çizgilerin oluşturduğu kontrastlara ek olarak, boyut, doku veya yazı tipi değişiklikleri ile kontrast oluşturulabilir. Değişiklik, odak unsurunun veya vurgunun öne çıkmasına neden olur.
- Beyaz boşluk: Beyaz (veya boş) boşlukla çevrili bir eleman odak noktası olur.
Web Tasarımlarında Hiyerarşi
Hiyerarşi, boyuta göre önemi gösteren tasarım öğelerinin görsel olarak düzenlenmesidir. En büyük unsur en önemlisidir; daha az önemli unsurlar daha küçüktür. Web tasarımlarınızda görsel bir hiyerarşi oluşturmaya odaklanın. Anlamsal bir akış oluşturmak için çalıştıysanız, HTML işaretleme, bu kolaydır çünkü web sayfanız zaten bir hiyerarşiye sahiptir. Tasarımınızın tek yapması gereken, en fazla vurgu için doğru öğeyi - örneğin H1 başlığı gibi - vurgulamaktır.
İle birlikte işaretlemede hiyerarşi, bir ziyaretçinin gözünün bir web sayfasını ekranın sol üst köşesinden başlayarak Z düzeninde görüntülediğini kabul edin. 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 en iyi ikinci yerleşim konumudur.
Web Tasarımlarına Vurgu Nasıl Dahil Edilir?
Web tasarımında vurgu birçok şekilde uygulanabilir:
- Herhangi bir stil olmadan bile vurgu sağlamak için anlamsal işaretlemeyi kullanın.
- Tasarımda onları vurgulamak veya vurgulamak için yazı tiplerinin veya resimlerin boyutunu değiştirin.
- kullanın zıt renkler vurgu sağlamak.
- Boyut önemlidir. Sayfadaki veya ekrandaki büyük bir kelime hemen dikkat çekiyor.
- Odak noktasını beyaz boşlukla çevreleyin.
- Dikkat çekmek için bir kelimeyi veya resmi tekrarlayın.
Subordinasyon Nereye Uyuyor?
Bağlılık, odak noktasını öne çıkarmak için bir tasarımdaki diğer öğelerin tonunu azalttığınızda ortaya çıkar. Bir örnek, siyah beyaz bir arka plan fotoğrafına karşı konumlandırılmış parlak renkli bir grafiktir. Aynı etki, sessiz renkler veya odak noktasının arkasındaki arka planla karışarak öne çıkmasına neden olan renkler kullandığınızda ortaya çıkar.