Kahraman bölümü bir web sitesinin nasıl bir araya getirildiğinin çok önemli bir parçasıdır. Kullanıcılar bir web sitesindeki Hero görsellerinden çok etkilenebilirler. İnsanların bir web sitesine girdiklerinde gördükleri ilk şey budur. Etrafınıza bakmak veya bir web sitesini hızlı bir şekilde taramak istiyorsanız başlayacağınız yer burasıdır.
Peki bir Hero görselinin bir web sitesini oluşturmasını veya yıkmasını mümkün kılan şey nedir?
İster yetenekli ister beceriksiz bir web sitesi tasarımcısı olun, güzel bir web sitesi tasarımcısı olmayı beklersiniz. ana sayfa tasarımı günün sonunda kuralları çiğneyen ancak müşterinin beklentilerini kırmayan şablon.
Web tasarım sektörü büyüyor ve kullanıcıların web sitelerinden beklentileri de artıyor. Çünkü kötü web tasarım kullanıcı arayüzü (UI) diğer web siteleri ve platformların kalabalığında kayboluyor. Ancak doğru web tasarım araçlarını kullanırsanız ve bunların kullanıcı deneyimiyle iyi çalıştığından emin olursanız, kalabalığın arasından sıyrılmanız kolay olacaktır.
Şimdi web tasarım düzenleri için bazı fikirler edinmenin zamanı geldi.
Son olarak, yukarıdaki web tasarım düzeni fikirlerinin size birçok fikir ve bunları bir sonraki site tasarımınızda nasıl kullanacağınız konusunda bir plan verdiğini umuyoruz.
İçindekiler
İlham verecek en iyi 10 web sitesi kahramanı görseli
1. Poco İnsanları
Bu Hero farklıdır çünkü neredeyse hiç kaplama metni yoktur. Kompakt bir menü ve şirketin amblemi her türlü gerçek metnin yerine geçer. Hero'nun alt kısmında bulunan sosyal medya paylaşım düğmelerinden birine tıklayarak Poco People hakkındaki bilgilerin yayılmasına yardımcı olabilirsiniz.
Kahraman sadeliğiyle etkileyicidir ve okuyucular üzerindeki etkisi kitabı bitirdikten sonra da uzun süre devam edecektir. Kullanıcılara alışılmadık bir ilk izlenim sunar ve akılda kalıcı bir marka kimliği önerir. Renk şeması şirketin markası ve logosuyla tutarlıdır ve görseli ve üzerine bindirilen az miktardaki metni ortaya çıkarmak için harika çalışır.
2. Tom Cole Mimarı
Tom Cole Architect'in web sitesinde başka bir çarpıcı Hero görseli var. Belirli bir manzaraya açılan bir pencere olarak tasarlanmış olup mimari ve tasarım ön plana çıkmaktadır. Renk şeması metinle kontrast sağlayacak şekilde tasarlanmıştır. Metin, kullanıcıların dikkatini web sitesinin mesajına ve ardından web sitesi sayfalarındaki diğer bölümlere çeken şeydir.
Tom Cole'un Mimar Kahraman imajı etkileyici ve ikna edici. Logo, HERO'ya hakim olup dikkatleri markaya ve ikonik temsiline çeker.
3. Süper degrade
Degradeler, ışık kaynağının uzakta veya yakındaymış gibi görünmesini sağlamak için renkler arasında yavaşça harmanlanarak veya değiştirilerek yapılır. İki veya daha fazla renk arasında hareket eden süper degradeler, büyük başlıkların tasarımında sıklıkla kullanılır (yukarıdaki örneğimizde olduğu gibi).
Degradeler, web tasarımcılarının her rengin daha fazla tonunu oluşturarak daha fazla renk kullanmasına olanak tanır. UX Planet, güçlü bir ifade oluşturmaya, bir ruh hali oluşturmaya ve kullanıcı duygularından yararlanmaya yardımcı olduklarını söylüyor. Ayrıca kullanıldıkları ekrandaki şeyleri daha akılda kalıcı hale getiriyorlar. Kahramanların resimlerinin bulunduğu web siteleri için idealdir.
4. Prens Otelleri
Bu Kahraman, hepsinin Prince Hotels and Resorts ile ilgisi olan resimlerden oluşan bir atlıkarıncadır. Renk şemaları, markanın üst düzey bir marka olduğunu hemen gösteriyor. İnsanların kendilerini iyi ve rahat hissetmelerini sağlar ve markanın ne kadar güçlü olduğunu gösterir. Bazı kaydırakların belirli bir parlaklığı vardır ve bu daha da güzeldir çünkü resimde otelin üst düzey bir kısmına denk gelmektedir.
Metin, görüntünün koyu parlak kahverengi arka planına karşı öne çıkacak şekilde beyaz renkle işaretlenmiştir. Bu Kahraman resmine baktığınızda, karşı konulması zor bir rahatlık, lüks ve refah duygusu hissetmekten kendinizi alıkoyamazsınız.
Sonuç
Bir kullanıcı web sitenizi ilk kez ziyaret ettiğinde, dikkatini sitenize eklediğiniz bir kahraman başlığına çekmek, dikkatini çekmenin ve onu tutmanın harika bir yoludur. Hem büyük hem de büyük boyutlu web banner'ları ekranda canlanır ve kullanıcılarınızın sağladığınız içeriği anlamlandırmasına yardımcı olabilir.
Web sitesi tasarımındaki mevcut trendden yararlanmak istiyorsanız, kahraman tasarımının en iyi uygulamaları hakkında sağlam bir anlayışa sahip olmanız çok önemlidir. Bu illüstrasyonların size güçlü bir kahraman imajı tasarımının özelliklerine ilişkin bir fikir vermiş olmasını umuyoruz.
