Web Tasarım Eleştirisi # 27: Fikir Sanatları
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 Fikir Sanatları.
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.
Fikir Sanatları Hakkında
Fikir Sanatları, yaşam boyu teknoloji tutkusuna sahip bir grafik tasarımcı olan Goran Ilic'in kişisel portföyüdür. Sitesi, son çalışmalarını ve şirketi tarafından sunulan hizmetleri sergiliyor.
İşte ana sayfanın bir ekran görüntüsü:
İlk izlenim
Fikir Sanatları, çoğunlukla çekici bir sitedir. Tasarımda gerçekten güçlü bir başlangıç yapan bazı iyi fikirler var. İçerik açıkça tanımlanmış bölümlere ayrılmıştır ve mantıklı bir ilerlemeyi takip eder. Ayrıca, kullanıcının dikkatini etkili bir şekilde çeken bazı çekici grafik öğeler de vardır.
Bununla birlikte, iyileştirme için çok fazla fırsat var. Tasarım, baştan başlamayı tavsiye etmeyeceğim kadar sağlam, ancak birkaç yön, onları eşitlemek için biraz daha fazla dikkat gösterebilir. Aşağıda bunlardan birkaçına göz atacağız.
matbaacılık
Bu site ile ilgili gördüğüm en büyük sorun tipografidir. Yeni başlayanlar için, yalnızca ana sayfada, yazı tipi boyutu, genişliği, stili vb. Yaklaşık on farklı varyasyon görüyoruz. Bu neredeyse her zaman olumsuz bir özelliktir. Yazı karakterlerinizi tasarım başına yaklaşık iki ila üç varyasyonda tutmak iyi bir temel kuraldır.
Başlıklarda, alt başlıklarda ve gövde kopyalarında kullanabileceğiniz yazı tiplerine karar verin. Ardından, her bir bölümü kendine özgü özelliklere sahip bağımsız bir alan olarak ele almak yerine, tüm tasarımınız boyunca tutarlı hale getirin.
Ayrıca, çekici görünmek için türü oluşturmak için gerçekten biraz zaman harcayın. Bu, satır yüksekliği, renk ve hatta satır sonları gibi seçenekleri dikkatle planlamayı içerir. Aşağıdaki örnekte bunların hepsi oldukça kaba.
Yeni başlayanlar için, açık mavi arka planla iyi tezat oluşturmuyor. Bu, arkasındaki açık renkten gerçekten ayrılana kadar bu rengi koyulaştırarak kolayca düzeltilebilir. Ayrıca, küçük kopya biraz daha nefes alan kullanabilir. Satır yüksekliği çok düşük ve okumayı zorlaştırıyor, burada biraz çarpıyor ve okunabilirlik büyük ölçüde artacak.
Ancak, sitenin diğer alanlarında satır yüksekliği garip bir şekilde yüksek göründüğünden dikkatli olun. Paragraflarınızın akışına yardımcı olmak için Tipografi - Ölçek ve Ritim (aşağıda gösterilen) gibi ücretsiz bir çevrimiçi araç kullanmanızı öneririz.
Son olarak, satır sonlarını izleyin. İlginçtir, sadece ifadede garip aralar izlemek zorunda değil, paragrafın şekline de dikkat etmelisiniz. Yukarıdaki seçenek biraz garip görünüyor ve aşağıdaki sürüm gibi bir şeye kolayca akabilir.
Beyaz boşluk
Tasarımın biraz ince ayar yapabileceği bir diğer alanı da boşluk kullanımıdır. Tipografide olduğu gibi, bu zor olabilir ve büyük ölçüde özneldir. Bununla birlikte, size yol boyunca rehberlik edebilecek bazı temel ilkeler vardır.
Örneğin, ister dikey ister yatay olarak dağıtılmış bir öğe koleksiyonunuz olduğunda, nesneleri önce görsel olarak gruplandırmaya ve sonra eşit aralıklarla yerleştirmeye çalışın. Örneğin, aşağıdaki örnekte, orijinal sürümde simgeler ve metin arasında farklı boşluklar vardır ve farklı olması gereken öğeler birbirleriyle biraz çalışmaktadır. Biraz ayarlamayla çok daha net bir grafik ifade yaratırız.
Fark ince ama çok önemli. Hangi metin satırının hangi simgeyle gittiğini söylemenin ne kadar kolay olduğuna dikkat edin. Tasarım boyunca benzer bir uzamsal analiz dozu kullanabilen birkaç alan daha vardır. Örneğin, aşağıdaki metin neredeyse sınırlama aygıtının sonuna çöküyor. Bunun gibi unsurlara her zaman bolca yer bıraktığınızdan emin olun.
Önceki konularla gördüğümüz gibi, bu her iki yönde de geçerlidir. Örneğin logo, kelimeler arasındaki boşluğa yerleştirilmiş çok fazla boşluk bulunduğunu düşünüyor.
Tweak, Tweak, Tweak
Buradaki hikayenin ahlaki, harika görünümlü bir sayfa oluşturduğunuza karar verseniz bile, şeytan ayrıntılarda gizlidir. Tipografi ve boşluk gibi küçük şeyleri asla acele etmeyin. Aslında, ilk görsel konseptinizi kırmaktan daha doğru yapmak için daha fazla zaman harcamanız gerekebilir!
Sitenizi hemen bitirmek için zaman yatırımına değer. Bu alışkanlığı sürekli olarak almak, tasarımlarınızın çok daha rafine hissetmesini sağlayacak ve incelemeye daha fazla direnç gösterecektir.
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.
