Görsel kimlik, büyük ölçekli fotoğrafçılık ile ölçülü renk kullanımı arasındaki ilişkiyle başlıyor. Okyanus, kıyı ve dağ görselleri en güçlü görsel ayrıntıları sunarken, açık su yeşili ve mat mavi yüzeyler metinler ve etkileşimler etrafında daha sakin bir ortam yaratıyor. Hero bölümünde, ortalanmış beyaz tipografi bir okyanus fotoğrafının üzerinde yer alıyor; böylece görseli ikincil bir illüstrasyon olarak ele almak yerine kontrastı ve görsel ölçeğini sayfa karakterinin merkezine yerleştiriyor.
Bu tasarım dili farklı bileşen türlerinde de devam ediyor. Seyahat acentesi bölümü fotoğrafı kompakt bir formun yanına yerleştiriyor, geçiş kartı tablosu yapılandırılmış teklif içeriğini kıyı manzaralı bir arka planın üzerine bindiriyor ve deneyim kartları Dağ seyahati, Sörf seyahati ve Okyanus seyahati için tekrarlanan görsel işlemler uyguluyor. Soluk su yeşili marka bildirimi ve son talep alanı, görsellerin ön planda olduğu bu anlar arasındaki görsel yoğunluğu dengeliyor. Koyu renkli bir altbilgi ise güçlü ve net bir kapanış kontrastı sağlıyor.
Sonuçta, gerçek bir marka hakkında asılsız iddialara dayanmadan ferah ve keşif hissi uyandıran bir tasarım kimliği ortaya çıkıyor. Ortalanmış tipografi, açık arka planlar, fotoğrafların büyüklüğü ve yinelenen su yeşili tonları sayfanın farklı bölümlerini birbirine bağlıyor. Rezervasyon eylemleri ve formlar aynı görsel sistemin parçası olarak sunuluyor; bu sayede işlevsel içerik seyahat atmosferinden kopuk görünmüyor. İlgili sayfalar için tanınabilir bir tasarım çizgisi yakalamak, tek bir bölümü izole şekilde kopyalamaktan ziyade görseller, renk, tipografi, boşluklar ve tekrarlanan kart düzeni arasındaki bu ilişkileri korumaktan geçiyor.
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.