Web Tasarım Kritiği # 44: Owain Lewis
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, serbest web tasarımcısı Owain Lewis'in kişisel portföyüdür.
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 49 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Owain Lewis Hakkında
Cardiff'ten bağımsız web tasarımcısı ve ön uç web geliştiricisiyim. HTML5 kullanarak temiz, modern ve profesyonel web siteleri oluşturuyorum. Son birkaç yıl içinde, web tasarım ajansları, büyük işletmeler, girişimler ve özel kişiler de dahil olmak üzere çok sayıda müşteriyle çalıştım ve insanların çevrimiçi olarak daha iyi sonuçlar elde etmesine yardımcı olan web siteleri oluşturdum.
İşte Owain'in ana sayfasının ekran görüntüsü:
İlk İzlenim
Bu sayfa hakkındaki ilk izlenim son derece olumlu. Düzeni, grafikleri ve metni seviyorum. Ayrıca, içeriğin tümü hem yerleşim hem de ince arka plan değişiklikleri yoluyla net bölümler halinde düzenlenmiştir. Bu, Apple'ın sitelerinde bulunan bazı siyah sayfaları bana hatırlatan gerçekten muhteşem bir eser.
Çoğunlukla eleştirimiz olumlu olacaktır. Her bölüme bir göz atacağız ve neyin doğru gittiğini tartışacağız! Ancak, tweaked olabileceğini düşündüğüm birkaç küçük şey var ve bunları yol boyunca göstereceğim.
Başlık
Başlık tipografi ile ilgilidir. Sitenin ne hakkında olduğunu bilmenizi sağlayan güçlü ve samimi bir tanıtım yapar. Son haftalarda, web sitelerinin temel açıklamasını neredeyse gizledikleri için tasarımcılara katılıyorum ve açık bir şekilde dışarı atmaya sağlam bir inançlıyım, bu yüzden karışıklık yok. Hemen bu sitenin serbest web tasarımcısı Owain Lewis için olduğunu görüyoruz.
Üstbilgi, sayfanın geri kalanının izleyeceği tonu ayarlayan güçlü bir yaslanmış hizalama da ayarlar. Bu hizalama, daha sonra altbilgiden aşağıya tam olarak uyulur.
Bu bölümde yaşadığım tek sorun, başlıkta tipografi ile tutarlılık eksikliği. Burada tasarımcı, belirli kelimeleri birbirinden ayırmak için kontrast ve kaldıraçlı renk, kalınlık ve yazı biçimi seçimini kullanmıştır. Bununla birlikte, vurgulama noktaları üç farklı tedavi kullanır.
Birincisi, başlığın geri kalanında kullanılan düz ince yazı tipini kullanır, ikincisi oldukça stilize ve oldukça kalın bir ve işareti kullanır ve sonuncusu başlık yazı tipinin italik bir sürümünü kullanır. “Owain Lewis” ve “web sitesi tasarımı” eşleşmesini öneriyorum. Düz veya italik olmaları çok önemli değil, her ikisinin de aynı olduğundan emin olun. Ayrıca farklılaşmaya eklemek için yazı tipinin hem cesur bir sürümünü yapmayı düşünürüm.
Ayrıca, küçük bir not olarak, başlığın ilk satırı bazı noktalama işaretleri kullanabilir.
Giriş Bölümü
Bir sonraki bölüm, sayfayı yüklediğinizde gerçekten dikkatinizi çeken bölümdür. Tüm bu siyah gözlerinizi hemen kontrast noktasına götürür: büyük beyaz küçük resim, daha sonra bu bölümde biraz zıplamanıza ve diğer küçük resimlere geçmenize neden olur. Sayfa gerçekten iyi okuyor ve tasarımcı kullanıcıyı düzen boyunca yönlendirmek için iyi bir iş çıkardı.
Sayfanın sağ tarafındaki küçük yüzen “Beni İşe Al” etiketini bile beğeniyorum. Bu adam onu işe almak istediğiniz kadar iyi olduğuna karar verirseniz, siteye göz atmanın herhangi bir noktasında, bu hedefe atlayamayacağınız basit bir yol var! Dikkat edin, çok uzak ve yolun dışında kalıyor, bunun gibi numaralar aslında içerikle çakıştığında son derece can sıkıcı (iPhone için Twitter'a bakıyorum).
“Freelance Web Designer Web Tasarım Portföyü” başlığına biraz yakalandım, ancak bu bölümün herhangi bir değişikliğe ihtiyacı olduğundan emin değilim. Bu tabii ki gereksiz bir ifade ve SEO gürültüsü gibi geliyor (sayfa başlığı aynı şeyi yapıyor ama çok daha kötü). SEO taktikleri gri alanlara hızlı yaklaşır, böylece her tasarımcı iyi bir fikir olup olmadığına karar vermek zorundadır, ancak kişisel olarak, bu sayfada rahatsız edici bir anahtar kelime şişkinliği olduğunu hissediyorum.
Öne Çıkan Bölüm
Siz kaydırdıkça bu sitenin akışı ilginç, onu yakaladınız mı? İlk alan bir geniş sütundur, ikinci alan iki sütundur, bu özellikli bölüm üç sütundur ve altbilgi dörttür (tümü güçlü hizalamayı korur). Bazen tasarımcılar düzeninizi değiştirme fikriyle çok uğraşırlar ve sayfa boyunca aynı kalırlar ya da büyük bir değişiklik yapmaya çalışırlar ve akışı bozarlar. Owain, kullanıcıyı içeriğe kolaylaştırmak ve görsel fazlalığı azaltmak için yeterli çeşitlilik sunmak için iyi bir iş çıkardı.
Sonuncusu gibi, bu bölüm oldukça çekici. Başlıkların görsel tedavisini ve küçük resimler üzerindeki animasyonlu fareyle üzerine gelme efektlerini seviyorum. Her şey kaygan ve üst sınıf hissediyor.
Küçük bir değişiklik: iPhone'daki “i” harfinden asla büyük yararlanmayın. Bu önemsiz görünüyor ama insanlar bu şeyler hakkında seçici ve bazı adı doğru almak için ürün hakkında yeterli bilmiyorsanız bazı iPhone sitelerini oluşturmak için işe olmaz.
Alt Bilgi
Bana göre bu bölüm, sitenin mizanpajın biraz garipleştiği tek bölümü. Yeni başlayanlar için, sütunların akışı ortadaki büyük miktarda garip boşlukla garip hissediyor. Dört sütun bölümünün üstündeki üç sütun bölümüyle aynı hizada olmasını sağlamanın en iyi fikir olduğundan emin değilim. Sütunlar, üstlerindeki üç gibi boşluk boyunca eşit olarak dağıtıldıysa daha anlamlı olabilir (bu nedenle, kesin yerleşimi değil, önceki bölümün yöntemini izleyin).
Son olarak, sağa hizalı “Bağlantılarım” bölümü diğer tüm sütunların sola hizalı olması nedeniyle biraz gariptir. Bu, klasik bir tasarım örneğidir ve her kuralı takip edebileceğiniz ve hala doğru olmayan bir şeye sahip olabileceğiniz yerlerden biridir. Oluşturduğunuz düzeni kesin olarak takip etmenin ne kadar önemli olduğu konusunda kafa karıştırıyorum, ancak burada belki de son sütunun haklı düzeni takip etmesi gerekmediğini ve sadece düzensiz bir sağ kenara sahip olabileceğini öneriyorum.
Tasarımcı olmak, tüm kuralları öğrenmek ve sonra bunları kırmanın ne zaman kabul edilebilir olduğunu bulmak demektir. Sorun elbette her tasarımcının farklı karar vermesidir. Kuşkusuz bu sütun tartışması ile saçları bölüyorum, birçok tasarımcı altbilgi düzeninde herhangi bir sorun görmeyecek! Sadece Owain'i buradaki düzene bir kez daha bakmaya ve bir şekilde daha güçlü hale getirilemediğine karar vermeye teşvik ediyorum.
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.
