Web Tasarım Eleştirisi # 13: Yıllık Tasarım Ödülleri
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 Yıllık Tasarım Ödülleri.
Envato Elements'i 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.
Yıllık Tasarım Ödülleri Hakkında
“Yıllık Tasarım Ödülleri (takma adı ANNDAS), Tasarım endüstrisinde olağanüstü katkıları ödüllendirmek için kurulan, son teknoloji görsel iletişimin küresel bir tanınmasıdır. Dünyanın önde gelen yeteneklerini ve saygın figürlerini, önde gelen tasarım ödülleri olmayı ve uluslararası standartları belirlemeyi amaçlayan bu küresel etkinliği değerlendirmek için bir araya getirdik. ”
İşte ana sayfanın bir ekran görüntüsü:
Genel tasarım
Bu sitenin zaten harika görünen bir site olduğunu söyleyerek başlamak istiyorum. Siyahı turuncu poplarla birlikte seviyorum. Parlak rengin bu tek tekrarı kullanıcıların gözlerini sayfanın önemli bölümlerine çekmesine yardımcı olur.
Düzen sağlam ve bol miktarda beyaz alan içeriyor. Ayrıca, nesnelerin görsel hacmi iyi dağılır, böylece önemli alanlar vurgulanır.
Neyse ki, başkalarının tasarımını değerlendiren insanlar güçlü bir tasarım duygusuna sahip görünüyorlar! Şimdi bütünü analiz ettiğimize göre, parça parça parçalayalım.
Logo Alanı
En belirgin yerden başlayalım: sol üst. Burada Yıllık Tasarım Ödülleri logosunu bir çeşit yayılan daire grafiği görüyoruz.
Logo basit ama etkilidir. Genç ve sinirli bir kitleye temiz çizgiler ve sıkıcı minimalizm konusunda çok istekli değil (site aslında oldukça temiz, ancak sinsi bir şekilde).
Daireler, ince bir tarzda (zevkle yapılır) yürütülen cesur bir fikirdir. Dikkatinizi logoya ve sonuç olarak sitenin adına çekmeye yardımcı olan gerçekten basit bir tasarım öğesi. Bu karmaşık bir sitede işe yaramaz, ancak bu sayfa görsel bir karışıklık yaratmayacak kadar basittir ve bunun yerine amacını mükemmel bir şekilde yerine getirir.
navigasyon
Gezinme alanı oldukça basittir, her bölüm için kesikli yatay bir çubuğun üzerindeki bazı metinler.
Buradaki yazı tipi seçimini gerçekten çok seviyorum. @ Font-face ile özel bir şey gibi geliyor, bu yüzden koda baktığımda şaşırdım ve basitçe Georgia italik olduğunu gördüm.
Bir bölümün üzerine geldiğinizde çubuk turuncu renkte vurgulanır. Bu güzel ama metnin de bir şey yapmaması biraz garip geliyor (bu oldukça nit seçici ama harika görünümlü sitelerde bir şey hakkında konuşmak zorundayım!).
Tasarımcının metni neden değiştirmediğini ve siyah arka planda küçük turuncu metni okumak biraz zorlaşacağını anlayabiliyorum. Fareyle üzerine gelindiğinde metni döndürmek için çok hafif bir CSS dönüşümü yardımcı olabilir. Eski tarayıcılarda göz ardı edilirse büyük bir sorun değil ve logo stiline hoş bir nod olur.
Slayt
JavaScript slayt gösterilerini çok seviyorum, bu yüzden bu bölümün harika olduğunu düşünüyorum. Yeni bir resim açılır ve metnin hoş bir solma efekti vardır. Ayrıca şeffaf kenarlığı ve kırpma işaretlerini de çok seviyorum.
Ancak, buradaki oynat ve duraklat düğmesi sadece benim için kesmiyor. Tekrar bakmak istediğim bir grafik gördüm ama geri dönmenin bir yolu yoktu. Sonuç olarak tekrar gelmesini beklemek zorunda kaldı (ki bu biraz zaman aldı).
Her resme bağlantı veren küçük daire ikonları koymanızı öneririm. Basit ve zariftir ve kullanıcıya hem slayt gösterisinde nerede olduklarını hem de belirli görüntüleri görme üzerinde bazı kontrolleri sağlar.
Giriş Bölümü
Bir sonraki bölüm, kullanıcıların normalde girmek için kaydolacağı yerdir, ancak bu, yapışkan not grafiğiyle gösterildiği gibi kapatılır.
Yapışkan, tasarımı tamamen ihlal eder (kasıtlı olarak) ve gönderilerin kapalı olduğu gerçeğini kaçıramazsınız. Bu iyi çalışır ve kullanıcıları hemen bilmeleri gereken bilgileri bilgilendirir.
Yapışkanın altındaki grafikler biraz dikkat dağıtıcı. Fiyatlar garip bir şekilde yerleştirilmiş gibi görünüyor, biri soldaki dikdörtgen kutuya çarpıyor, diğeri de içine çarpmıyor. Burada tam olarak ne olduğundan emin değilim ama biraz uzakta gibi görünüyor.
Altbilgi ve İletişim Formu
Bakacağımız son alan, bilgi almak için kaydolabileceğiniz sayfanın alt kısmıdır. İletişim formunun altında standart altbilgi bağlantıları ve sosyal bilgiler de vardır.
İletişim formunun adanmış bir sayfa yerine buraya yerleştirilmiş olmasını ve doldurulması gereken sadece iki alanın olmasını seviyorum. Kutuyu tıkladığınızda alan etiketlerinin kaybolduğunu ve hiçbir şey yazmadan tıkladığınızda geri gelmediğini fark ettim. Bu, sayfayı tıklarken bir kullanılabilirlik sorunu biraz sunuyor, ancak daha sonra geri döndüğümde adın hangi kutunun ve hangisinin e-posta için olduğundan emin değildi.
Son olarak, altbilgi alanı harika görünüyor, ancak “Bizi takip edin” kelimeleri ile beraberindeki simge arasında biraz boşluk görmek istiyorum. Şu anda birlikte biraz eziliyorlar.
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.
