Olağanüstü altbilgi tasarımı ile 15 divi web sitesi
Altbilgi web sitesi tasarımının önemli bir parçasıdır, ancak altbilgi de tasarlanacak en zor alanlardan biri olabilir. Çoğu navigasyon, iletişim bilgileri ve sosyal takip düğmeleri gibi temel unsurları içerir, ancak öne çıkmasını sağlamak veya hatta çekici görünmek başka bir hikaye. Bu makalede, bir sonraki Divi web sitesi için size ilham vermeye yardımcı olacak olağanüstü altbilgi tasarımlarına sahip 15 Divi web sitesi göreceğiz. Bu siteyi renkler, görüntüler, tipografi, navigasyon, sosyal simgeler, iletişim bilgileri, harekete geçirmeye davet, bültenlerin kaydı vb. Kullanımına göre seçtim. Onlar hakkında ilginç olduğunu düşündüğümü göstereceğim. Diğer web sitelerinde uygunluğu görebilmeniz için tam bir ekran görüntüsü ekledim.
Divi ile dipnot yapmanıza yardımcı olmak için Divi 100’den zarif tema öğreticisine ve ücretsiz düzen paketine birkaç bağlantı için sonuna kadar bekleyin. Şimdi, belli bir sırada olmayan altbilgi için … 1. JC Pohl
Web sitelerini ziyaret ediyor 3. Spotx Bu altbilgi iki satır kullanıyor. Bu, ilk sırada üç sosyal ağ için sosyal yem yerleştirirken, ikinci sıra bir tarafta büyük bir sosyal kareyi, ortada küçük logo ve en sağda küçük altbilgi navigasyonunu izler. Telif hakkı bildirimi navigasyon altına alınır. Web Sitesini ziyaret edin 4. Bu artı sosyal yardım, oluklu bölme çizgisi boyunca yerleştirilmiş bir daire içinde ekip üyelerinin resmini içeren ilginç bir parça ayırıcı kullanır. Altbilgi alanı, bilgi, bağlantılar ve iletişim bilgileri içeren beyaz metin içeren siyah bir arka plan kullanır. Web Sitelerini Ziyaret Edin 5. GCON
Bu web sitesi altbilgisi beyaz metin ve turuncu spot ışığı ile koyu mavi bir arka plana sahiptir. İki satıra sahip olmak için üçüncü sütunlu üç sütun kullanır. Logo önceki bölümle örtüşüyor. Turuncu kare sınırları olan sosyal simgeler dahil iletişim bilgileri. Altbilgi navigasyonu, her zayıf çizgi ile dikey olarak yerleştirilir. Bültenin şekli basit ama göze çarpıyor. Hakkımızda bilgiler kalabalık ve okunması kolay değil. Web sitelerini ziyaret edin 6. Hej Kahve Şirketi Bu sitenin altbilgisi, alanın çoğunu alan siyah arka plana sahip görüntüler kullanır. Görüntüler ve metin üç sütun yapar. Her öğenin başlığı tüm büyük harflerde görüntüleyen beyaz bir metin kullanır. Sosyal ikonlar ve sosyal bağlantılar biraz gri. Bu aynı zamanda basit ve cesur. 7. Les Anagnou web sitesini ziyaret edin
Bu, web sitesi ile mükemmel bir şekilde birleşen beyaz bir arka plan ve yumuşak renkler kullanır. Metin küçük, çok fazla beyaz alan yaratıyor. Bu iki satır kullanır. Üst satır, temas ve bilgi içeren üç sütun görüntüler. Orta sütun, sosyal simgeler ve tasarımcı bağlantıları içeren bir logo görüntüler. Doğru sütun, harekete geçirme daveti ve küçük bir e -posta kayıt formu sağlar. İkinci satır navigasyon altbilgisini görüntüler. Her iki sıra da çizgilerle ayrılır. Web Sitesini ziyaret edin 8. Newtony -Ne -One yazılımı basit ve temiz görünüyor. Dört widget alanı sütunu kullanarak tipik altbilgi düzeni. Bunun beş sütunu var ve hala çok fazla beyaz alan depolamayı başardı. Sol sütun, bilgi, sosyal bağlantılar, telif hakkı ve bağlantılar içeren logoyu (önemli bir renk) görüntüler. Diğer dört sütun, navigasyon altbilgisini ayırdı ve ardından ayrıntılı iletişim bilgileri izledi. Altta tam geniş e -posta kayıt formu vardır. Web Sitelerini Ziyaret Edin 9. Egaushala Bu web sitesi açık bir altbilgi kullanıyor. Kaplama bölümü dört sütun görüntüler. Bu, şirket logosunu, bilgileri, sosyal düğmeleri, telif hakkını, tasarımcıları ve bağlantıları gösterir. Ardından, Makale ekran mini görüntülerine ve başlıklarına bağlanan iki sütun var. Son sütunda sabitlenmiş bir Twitter beslemesi görüntüler. Açıklanan kısım, kaplamadaki CTA ile dolu bir ekran görüntüsüydü. Renk, site markasıyla eşleşiyor. Web Sitelerini Ziyaret Edin 10. Kickbike
Bu web sitesi aynı zamanda açıklanan altbilgiyi de kullanır. Kaplama bölümü, başlık ve CTA ile tam ekran görüntüsü görüntüler. Ortada içerik bulunan siyah bir arka plan kullanılarak ortaya çıkan kısım. Büyük bir kare sosyal simge ve altındaki düğmeleri olan bir e -posta kayıt formunu ve telif hakkı ve bağlantıları olan satırları görüntüler. Web sitesini ziyaret edin 11. TelePizza
Bu, bağlantıları görüntülemek için içerik alanında CTA’nın hemen altında üç parça kullanır. Üç parça, sitenin geri kalanıyla eşleşen renkler kullanır. Birincisi parlak arka planın üstünde gri bir sosyal simge gösterir. İkincisi, alt albümün navigasyonunu, kendi kutusundaki her canlı bağlantıyla kırmızı arka planın üzerinde beyaz bir metin olarak görüntüler. Üçüncüsü koyu kırmızı bir arka plana sahiptir ve iletişim sayfasına ve yasal bilgilere bir bağlantı içerir. Web Sitesini ziyaret edin 12. Awan Sember Bu, altbilgi alanında çok fazla bilgi gösterir, ancak yine de takip etmeyi kolaylaştırmayı başarır. Beyaz ve turuncu lekelere sahip mavi arka planın üstünde dört sütun içerir. En solda şirketin sertifika gösterme rozeti var. Aşağıda iletişim ve CTA bilgi. Bir sonraki sütun navigasyonu dikey olarak görüntüler. Son sütun, bir e -posta kayıt formu ile CTA sayfasına bir bağlantı görüntüler.Web Sitesini ziyaret edin 13. Ebert Studio Bu web sitesi, desen arka planının üzerindeki dört sütunda basit bir altbilgi içerir.Dört sütun yaygındır, ancak bir haritayı sabitleyen bu yöntemi seviyorum.Harita altındaki metni seçmek, haritayı tam ekranda görmenizi sağlayan yeni sekmede Google Haritalar’ı açacaktır.Ayrıca logolar, dikey menüler ve sosyal takip düğmeleri ile iletişim bilgilerini içerir.Renk, web sitesi markasıyla eşleşir.Web Sitesini Ziyaret Edin 14. Lauren K Steinyang, 2015 yılında Footer Design Challenge’ın kazananlarından biridir. Bu çok fazla bilgi içerir, ancak kolayca görülür ve dinvigasyon.Bilgileri, olaylara bağlantılar, kaynaklarla bağlantılar ve sosyal aşağıdaki düğmeler görüntülemek için çok renkli metin içeren koyu mavi bir arka plan kullanır.Başlıktaki simge, parçanın öne çıkmasına yardımcı olur.Aşağıda, diğer web siteleriyle aynı rengi kullanan standart bir altbilgi navigasyonu bulunmaktadır. Web Sitelerini Ziyaret Edin 15. Dijital Çözüm KR
Bu aynı zamanda 2015 yılında Footer Design Challenge’ın kazananlarından biridir. Bu, şimdiye kadar gördüğüm en basit ve en temiz altbilgilerden biridir, ancak yine de zarif görünüyor. Beyaz bir metin ile siyah bir arka plan kullanarak, yan taraftaki logoyu görüntüler ve diğer taraftaki bağlantı gösterir. Bağlantı, basit bir slogan olarak başlık metnini içerir. Bağlantı bir bağlantı işareti ile ayrılır. Menüden ayrı durmak için daha parlak beyaz renkte telif hakkı. Bir sonraki Divi web siteniz için size ilham vermeye yardımcı olacak mükemmel bir altbilgi tasarımına sahip 15 Divi web sitesinde görünüşümüz olan zihnini sona erdiren web sitesine bakın. Bazılarını sadelikleri nedeniyle seviyorum. Diğer insanları seviyorum çünkü takip edilmesi kolay karmaşık bilgiler sağlama biçimleri. Bu, çok fazla bilginin nasıl biraz alana yerleştirilebileceğine ve yine de okunabileceğinin çok iyi bir örneğidir. Divi ve ücretsiz düzen paketi ile altbilgi tasarımı hakkında daha fazla bilgi için makaleye bakın: Divi ile bir altbilgi nasıl yapılır Divi altbilginizi nasıl sabitleştirirsiniz
Divi altbilgi nasıl yapışkan hale getirilir Divi Footer Düzen Paketi Ücretsiz: Sitenizi geliştirmek için 10 benzersiz altbilgi tasarımı
Senden duymak istiyoruz. Aşağıdaki altbilgi tasarımlarından hangisi favoriniz? Bize aşağıdaki yorumlarda anlatın. Vectora / Shutterstock.com aracılığıyla üstün görüntü
