Web Tasarım Kritiği # 30: Gri Ang
30. tasarım eleştirimize hoş geldiniz! Her hafta yeni bir web sitesine bakıp tasarımı analiz ediyoruz. Bazı işleri kullanabilen alanlara ek olarak iyi yapılmış alanlara dikkat çekeceğiz. Son olarak, kendi geri bildiriminizi vermenizi isteyerek bitireceğiz.
Bugünün sitesi Malezya'da bir web tasarımcısı kişisel portföyü olan Gray Ang.
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.
Gray Ang Hakkında
“Benim adım Gray ve ben Kuala Lumpur, Malezya merkezli bir web tasarımcısı ve kullanıcı arayüz geliştiricisiyim. Web sitelerini araştırırım, planlar, tasarlar ve kodlarım. Photoshop ve HTML / CSS / jQuery ile iyi arkadaşım ve müşterileri, kullanıcıları ve makineleri mutlu ediyorum. ”
İşte ana sayfanın bir ekran görüntüsü:
Gördüğünüz gibi site, "web tasarımı" ve "CSS3" gibi şeyleri içeren azaltılmış opaklık etiket bulutu ile renkli bir spektrum zemin üzerine inşa edilmiştir. Ekran görüntüsünden elde edemeyeceğiniz şey, arka planın da animasyonlu bir öğeye sahip olmasıdır. İçeriğin arkasında yüzen ve dart yapan birkaç bulanık daire var. Siteyi durdurmak ve çalışırken görmek için aşağıdaki ekran görüntülerinden herhangi birini tıklayın.
Bu site aslında oldukça küçük ve basittir, bu yüzden sayfaların her birine bir göz atacağız ve estetiğin kullanıcı deneyimini nasıl etkilediğini analiz edeceğiz.
Ev
Sitenin estetiğine giren çalışmaları kesinlikle takdir ediyorum. Ortam ayarı oldukça güzel. Ancak, böyle karmaşık bir arka plan oluşturmayla ilgili sorun, sonunda içeriği üstüne yerleştirmeniz gerektiğidir ve bu çok zor bir görev olabilir.
Arka plandaki büyük, soluk kelimeler ana sayfadaki metnin okunabilirliğini azaltır. Ana paragrafın hiçbir şekilde okunması imkansız değildir, ancak tasarım metin alanında oldukça yoğundur ve kullanıcıları normalden biraz daha fazla çalışmaya zorlar.
Ayrıca, vurgulu bir renk ve vurgu noktası olarak kullanılan kırmızı, arka planda kaybolma eğilimindedir. Çok renkli bir arka planla iyi kontrast oluşturan bir renk bulmak kolay olmadığı için bu anlaşılabilir bir durumdur. Ancak yine de görsel uyumsuzluktan kaçınmak istersiniz.
Tüm bu sorunlara ve aslında bugün tartışacağımız konuların çoğuna en kolay çözüm, tüm içeriğin arkasına hafif şeffaf siyah bir arka plan yerleştirmek olabilir. Bu, içeriğe daha fazla dayanması için sağlam bir zemin sağlayacak ve tasarımcının mevcut arka planı korumasına izin verecektir.
Bu sayfaya bir tür başlık grafiği eklemeyi de düşünebilirsiniz. “Hakkında” sayfasındaki fotoğrafın nasıl gözüktüğünü gerçekten çok sevdim ve bu fikrin burada tekrarlanabileceğini düşünüyorum.
hakkında
Burada oldukça çekici, ancak yukarıda belirtilen aynı sorunlardan muzdarip başka bir sayfa görüyoruz. Burada işyerinde ilginç düzeni seviyorum. Diğer içerik kaydırılırken gezinme sabit kalır ve sayfa açıkça ayrı ve iyi düzenlenmiş sütunlara bölünür.
Hakkında sayfası üç ayrı alt sayfaya ayrılır: giriş, özgeçmiş ve “yaptığım şeyler”. Bu, tasarımcının birincil gezinmeyi süper basit tutarken biraz içeriğe sığmasını sağlar.
İşler
“Çalışmalar” sayfası, aşağıda gösterilenler gibi özel proje sayfalarına yol açan küçük resim ve metinlerin harika bir görünümüdür. Küçük resimler, arka plandan öne çıkmalarına yardımcı olan güzel bir kalın sınır tedavisine sahiptir ve sol üstteki alıntı büyük ve okunabilir olacak kadar cesurdur.
Gerçi büyük teklifin doğru hizalamasını biraz garip buluyorum. Sayfadaki her şeyin güçlü bir sol hizalaması vardır ve böyle bir kuralı kasıtlı olarak kırmak genellikle etkili olsa da, burada çalıştığını düşünmüyorum. Paragrafın genel şekli düzensizdir, bu da doğru bir hizalama ile okumayı oldukça zorlaştırır.
İletişim
Sitenin son sayfası “İletişim” sayfasıdır. Bu, birkaç paragraf metin ve basit ama şık bir iletişim formu içerir. Burada fark ettiğim ilk şey, sayfanın üst kısmındaki fiyat teklifinin biraz hissedilmiş olmasıydı. Tırnaklardan bağımsız olarak sola hizalamayı deneyebilirsiniz, böylece “The” deki “T” ve “miles” içindeki “m” sabit bir çizgi oluşturur. Bu, sol hizalamanın şu anda olduğundan biraz daha güçlü hissetmesine yardımcı olmalıdır.
Ayrıca, formdaki alanlar o kadar şeffaftır ki neredeyse görünmezdirler. Yine, bu güzel görünebilir, ancak kullanılabilirlik acı çeker. Bir sayfanın estetiğinin bir ana hedefi olduğunu unutmayın: İçeriği çekici bir şekilde vurgulamak. Tasarımınız, stil adına feda etmemek için kullanılabilirliği artırmaya hizmet etmelidir.
Yazmaya başlamak için bir alanı tıklattığınızda, opaklık artar ve daha belirgin hale gelir. Bu opaklığın varsayılan duruma ayarlanmasını ve seçildiğinde daha da artırılmasını öneririm.
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 bir şekilde yapıcı tavsiyeler vermenizi rica ediyoruz.
