Web Tasarım Kritiği # 91: Fotofolyo
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 Photofolio, More Than (just) Themes tarafından sunulan bir Drupal teması. İçeri girelim ve ne düşündüğümüzü görelim!
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.
Photofolio Hakkında
Photofolio, bir dizi harika özelliğe sahip duyarlı, özelleştirilebilir bir Drupal temasıdır: çoklu yazı tipi şemaları, süper balık menüleri, slayt gösterileri ve çok daha fazlası.
İşte ana sayfanın bir ekran görüntüsü:
İlk izlenim
Buradaki ilk tepkim oldukça olumlu. Photofolio, hem görsel hem de işlevsel olarak çok doğru olan çekici bir temadır. Kuşkusuz, tasarım açısından genel tarafta biraz hissediyor, ancak bir şablon olduğu göz önüne alındığında, bu kadar kötü bir şey olmayabilir. Etrafa bir bakalım ve neler bulabileceğimizi görelim.
Yerleşim
Yerleşim, Photofolio'nun gerçekten parktan çıkardığı bir alandır. Düzeni temiz ve basittir. Sayfaları istediğiniz kadar doldurabilmeniz için bir ton içerik yuvası var, ancak hepsi mantıklı ve anlaşılır bir şekilde mükemmel bir şekilde düzenlenmiş.
Yukarıda bahsettiğim gibi, bu tema tamamen duyarlı ve ona atabileceğim herhangi bir görüntü alanı boyutunda harika görünüyor. Bu harika çünkü sadece birkaç popüler cihaz için değil, olası tüm görüntü alanı boyutları için tasarım yaptıklarını bilmeme izin veriyor.
Site, en büyük iki medya sorgusunda statik bir genişliğe sahiptir, ardından mobil bir düzene doğru inmeye başladığınızda, işler akıcı hale gelir. Bu içerik için gerçekten iyi çalışıyor.
hizalanma
Biraz dikkat dağıtıcı bulduğum bir şey, hizalamanın başlıkta biraz dağınık hissetmesidir. Bir bakışta, farkına bile varmayabilirsiniz, ancak gerçekten yakından bakarsanız, çeşitli öğelerin çevrelerine göre biraz daha iyi yerleştirilebildiğini görebilirsiniz.
Yukarıda başlık elemanlarının temel tel çerçevesini görebilirsiniz. Bu ince bir değişiklik ama aşağıdakilere daha yakın bir şey olana kadar bunu değiştirmenizi öneririm:
Burada, içerik çerçevesinin etrafına biraz daha nefes alan eklemenin yanı sıra, hem dikey hem de yatay hizalamalarla biraz daha tutarlılık aşıladım.
Renk şemaları
Bu tema hakkında gerçekten harika bir şey de özelleştirme seçenekleridir. Örneğin, aralarından seçim yapabileceğiniz okkalı yedi farklı renk şeması var.
Tüm renk şemaları oldukça keskin görünüyor ve iyi uygulandı. Farklı renk şemalarının sitenin kişiliğini nasıl değiştirdiğini gerçekten takdir ediyorum. Eğlenceli veya resmi bir görünüm arıyorsanız, bu tema sizin için işe yarayabilir.
tip
Varsayılan olarak, Photofolio tipi, ışık estetiği için mükemmel hissettiren rahat ve ince bir yazı biçimidir. Satır yüksekliği ve satır başına sözcükler tema boyunca da doğru. Bu küçük görünüyor ama aslında çok büyük bir anlaşma, özensiz tipte bir tema satın almak istemezsiniz!
Open Sans, burada kullanılan birincil yazı tipidir. Bu elbette bir Google Web Yazı Tipi ve Drupal, herhangi bir şeyi değiştirmek istediğinizde diğer harika Google Web yazı tiplerine erişmenizi sağlayacak kadar harika (temanın aralarından seçim yapabileceğiniz birkaç farklı önceden oluşturulmuş seti var). Bunu yukarıdaki renk düzeni seçenekleriyle birleştirdiğinizde, bu temayı kişisel stilinize uyacak şekilde gerçekten değiştirebileceğinizi göreceksiniz.
Tarayıcı Uyumluluğu
Photofolio tamamen çapraz tarayıcı uyumlu olarak faturalandırılır ve gerçekten denediğim her tarayıcıda iyi çalıştı. Ancak, ilginç bir Safari tuhaflığı var gibi görünüyor. Bir geçişle herhangi bir şeyin üzerine geldiğimde, garip bir yanıp sönen hata var.
Bu etkinin ekran görüntüsünü kaydettim. Buradan izleyebilirsiniz.
Tasarım Başarılı mı?
Tasarımın hem çekici hem de son derece işlevsel olduğunu zaten belirledik, ancak bu yönlerin tek başına başarılı bir tasarım yapması gerekmiyor. Bir tasarımın başarısı her zaman ulaşmayı amaçladığı hedeflere dayanır. İster bir Drupal Teması, isterse bir sosyal ağ oluşturun, bir dizi hedef belirlemeli ve bunları aklınızda tutmalısınız.
Fotoğrafçı İtirazı
Peki Photofolio'nun hangi hedefleri var? Bir büyük hedefin fotoğrafçılara hitap etmek olduğunu varsayabilirim. Kendimi bir fotoğrafçı olarak, kesinlikle burada benim ihtiyaçlarına göre hazırlanmış çok şey görüyorum. Fotoğraf slayt gösterileri ve birden fazla galeri düzenleri, sağlam bir blog ile birlikte, tüm sitemi buradan çalıştırabileceğim anlamına gelir. Çalışmamı etkili bir şekilde gösterebilir ve bireysel etkinlikler hakkında mesaj gönderebilirim.
Fotoğraflardan Fazlası
Bence tasarımın bir diğer önemli hedefi onu sadece fotoğrafçılara bağlamak değil. Özellikler ve tasarım, bu sitenin web tasarımı gibi bir dizi yaratıcı niş için kolayca kullanılabileceği şekildedir. Galeri örnekleri şu anda fotoğraflarla dolu, ancak web sitesi ekran görüntüleri ile doldurmak yeterince kolay olurdu.
çok yönlülük
Şablonlar ilginç bir canavar. Normalde tasarım tamamen kararlarla ilgilidir. Beğendiğiniz iki yazı tipi ile sıradan veya profesyonel olmak isteyip istemediğiniz arasında seçim yapmanız gerekir. İşiniz, tasarımı çok özel olarak tek bir amaca hedeflemektir, bu da elbette müşteriye bağlıdır.
Şablonlar olsa da, tam tersi doğrudur. Buradaki fikir, birçok farklı insan tarafından birçok farklı şekilde kullanılabilecek bir şey inşa etmektir. Zor seçimler yapmak yerine, zamanınızı daha fazla seçeneğe kazarak geçirirsiniz. Buradaki amaç çok yönlülük. İnsanlar, ürününüzü satın alırlarsa, bu ihtiyaçlar yolda değişse bile onların ihtiyaçlarına uygun olacağını bilmek ister.
Bu alanda Photofolio oldukça başarılı. Sitenin duyarlı doğası, kitlenizin nereden web'e erişme eğiliminde olursa olsun, harika bir deneyim yaşayacakları anlamına gelir. Bu, elbette birkaç sayfa için birden fazla mizanpaja, renk seçimlerine, yazı tipi şemalarına ve hatta bazı manuel düzen yeniden sıralama seçeneklerine ek olarak.
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.
