Bloğun görsel dili, doğal manzaralar ile ölçülü tipografi arasındaki dengeden doğar. Karanlık bir dağ manzarası, canlı yeşil ve mor kutup ışıklarını öne çıkararak fazladan süsleyici unsurlara gerek duymadan son derece etkileyici bir renk alanı meydana getirir. Alt kısımda, aralıklı büyük harflerle yazılmış beyaz metin daha sakin bir denge unsuru sağlar. Bu kontrast, paragrafın rahatça okunabilmesini sağlarken görsel kimliğin büyük bölümünü fotoğrafın taşımasına imkan tanır.
Bu birliktelik, fotoğraf odaklı daha geniş kapsamlı bir web sitesi için akılda kalıcı bir motif sunabilir. İlgili diğer bölümler derin karanlık tonları, parlak vurgu renklerini, ferah hizalamaları veya özenle kadrajlanmış manzara fotoğraflarını yansıtabilir; bu blok ise ödüle özel duyuru alanı olma işlevini korur. Paragraf 2018 Sony World Photography Awards'a atıfta bulunur, kazananları ilan eder ve ziyaretçileri çeşitli galerileri gezmeye çağırır; böylece editoryal içerik ilgisiz bir süsleme gibi durmak yerine görsel ağırlıklı yapıyı pekiştirir.
Bölüm, geniş bir projenin tüm stil kurallarını tek başına belirlemez; ancak görsel tutarlılık için somut ipuçları sunar: atmosferik fotoğrafçılık, güçlü kontrast, ortalanmış yazı karakterleri ve sınırlı, parlak bir renk paleti. Bu ilişkileri seçici olarak tekrarlamak, sonraki galeri veya öne çıkan içerik bölümlerini her bloğu tekdüze kılmadan bu girişle bütünleştirebilir. Sonuç, bloğun mevcut görüntü ve metin dengesinden doğan güçlü bir görsel yönelimdir.
Web Sitesi Tasarımı Oluşturucu kullanırken renkleri, yazı tiplerini, başlık ve fooer'ı, düzeni, sütunları ve diğer tasarım öğelerinin yanı sıra içerik ve resimleri de ayarlayabilirsiniz.
Web sitesinin sayfaları ve bölümleri genelinde görsel temeli oluşturmak için Tema Ayarları kullanın. Her sayfayı bağımsız olarak şekillendirmek yerine, sitenin aynı tasarım yönünü izlemesi için genel Renkler, Yazı Tipleri ve Tipografi ayarlayın.
Web sitesinin karakterine uygun bir renk şeması ve yazı tipi kombinasyonu seçin, ardından Başlıklar H1-H6, normal Metin, bağlantılar, düğmeler, alıntılar, listeler ve diğer tipografi stillerini ince ayar yapın. Bu ayarların tutarlı kullanımı, net bir görsel hiyerarşi oluşturmaya ve tekrar eden tasarım öğelerinin web sitesi genelinde tanınabilir kalmasına yardımcı olur.
Web sitesi tasarımını daha dinamik ve etkileşimli hale getirmek için Animasyon Efektleri kullanın. Öğeler ve Kapsayıcılar, ziyaretçiler sitede gezinirken veya kullanıcı etkileşimine yanıt verirken içeriği tanıtmak için Ekranda Çalıştır, Fareyle Üzerine Gelildiğinde Animasyon ve Kaydırma ile Senkronize Animasyon gibi efektler kullanabilir. Animasyon Ön Ayarları, web sitesinin görsel stiline uyarlanabilen hazır efektler sağlar.
Başlık, Menü ve Alt Bilgi gibi paylaşılan web sitesi öğelerine aynı tasarım yönünü uygulayın. Tema Ayarları Paneli, ortak site genelindeki stil kontrollerini bir araya getirerek, web sitesi birden fazla sayfaya yayılırken koordineli bir görünümü korumayı kolaylaştırır.
Bu iş akışı, şablonu tutarlı bir görsel kimliğe, koordineli renklere ve tipografiye, paylaşılan tasarım kurallarına ve sayfaları arasında etkileşimli efektlere sahip bir web sitesi oluşturmak için kullanışlı bir başlangıç noktası haline getirir.