Alışılmadık Başlık ve Kahraman Tasarımlarına Sahip 15 Divi Web Sitesi

Başlıklar ve kahraman alanları, web siteniz yüklendiğinde ziyaretçilerinizin gördüğü ilk şeydir. Bu, tasarımlarını çok önemli kılar. Çoğu, gezinme, iletişim ve sosyal takip düğmeleri, resimler, video, kaydırıcılar vb. gibi temel öğeleri içerir, ancak onları kalabalıktan ayrı tutmak başka bir hikaye. Bu yazıda, bir sonraki Divi web siteniz için size ilham vermek için alışılmadık başlık ve kahraman tasarımlarına sahip 15 Divi web sitesine bakacağız.

Başlıklar ve kahraman alanları tamamen farklı iki şeydir, ancak tasarımlar genellikle tek bir öğe oluşturmak için bir araya gelir. Bu nedenle ikisini tek bir makalede birleştirdim. Bazıları kalabalığın dışında duran tek bir benzersiz öğeye sahipken, diğerleri genel tasarımlarında benzersizdir. Çoğu, normalde bir başlıkta bulunmayan öğeler içerir. Onlarla ilgili ilginç bulduğum şeyleri belirteceğim.

Divi ile başlık veya kahraman alanınızı oluşturmanıza yardımcı olacak Divi 100'den birkaç ücretsiz düzen paketi ve Elegant Themes öğreticilerine birkaç bağlantı için sonuna kadar bekleyin.

Gelelim belli bir sıraya girmeyen web sitelerine…

1. Yaratıcı Millet

Bu, bir hamburger menüsünün yanındaki kutularda görüntülenen bir iletişim CTA'sı ve sosyal takip düğmeleri olan ilginç bir menüye sahiptir. Kahraman bölümü, yoluna girecek başka hiçbir şey olmadan yalnızca iki renkte büyük metin kullanır. Kırmızı, bilmeniz gerekenleri vurgular. Menüyü kahraman alanından ayıran çizgiyi seviyorum.

Web Sitesine Bakın

2. Mark Hendriksen

Bu, başlığın üzerinde ilginç bir harekete geçirici mesaj kullanır. Bu alan aynı zamanda sosyal takip ve hesap bağlantılarını da içerir. CTA'nın etrafındaki noktalı çizgiler, iğrenç olmadan diğerlerinden ayrı durmasına yardımcı olur. Başlık, arka plan gradyanına sahip bir CTA içerir ve kahraman alanı, her ikisi de gözü CTA'ya yönlendiren oklarla birlikte bir abone formu içerir.

Web Sitesine Bakın

3. bd'nin Moğol Izgarası

Bu web sitesinde, her ikisinde de CTA'lar bulunan iki gezinme menüsü vardır. CTA'lar dikkatinizi çekmek için birbirleriyle savaşmazlar. Asıl farklı olan, birincil menüdeki konum bulucudur. Bu menünün arkasındaki degradeyi ve birincil ve ikincil menüleri ayıran sarı çizgiyi seviyorum. Ayrıca logonun üst menüden kaydırıcı bölümüne nasıl örtüştüğünü seviyorum.

Web Sitesine Bakın

4. Patlayıcı Diyafram

Bu, web sitesinin geri kalanı için arka plan haline gelen bir arka plan resmi kullanır. Bu görüntü, kahraman görüntüsü olarak kullanılır. Resmin üzerine metin yerleştirmek yerine, web sitesinin başlığı resmin kendisinin bir parçasıdır. Kahraman alanı içinde başka hiçbir düğme veya bağlantı kullanmaz, bu nedenle güzel bir şekilde göze çarpar.

Web Sitesine Bakın

5. Hannah Gruber

Bu, kahraman alanının altında gezinme ile güzel bir arka plan deseni kullanır. Kahraman görüntüsü kaydırmada yerinde kalır. Menü, sonraki bölümün bir parçasıdır ve siz kaydırdıkça en üste kayar. Menü ekranın üst kısmına geldiğinde yapışkan hale gelir ve her iki tarafa da logo ve sosyal takip butonlarını ekler.

Web Sitesine Bakın

6. Londra Dövüş Fabrikası

Bu, başlığı normalden biraz daha aşağıya yerleştirir ve CTA'lı kahraman alanının bir kısmının başlığın üzerinde yaşamasına izin verir. Kahraman alanı, düzenin geri kalanı boyunca devam eden çapraz bir tasarım içerir. Metin yerinde kalırken logonun dişli kısmı döner.

Web Sitesine Bakın

7. Web Tasarımını Etkinleştirin

Bu web sitesi, bir slogan, bilgi ve CTA içeren yer paylaşımlı bir video arka planı kullanır. Birincil menüde bir CTA bulunan iki navigasyon menüsü içerir. Ancak ayrı olan şey, en sağdaki küçük bir düğme. Üzerine gelindiğinde biraz genişler ve düğmenin içinde arka plan videosunun tam renkli bir sürümünü oynatır. Düğmeye tıklamak, videoyu beklendiği gibi bir modda açar.

Web Sitesine Bakın

8. RVFTA

Bu site, sitenin teması için mükemmel bir şekilde çalışan koyu kahverengi kaplamalı bir arka plan resminin üzerine yerleştirilmiş, kahraman alanına yerleştirilmiş podcast şov notlarına ve gömülü sese bir resim bağlantısı içerir. Yerleşik ses oynatıcı, sitenin logosunu ve gösteri notlarına, indirme, RSS ve paylaşım düğmelerine bağlantıları görüntüler. Podcast müzik çalar, Blubrry tarafından desteklenmektedir.

Web Sitesine Bakın

9. İskandinav Ağı

Bu web sitesi, Slider Revolution tarafından desteklenen benzersiz bir kaydırıcı özelliğine sahiptir. Bir kar yağışı animasyonu karı aşağıdan yukarıya doğru hareket ettirirken, kaydırıcı metni ve öğeleri ekranda soldurur. Siz kaydırdıkça, metin ve arka plan görüntüsü birbirinden bağımsız olarak yavaşça yerine geri döner.

Web Sitesine Bakın

10. Çukur Tasarımları

Bu web sitesinin kahraman alanı, çizgi film grafikleri ve gölge efektli metinlerle güzel desenli bir arka plan kullanır. Başlıktan ayırmak için bir bölüm ayırıcıya sahiptir. Yine de göze çarpan şey bulutlar. Animasyonludurlar, soldan sağa kayarlar ve ağacın önünde ve roketin arkasında hareket ederler. Görüntüde başka hiçbir şey hareket etmiyor.

Web Sitesine Bakın

11. Ulusal Piyade Müzesi

Bu, büyük bir örtüşen logo, birincil menü, menünün üzerinde bir mesaj çubuğu, bir kaydırıcı ve ardından kaydırıcının altında bir bağış eylem çağrısı içerir. Benzersiz olan, birincil menünün üzerindeki düğmeler dizisidir. Yeşil ve kırmızı düğmeler, üzerine gelindiğinde renk değiştirir ve web sitesindeki diğer sayfalara bağlanır. Koyu mavi düğmeler sizi çeşitli sosyal ağlara götürür.

Web Sitesine Bakın

12. Güç Finansal Kredi Birliği

Bu tamamen iş. Kişisel ve ticari hesaplar arasında seçim yapmak için sekmeler içeren yerleşik bir güvenli bankacılık oturum açma formu içerir. Sekmeler, bankacılık seçenekleriyle bir mega menü oluşturan gezinmeyi içerir. İş sekmesi bir kaydırıcı içerir. İkincil menü, simgeler, sosyal ağlar ve abonelik CTA'sı içeren bir sohbet özelliği ve telefon numarası içerir.

Web Sitesine Bakın

13. Salon Ob'Art

Bu, bir başlık/kahraman alanı için daha benzersiz düzenlerden biridir. Mega menüye ve kaydırıcıya bağlanan büyük bir logoya sahiptir. Menünün üstünde, üstte ve sağda arama ve gezinme düğmeleri bulunan bir sayfa başlığı bulunur. Kaydırıcının altında, altında sosyal düğmeler bulunan simgelere sahip başka bir gezinme düğmesi seti bulunur. Küçük bir alanda çok şey oluyor, ancak kullanımı yine de kolay.

Web Sitesine Bakın

14. Nesil

Bu site, gördüğüm en benzersiz kaydırıcılardan birine sahip. Slaytlar numaralandırılmıştır. Sayılar, geçerli slaydın numarası diğerlerinden daha büyük olacak şekilde sağda görünür. Sağ köşede logo, sağ alt köşede ise hareketli bir çağrı düğmesi bulunur. Menüyü açmak için bir hamburger simgesi, dikey olarak hizalanmış bir başlık ve etiket satırı ve e-posta düğmesi ile sola dikey bir çubuk yerleştirilir. Düğmeler güzel vurgulu animasyonlar içerir.

Web Sitesine Bakın

15. Weberalar

Bu web sitesi, kahraman görüntüsü için bir sinemagraf görüntüler. Logo, menünün sağ üst kısmına yerleştirilmiştir. Menü birkaç benzersiz özellik içerir. E-posta ve bilgi için simgeler içerir. Gezinmek onları açacaktır. Bilgi menüsü düğmesi, tıklanabilir bir telefon numarası ve her biri için bir simge ve metin içeren sosyal ağlara bağlantılar sağlar.

Web Sitesine Bakın

Son düşünceler

Bu, bir sonraki Divi web siteniz için size ilham vermeye yardımcı olacak sıra dışı başlık ve kahraman tasarımlarına sahip 15 Divi web sitesine bakışımız. Bazıları sadece öne çıkan bir şeye sahipken, diğerleri baştan sona benzersizdir. Bazıları takip etmesi kolay karmaşık bilgiler sağlarken diğerleri basit ama ilginç tutar.

Divi ve birkaç ücretsiz düzen paketi ile başlık ve kahraman alanı tasarımı hakkında daha fazla bilgi için makalelere bakın:

• Yeni Sekmede/Pencerede Divi Tam Genişlik Üstbilgisi ve Kaydırıcı Düğmeleri Nasıl Açılır
• Yerleşik Ayarları Kullanarak Elde Edebileceğiniz 5 Yaratıcı Divi Başlık Modülü Stili
• Ücretsiz Divi İndirme: Divi Header UI Kiti
• Ücretsiz Divi Başlık Uzantısı, 20 Yeni Hamburger Menü Stili Sağlar
• Divi Nation Short: 3 Süper Basit Divi Başlık Değişiklikleri
• Divi Nation Short – Divi'nin Tam Genişlik Başlık Modülünü Kullanırken Tam Ekran Video Arka Planı Nasıl Elde Edilir
• Bir Sonraki e-Ticaret Divi Projeniz için Modaya Uygun Bir Kahraman Bölümünü Yeniden Oluşturun

Senden duymak istiyoruz. Bu başlık ve kahraman tasarımlarından hangisi favoriniz? Aşağıdaki yorumlarda bize bildirin.