Tasarımınıza ilham verecek en iyi başlıkları bulmak ister misiniz?

Geçmişte, web tasarımındaki bir "başlık" genellikle logoyu, gezinme çubuğunu ve belki de bazı iletişim bilgilerini ve arama çubuğunu içeren web sitelerinin en üstünde her zaman bulunan şeridi ifade ederdi. Günümüzde, bir "başlık" daha çok ana sayfanın üstündeki tüm alanı ifade etmektedir.

Keşfederek sayfalarınızın kalitesini artırın Kötü Blog Sayfaları Nasıl Geliştirilir

Birisi web sitenizi sosyal medyadaki bir blog paylaşımıyla veya başka bir web sitesine yönlendirme yoluyla bulmadıysa, sayfa aracılığıyla oradadır. Ve kesinlikle görecekleri ilk şey başlığınızdır.

Deneyimi biraz daha öngörülebilir hale getirerek ziyaretçi beklentilerini karşılayacak ve konforu artıracak bir web sitesi tasarlayarak, tıklama ve dönüşüm oranlarını iyileştirme.

Şimdi, bu ana sayfada bu başlık alanını düşünün.

tasarımınıza ilham verecek başlıklar

Çoğu kişi, bir işletmenin veya web sitesinin neler yapabileceğine ilişkin genel bir bakış sunmak için ana sayfalara güvenir, bu da bu beklentiyi karşılamak için bu fırsatı harcayamayacağınız anlamına gelir. Elbette, ana sayfa başlık tasarımı markanıza özgü olabilir, ancak orada bulunan unsurlar olmamalıdır. Ziyaretçiler, bir web sitesinin kendileri için ne yapacağını öğrenmek için kaydırmanın gerekli olmadığını beklerler. Esasen, başlığınız ziyaretçileriniz için değerli olduğunu kanıtlayan 10 saniyelik bir hikaye olmalıdır.

Peki, ziyaretçilerinizin ilgisini çekmek için bu alanla ne yapacaksınız?

2017 başlık tasarımındaki bazı eğilimler, bu son derece görünür gayrimenkulden nasıl yararlanılacağı ve bazı ilginç başlık örneklerine bakacağız.

5 başlık trendi

Ziyaretçileriniz, web siteniz hakkında daha fazla bilgi edinmek için bir sayfayı aşağı kaydırma veya bir gezintiyi tıklama yeteneklerinin farkında değilmiş gibi değildir. Ama neden bunu yapmaya zorlansınlar? Başlıkta, onlara ne bilmeleri gerektiğini söyleyen kısa mesajı görüntülemek için yeterli alan var. Ve 50 kelime veya daha azı yeterli değilse, daha fazlasını söyleyecek olan belgenin geri kalanı olmayabilir.

Öncelikle ve en önemlisi, ana sayfa başlığı, ziyaretçilerinizin ilk izlenimlerini yapabilir veya bozabilir.

Web sitenizi bu siteye tanıtmanın bir yolunu bulmakta zorlanıyorsanız, 2017'nin aşağıdaki başlık tasarım trendlerinden ilham alabilirsiniz:

1. Boy kahraman resmi

Cleverbird yaratıcı

Duyarlı olabilmek için web tasarımının modüler stili sayesinde, tasarımların çoğu artık ayrı bölümlere ve bloklara ayrılmıştır. Bu tasarım tarzı, birçok web sitesini dolduran tam genişlikte görüntülerle iyi uyum sağlar.

Ayrıca bakınız: WordPress üzerine tam sayfa genişliği nasıl oluşturulur

Örneğin Cleverbird Creative web sitesini ele alalım. Ziyaretçileri karşılamak için basit bir metinle kaplanmış tekil ve çarpıcı bir resim kullanır. Burada gördüklerinde hiçbir hata yok: güzellikte basitleştirilmiş.

2. Görüntü kaydırıcısı

Görüntü kaydırıcısı

Sanırım geçmişte çok uzak olmayan bir zaman vardı, çoğumuz kaydırıcıyı tasarımın uygulanabilir bir parçası olarak gördük. Pek çok tasarımcı harika bir iş çıkardı. bunları başlıklarda kullanma.

Yüksek çözünürlüklü görüntülerle otomatik olarak kayan kayan görüntüler ve ziyaretçilerin bu deneyimin kontrolünü kendilerinin ele geçirmesini isteyen diğerleri var.

3. Paralaks animasyonunu kullanma

Paralaks animasyonunu kullanma

Paralaks kaydırma hala güçlü bir şekilde büyüyor ve başlık, web tasarımında bu tür bir “illüzyon” görselini görüntülemek için mükemmel bir yer olduğunu kanıtladı. Ancak, son zamanlarda göreceğiniz şey, tasarımcının geçici bir kenarlığı kaydırmak için paralaks efekti, muhtemelen ziyaretçileri beklenmedik sonuçlarla şaşırtmak için.

4. Video arka planı

Video arka planı

Video arka planları, ana sayfa başlığına uygulandığında gerçekten en iyi şekilde çalışan bir başka yeni trend. "28" web sitesinden biri, restoranın web sitesinin havasını ayarlamak için harika bir iş çıkarıyor ve yemek mekanının önü ve arkasındaki videoları gösteriyor.

Ayrıca bakınız: WordPress video arka Ekleme: artıları ve eksileri

5. Gizli gezinme

Gizli gezinme menüsü

Hamburger menüsünün mobil cihazlarda (başlangıçta planlandığı gibi) okunan web sitelerine ait olduğu iddia edilebilirse de, minimalist gezinme bağlamında birçok web sitesinin sıklıkla kullandığı söylenmelidir. Rehabstudio web sitesi bunun güzel bir örneğidir. Navigasyona tekrar girdiğinizde görünür olabilir, dikkatiniz artı sembolü ile heyecan verici görsellere çekilir… ve sonra onu çevreleyen küçük animasyon dokunuşları olduğunu fark edersiniz.

Ayrıca Oku: navigasyon menülere tarzını nasıl eklenir

Hepsi bu farklı ilham kaynakları için. Ne düşünüyorsun ?

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Yayın Düzeni: Haber Ticker

Bu premium WordPress eklentisi Görsel Besteci permettra WordPress sitenizi geliştirin ona web sitenizde acil veya önemli duyurular yapma imkanı sunarak. Bu, hiç şüphesiz dergi web siteleri için ideal olacak bir eklentidir. Yazı düzeni haber takibi

Başlıca özellikleri: 

3 kaydırma tipleri sınıflandırılmış, reklamlarınızı yerleştirebileceğiniz 3 konum desteği, öne çıkan resmi gizleme veya görüntüleme, reklam kaynaklarının kişiselleştirilmesi, tamamen özelleştirilebilir ve duyarlı bir düzen, Çok dilli destekVb ...

Indir | gösteriWeb hosting

2. Onu ez

WP Smush bir WordPress Plugin popüler görüntü sıkıştırma Yükleme sırasında görüntüleri otomatik olarak sıkıştırır ve halihazırda mevcut görüntüleri sıkıştırmak ve optimize etmek için de kullanılabilir. 

Smush

Ayrıca maksimum bir görüntü çözünürlüğü ayarlayabileceksiniz ve resimleriniz sıkıştırılırken daha makul boyutlara düşürülecek. Bu eklentinin ücretsiz sürümü şunları yapmanızı gerektirmez hesap oluştur yayıncının sıkıştırma sunucusunu kullanmak için. 

Danışmaktan çekinmeyin 7 WordPress eklentileri web sitenizdeki görsellerin optimize edilmesini sağlar

Toplu İyileştirici özelliği, bir seferde 50 görüntüyü optimize etmenize de olanak tanır ve daha fazla görüntüyü sıkıştırmak için Toplu Doktoru yeniden çalıştırabilirsiniz.

Indir gösteri | Web hosting

3. FAQPlus

FAQPlus kesinlikle WordPress eklentileri İşlevsellik açısından bu listede sunulan en iyi SSS primi. Emrinize sunduğu özelleştirmelerin miktarı etkileyici.

SSS

Özellikleri arasında desteklediğini göreceksiniz Görsel Besteci eklentisi. Tamamen duyarlıdır ve birkaç tarayıcıyla uyumludur. Özellikle: Soru-cevap biçiminde SSS olmak üzere farklı SSS türleri sunar.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Bu eğitim için hepsi bu, umarım bu 5 başlıktan ilham alarak web tasarımınızı kişiselleştirmenize izin verir.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma.

çekinmeyin bahşişi sosyal ağlarınızda arkadaşlarınızla paylaşın. Ancak bu arada, bize Yorumlar ve özel bölümdeki öneriler.

...