Web Tasarım Kritiği # 18: İki Bölüm
Her hafta yeni bir web sitesine bakıp tasarımı analiz ediyoruz. Hem iyi yapılan alanları hem de bazı işleri kullanabilen alanları işaret edeceğiz. Son olarak, kendi geri bildiriminizi vermenizi isteyerek bitireceğiz.
Bugünün sitesi Baltimore merkezli bir web tasarım ve pazarlama firması olan Two Chaps Branding'dir.
Tasarım Kaynaklarını Keşfedin
Web sitenizi gelecekteki bir Tasarım Kriterinde gösterilmek üzere göndermek istiyorsanız, sadece birkaç dakikanızı alır. Tasarımınızı eleştirmek için 24 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
İki Bölüm Hakkında
“Burada TwoChaps'da bir markanın, en son endüstri terimleriyle yüklü bir logo ve görev beyanından daha fazlası olduğuna inanıyoruz. Bir markanın bir şirketin hikayesi olduğuna inanıyoruz; müşterileri ve müşterileri ile geçmiş, şimdiki ve gelecekteki ilişkilerini tanımlayan bir hikaye. Bir markanın nasıl algılanmak istediğinizden daha fazlası olduğuna, aslında nasıl algılandığınıza inanıyoruz. İster görmezden gelin ister beslenin - markanız sizi tanımlar. ”
İşte Two Chaps ana sayfası:
Genel tasarım çok çekici. Yaşlı tema renkler, tip ve dokular arasında iyi bir şekilde yürütülür ve düzen basit ama güçlüdür. Hizalama, içeriğin çoğunluğu açıkça tanımlanmış bir sütun içeren çok sıkıdır.
Tasarımın bazı yönlerini parçalayalım ve onlara daha derinlemesine bakalım.
Amblem
Logoda yaptıkları işi çok seviyorum. Melon ve bıyık “İki Ahbap” adına mükemmel bir görsel mesajdır. Benzer şekilde, güçlü serif yazı biçimi tasarımcıların çektiği zaman diliminde açıktır.
Ben logo ne kadar iyi olsa da, ben yardım edemem ama bıyık daha güçlü olup olmadığını merak ediyorum. Şu anda logoda iki rakip grafik öğesi var ve bunu tek bir değere indirmek parçayı geliştirebilir. Bıyığın, harflerin ve şapkanın birlikte bir yüz önerdiğini anlıyorum, ama yine de bıyıklı ve şapkalı harflere benziyor.
Ana grafik olarak bowling, logonun geri kalanından bağımsız olarak başka bir yerde bağımsız bir eleman olarak kullanılabilir.
Başlık
Başlık site hakkında en sevdiğim şey. Sağda görünse de, boyut ve kalınlığından dolayı sayfanın ne zaman yüklendiğine baktığınız ilk sayfalardan biridir.
Harf boyutları, dikkatinizi çeken ve hızlı bir okuma için uyumlu bir birim oluşturmak için mükemmel bir şekilde yapılandırılmıştır. Daha önemli kelimelere (gerçek sanat) yer açmak için daha az önemli kelimelerin boyutunun nasıl küçüldüğüne dikkat edin.
Bu grafik ve canlı bir tür olmadığından, buradaki metnin karakter aralığı üzerinde çalışmak için zaman ayırmanızı kesinlikle tavsiye ederim. “Doğru” daki “T” ve “r” gibi bazı harfler garip bir şekilde birbirinden ayrılırken, diğerleri birlikte biraz ezilir.
Tasarım yaparken bu adımı unutmak kolaydır, ancak tipografi tasarımda ana bir özellik olacaksa, her zaman harf aralığınızın alabileceğiniz kadar mükemmel olduğundan emin olmak istersiniz.
Resim Küçük Resimleri
Ana sayfadaki görüntülere mükemmel bir sınır işlemi uygulandı. Gölgeleme, üç ayrı seviye oluşturduğundan görüntülere çok fazla derinlik verir.
Varsayılan olarak görüntüler gri tonlamalıdır, ancak üzerine getirilirseniz bir veya iki piksel (kasıtlı?) Açılır ve tam renkli olurlar. Bu, siteyi ilk kez kontrol ediyorsanız oynamak için eğlenceli olan güzel bir efekttir.
Kenar Çubuğu
Gördüğünüz gibi, kenar çubuğu logoyu, gezinmeyi, birkaç sosyal düğmeyi ve bazı yasal bilgileri tutan dikey bir şerittir. Canlı siteyi kontrol ederseniz, altbilginin site kaydırılırken uygun bir şekilde sabit kaldığını görürsünüz. Bu, sitede nerede olursanız olun sayfaları değiştirmek için kolay erişim sağlar.
Kırmızının cesaretini ve tasarımın geri kalanından ne kadar öne çıktığını seviyorum. Ayrıca Facebook ve Behance düğmeleri için kullanılan tedavi ve renkleri de seviyorum. “Facebook” daki harflerin çok sert bir gölgesi olmasına rağmen “Behance” daki harflerin olmaması çok garip.
Kenar çubuğunun gezinme bölümleri, üstbilgileri tıkladığınızda geniş bir animasyonla genişler ve daralır. Buradaki anahtar, JavaScript devre dışı bırakıldığında tüm öğelere hala mükemmel bir şekilde erişilebilmesidir, menülerin tümü açık konumda gösterilmektedir ve hiçbir şey kaçırdığınızı bile bilmezsiniz.
Ekstra yol kat etmek ve sitenizin, küçük görsel muamelelerinizi ve desteklemeyen tarayıcıları destekleyen tarayıcılar için çalıştığından emin olmak her zaman iyidir.
Alt Bilgi
Altbilgi, firmayı işe almak için harekete geçirici mesajı tutar ve yaşlı teması üzerinde yine güzel tasarlanmış bir başka spin.
Üstteki ve alttaki çizgiler hoş bir dokunuşun yanı sıra sayfa kıvrımına sahip küçük “Tıklayın” işaretidir. Bu bölüm bazı SEO “uzmanları” gibi görünmektedir, çünkü “marka” kelimesi bu kadar küçük bir metin için çok fazla görünmektedir.
Okunabilirlik
Yukarıda belirttiğim gibi, genel olarak sitenin tasarımını gerçekten seviyorum. Eşsiz, cesur, çekici ve oldukça işlevsel. Ancak, metin nedeniyle sitenin kullanılabilirliğinin acı çektiğini düşünüyorum. "Hikayemiz" sayfasından aşağıdaki resme bakın.
Gördüğünüz gibi, ne sonraki büyük renkli başlık ne de beyaz gövde metni dokulu arka planda çok okunabilir. Bu, metin kaydırılırken arka planın yerinde kalması ve siteye göz atarken gerçekten karmaşık ve meşgul bir görsel efekt yaratmasıyla daha da kötüleşir.
Sonunda, güzel dokulu arka plan iyiden daha zor yapıyor olabilir. Opaklığını düşürmek veya daha basit bir şey lehine tamamen kazıyarak deney yapmak iyi bir fikirdir. Bunu duymak hoş olmayabilir, ancak tüm sitedeki metnin okunabilirliğini arttırırsa çabaya değer.
Senin sıran!
Artık yorumlarımı okuduğunuza, tasarımcıya biraz daha tavsiyede bulunarak yardım edin ve yardımcı olun. Tasarım hakkında neyin harika olduğunu ve neyin daha güçlü olabileceğini düşündüğünüzü bize bildirin. Her zaman olduğu gibi, sitenin tasarımcısına da saygılı olmanızı ve sert hakaretlerden yoksun açık yapıcı tavsiyeler sunmanızı istiyoruz.
Kendi sitenizi eleştirmek mi istiyorsunuz? Daha fazlasını burada bulabilirsiniz.
