Bloğun görsel karakteri, sakin bir görsel yaklaşımı ile yoğunlaştırılmış bir iletişim paneli arasındaki kontrasttan gelir. Sol tarafı yumuşak tonlu bir portre doldururken sağ taraf, 7/24 araç teslimi mesajını ve altındaki telefon bağlantısını sunmak için ortalanmış koyu tipografi kullanır. Açık gri dış arka plan bu kompozisyonu çevreleyen içerikten ayırır ve beyaz panel bilgilere temiz bir alan sunar.
Fıstık yeşili dairesel telefon vurgusu, bölüm içinde tekrarlanan stil için en belirgin adaydır. Daha geniş bir otomotiv hizmeti tasarımında başka yerlerdeki iletişim eylemleri için görsel bir ipucu işlevi görebilir; koyu metin ve ölçülü portre yaklaşımı ise genel dilin dekoratif olmaktan ziyade işlevsel kalmasını sağlar. Görsel atfı görünür kalır ancak destekleyici bir role sahiptir; böylece atfın, daha güçlü mesaj ve telefon hiyerarşisiyle bir arada var olmasına olanak tanır.
Bir Web Tasarımı katkısı olarak bu blok, tüm sitenin kimliğini tek başına belirlemeden renk, görseller ve tipografi arasındaki ilişkilerin kurulmasına yardımcı olabilir. İlgili bölümler fıstık yeşili vurguyu yineleyebilir, benzer şekilde kontrollü görsel yaklaşımları kullanabilir veya soluk arka planlar ile beyaz içerik panelleri arasındaki kontrastı koruyabilir. Bloğun değeri, iletişim amacının görsel olarak nasıl ifade edildiğinde yatar: portre insani bir bağlam oluşturur, ortalanmış metin çalışma saatlerini açıklar ve vurgulanan telefon bağlantısı daha geniş tasarım sistemi içinde tanınabilir bir etkileşim noktası sunar.
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.