Bloğun görsel dili, sade arayüz detayları ile daha etkileyici bir görsel yaklaşım arasındaki karşıtlıktan doğuyor. Beyaz arka plan sol içerik alanının etrafında ferah bir alan bırakarak kalın ve koyu başlığın ana vurguyu üstlenmesini sağlıyor. İnce gri ayırıcılar ad, e-posta ve mesaj alanlarına tutarlı ancak abartısız bir görünüm kazandırırken, turuncu «Gönder» butonu eylem noktasında daha güçlü bir vurgu oluşturuyor.
Sağ taraftaki uzun, soyut mavi-turuncu görsel ikinci bir renk dengesi ekliyor. Dikey formatı form sütununu dengeliyor ve bu tek bloğun tüm sitenin kimliğini belirlediği hissini yaratmadan yakındaki içeriklerde seçici olarak tekrarlanabilecek bir görsel tema sunuyor. Dolayısıyla başlık, destekleyici metin, form alanı tasarımı ve buton; tipografi, boşluk kullanımı, renk rolleri ve görsellerin birbiriyle uyum içinde çalıştığı kompakt bir yapı ortaya koyuyor. Daha geniş bir web sitesi tasarımında bu bölüm, işlevsel alanların net bir okuma hiyerarşisini kontrollü bir vurgu paletiyle nasıl harmanlayabileceğini göstermeye yardımcı olabilir. Temeldeki iletişim amacı ise değişmeden kalıyor: Görsel düzenleme üç giriş alanı ve bir gönderme eyleminden oluşan formu desteklerken, görsel unsurlar ortama atmosfer ve denge kazandırıyor.
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.