Olağandışı başlık ve kahraman tasarımları ile 15 divi web sitesi
Başlıklar ve kahramanlar, ziyaretçilerinizin web sitenizin yüklendiğini ilk gördüğü şeydir. Bu, tasarımlarını önemli hale getirir. Çoğu navigasyon, iletişim düğmeleri ve sosyal takip eden sosyal, görüntüler, videolar, kayar bıçaklar vb. Gibi temel unsurları içerir, ancak diğerlerinden farklı hale getirir. Bu makalede, bir sonraki Divi web siteniz için size ilham vermeye yardımcı olacak alışılmadık tasarım ve kahramanlara sahip 15 Divi web sitesi göreceğiz. Başlıklar ve Kahramanlar alanları çok farklı iki şeydir, ancak tasarım genellikle bir öğe oluşturmak için entegre edilir. Bu nedenle ikisini bir makalede birleştirdim. Bazılarının kalabalıktan ayrı duran tek bir benzersiz unsuru vardır, diğerleri ise genel tasarımda benzersizdir. Birçoğu genellikle başlıkta bulunmayan öğeler içerir. Onlar hakkında ilginç olduğunu düşündüğümü göstereceğim.
Başınızı veya Divi ile kahramanınızı oluşturmanıza yardımcı olmak için zarif tema öğreticisine birkaç bağlantı ve Divi 100’den bazı ücretsiz düzen paketleri için sonuna kadar bekleyin. Şimdi, belirli bir sırada olmayan web sitesine … 1. Yaratıcı insanlar
Bkz. Web Sitesi 2. Mark Hendriksen Bu, başlıkta çekici bir aksiyon davetiyesi kullanır. Bölge ayrıca sosyal bağlantılar ve hesap bağlantıları içerir. CTA çevresindeki noktalı çizgi, can sıkıcı olmadan diğerlerinden ayrı durmasına yardımcı olur. Başlık, arka plan gradyanına sahip CTA ve bir abonelik formu içeren kahraman alanı içerir – her ikisi de gözlerini CTA’ya yönlendiren oklarla. Bkz. Web Sitesi 3. Moğolya Bdwebsite her ikisinde CTA ile iki navigasyon menü vardır. CTA, dikkatiniz için birbirleriyle savaşmaz. Gerçekten göze çarpan şey ana menüde konum arayan. Menünün arkasındaki gradyanı ve ana ve ikincil menüleri ayıran sarı çizgiyi seviyorum. Ayrıca logonun üst menüden kaydırıcıya nasıl örtüşmesini seviyorum. Bkz. Web Sitesi 4. Patlama Açılış
Bu, diğer web sitelerinin arka planı olan bir arka plan görüntüsü kullanır. Bu görüntü bir kahraman görüntüsü olarak kullanılır. Metin resmin üzerine yerleştirmek yerine, web sitesinin başlığı görüntünün kendisinin bir parçasıdır. Kahraman alanında başka düğmeler veya bağlantılar kullanmaz, bu yüzden iyi göze çarpar. Bkz. Web Sitesi 5. Hannah Gruber Bu, kahraman alanının altında navigasyon ile güzel bir arka plan deseni kullanır. Kahramanın resimleri kaydırırken yerinde kalır. Menü bir sonraki bölümün bir parçasıdır ve kaydırdığınızda yuvarlanır. Menü ekranın üstüne dokunduktan sonra yapışkan hale gelir ve her iki tarafa logo ve sosyal takip düğmesini ekler. Bkz. Web Sitesi 6. Londra Fabrika Fabrikası
Bu, üstbilgiyi normalden biraz daha düşük hale getirerek CTA ile kahraman alanının bölümlerinin başlıkta yaşamasına izin verir. Kahraman alanı, diğer düzenlere devam eden çapraz bir tasarım içerir. Logonun dişli kısmı metin yerinde kalırken döner. Bkz. Web Sitesi 7. Bu webwebsite tasarımını etkinleştirin, slogan, bilgi ve CTA içeren kaplamalı bir video arka plan kullanarak. Bu, ana menüde CTA’lı iki navigasyon menüsü içerir. Öne çıkan, en sağdaki küçük bir düğme. Üzerinde gezinme biraz genişleyecek ve düğmenin içinde arka plan videosunun renkli versiyonunu döndürecektir. Düğmeye tıklamak beklendiği gibi sermayede videoyu açacaktır. Bkz. Web Sitesi 8. RVFTA Bu site, site teması için mükemmel çalışan koyu kahverengi bir streç ile arka plan görüntüsünün üzerine yerleştirilen kahraman alanına yerleştirilmiş podcast ve ses etkinliği notlarına bir resim bağlantısı içerir. Gömülü ses çalar, site logosunu görüntüler ve not, indirme, RSS ve paylaşım düğmeleri ile bağlantı kurar. Audio podcast oynatıcı Blubrry tarafından desteklenmektedir.
Bkz. Web Sitesi 9. Web Nordic Bu web sitesi, Slider Revolution tarafından desteklenen benzersiz bir kaydırıcı özelliğine sahiptir. Kar animasyonu kar altından yukarıya doğru hareket ederken kaydırıcı metni ve öğeleri ekrana kaydırır. Kaydırdığınızda, metin ve arka plan görüntüleri birbirlerine bakılmaksızın yavaşça yerlerine geri döner.
Bkz. Web Sitesi 10. Delik Tasarımı
Bu web sitesinin kahramanları, çizgi film grafikleri ve gölge efektleri olan metin içeren iyi bir desen arka plan kullanıyor. Başlıktan ayırmak için bir bölen vardır. Öne çıkan bulutlar. Animasyonlu, soldan sağa yuvarlandılar ve ağacın önüne ve roketin arkasına taşındılar. Hareketli resimde başka bir şey yok. Bkz. Web Sitesi 11. Bu Ulusal Piyade Müzesi, örtüşen büyük bir logo, ana menü, menünün üzerindeki Barde’s Bar, kayar çubuk ve daha sonra kayar çubuk altında bağış yapma daveti. Benzersiz olan, ana menünün üzerindeki düğme satırıdır. Yeşil ve kırmızı düğmeler imleci yönlendirirken ve web sitesindeki diğer sayfalara bağlanırken rengi değiştirir. Koyu mavi düğme sizi çeşitli sosyal ağlara götürür.Bkz. Web Sitesi 12. Güç Finansal Kredi Birlikleri Bu hepsi iş. Bu, kişisel ve işletme hesapları arasında seçim yapmak için bir sekme ile gömülü güvenli bir bankacılık giriş formu içerir. Sekmeler, bankacılık seçeneklerine sahip bir mega menü yapan gezinmeyi içerir. İş sekmesi bir vardiya içerir. İkincil menüde sohbet özellikleri ve simgeler, sosyal ağlar ve CTA aboneliği içeren telefon numaraları bulunur. Bkz. Web Sitesi 13. Salon Ob’art Bu, başlık/kahraman alanı için daha benzersiz düzenlerden biridir. Mega ve kaydırıcı menüsüne bağlı büyük bir logo vardır. Menünün üstünde, üstte ve sağda arama ve navigasyon düğmeleri bulunan sayfa başlığı bulunur. Vardiya altında, aşağıda sosyal düğmeli bir simgeye sahip bir dizi başka gezinme düğmesi vardır. Küçük alanlarda olan birçok şey var, ancak kullanımı hala kolay.
Bkz. Web Sitesi 14. Nesil Bu site şimdiye kadar gördüğüm en eşsiz kaydırıcılardan birine sahiptir. Slayt numaralandırılmıştır. Rakamlar sağda bugün slayt sayısı diğerlerinden daha büyük. Logo sağ köşede ve sağ alt köşede animasyonlu çağrı düğmesi var. Dikey çubuk, menüyü, dikey olarak hizalanmış başlıkları ve sloganları ve e -posta düğmesini açmak için Hamburger simgesiyle sola yerleştirilir. Düğmeler iyi bir gelişim animasyonu içerir. Bkz. Web Sitesi 15. Weberssitus Bu web, kahramanlar için sinemagrafa sahiptir. Logo menünün sağ üstüne yerleştirilmiştir. Menü bazı benzersiz özellikler içerir. E -posta ve bilgi için simgeler içerir. Yüzen onu açacak. Bilgi Menüsü düğmesi, her simge ve metinle birlikte tıklanan telefon numaraları ve sosyal ağlara bağlantılar sağlar. Bir sonraki Divi web siteniz için size ilham vermeye yardımcı olmak için elverişsiz tasarım ve kahramanlara sahip 15 divi web sitesinde görünümümüz olan son zihin web sitesine bakın. Bazılarının öne çıkan tek bir şeyi vardır, diğerleri baştan sona benzersizdir. Bazıları takip edilmesi kolay karmaşık bilgiler sağlarken, diğerleri basit ama ilginç kalır. Divi ile başlığın ve kahramanların tasarımı ve birkaç ücretsiz düzen paketi hakkında daha fazla bilgi için: Makaleye bakın:
Yeni bir sekme/pencerede tam genişlikli bir başlık divi ve kaydırıcı düğmesi nasıl açılır Varsayılan ayarları kullanarak elde edebileceğiniz 5 Yaratıcı Divi başlık modülü stili Divi Ücretsiz İndir: Kit UI Header Divi
Divi Header Extension Free 20 yeni hamburger menü stili sağlar
Divi Nation Kısa: 3 Süper Basit Divi Başlık Modifikasyonu
Divi Nation Kısa – Tam Ekran Video Arka Plan Nasıl Alınır Fullwidth başlık modülü kullanırken bir sonraki divi e -ticaret projeniz için modaya uygun kahramanları böldü
Senden duymak istiyoruz.Bu başlık ve kahraman tasarımından hangisi favoriniz?Bize aşağıdaki yorumlarda anlatın.
