Temel Izgara ve Okunabilirlik


23

Tuzuna değer herhangi bir tasarımcı, şebekenin önemi hakkında konuşacak ve haklı olarak. Bununla birlikte, ticaretimi uygulamaya devam ettiğimde, özellikle taban çizgisinin bana her zaman pratik görünmediğini öğrendim.

Örneğin, madde imli listeleri olan birçok pazarlama sayfasıyla çalışıyorum. Benim ilk eğim, her şeyi eşit şekilde boşluk bırakmak ve taban çizgisi ızgarasını şu şekilde tutmaktır:

Temel ızgara aralığı olan Sırasız Liste

Ancak, çoğu zaman, mermiler öğeleri ayırsa da, satırlar ile liste öğeleri arasındaki mesafenin noktaları görsel olarak ayırmayı zorlaştırdığı sonucuna varırız. Böylece böyle bir şeyle sonuçlanır:

Temel ızgara aralığı olmayan Sıralanmamış Liste

Her bir liste öğesi daha iyi ayırt edilir, ancak şimdi temel kılavuz gitmiş ve her şey biraz daha karışık hissettiriyor.

Daha küçük bir düzeyde, işte başka bir örnek:

Başka bir boşluk örneği

Uygun bir taban çizgisi ızgarası tutmak, iki sıralı bir başlığı ayrı şeylere benzetir, ancak akışı düzeltmek için boşluğu değiştirmek (bazı kişilerde yalnızca tek sıralı bir başlık varsa).

Pastamı nasıl yiyip içeceğimi bilmemek için yeterince deneyimsiz olmam mümkün olabilir. Ancak bunun, tasarım kurallarının farklı önceliklere göre esnek olması gereken bir senaryo olabileceğinden şüpheleniyorum.

Fakat ne olursa olsun şunu soracağım: Hangisi daha önemli - böyle bir durumda bir temel çizgiyi korumak veya okunabilirlik kazanımları elde etmek için bu şebekeyi tehlikeye atmak mı?


1
+1 Bu sorunları temel çizgileriyle almakta alışılmadık olduğumu düşündüm. Sık sık yaptığım bir şey, başlangıç ​​çizgisi ızgarasının normal çizgi aralığı kadar ince iki kez (veya bazen üç kez) olması ve ızgara dışı daha sıkı ilerlemeye ihtiyaç duyduğum yerde, normalin 2 / 3'üne tutturmak veya ilkini hizalamak Her bir yığının ızgaraya doğru çizgileri, yarım çizgilerle çirkin boşlukları önlemek için yeterli esneklik sağlar. Bu sadece bazen yaptığım bir şey, iyi bir uygulama olup olmadığı hakkında hiçbir fikrim yok.
user56reinstatemonica8

1
İlk iki resminizde benzerleri karşılaştırmayı daha kolaylaştıracağını düşünüyorum (aynı değeri ikinci saniye kullanırım) ve paragraf aralığı eklerseniz.
e100 18:12

Ayrıca, izolasyondaki tek bir metin kutusu için bir şebekeye sıkı sıkıya bağlı kalmanın tartışılması zordur; Ancak, bitişik sütunlarda muhtemelen daha karmaşık bir sorun olan başka ızgara öğeleri içeren pazarlama sayfalarından bahsediyorsunuz. Belki de sayfanın daha fazlasını göstermelisin?
e100 18:12

Yanıtlar:


14

Bu temel kuralı aklınızdan çıkarırsanız, temel ızgaralardaki sorunların çözümü daha kolaydır: grafik tasarımın tek amacı iletişimi kolaylaştırmaktır. Bunun için işe alındınız, bunun için para alıyorsunuz ve ne yapmak zorunda kalıyorsunuz. Bir ızgara (veya başka bir tasarım öğesi), yalnızca bu amacı gerçekleştirirse uygun bir yöntemdir.

Bir sayfadaki bilgilerin, iyi bir görsel hiyerarşiye (başlıklar, alt başlıklar, vücut kopyaları, kenar çubukları) sahip olup olmadığını anlamak ve asimile etmek daha uygun bir şekilde gruplandırılmış (birbirine ait şeyler, aslında birliktedir) ve uygun bir şekilde yerleştirilmiş, kenar boşlukları ve diğer boşluklar dahil.

Mizanpaj ızgarası, sayfaya düzen getirir ve çizimlere, beyaz boşluk, başlıklar ve metin gibi grafik öğelerine otorite ya da sayfaya "doğruluk" hissi verecek şekilde düzenli bir şekilde hizalanmasını sağlar. Birine birçok yol var; hepsi düzgün aralıklı çizgiler ve sütunlardan oluşmaz.

DA01'in işaret ettiği gibi bir temel ızgara, çok sütunlu düzenlerde iyi çalışır. Ayrıca, çok resmi, kontrollü veya cerrahi açıdan temiz bir görüntünün uygun olduğu durumlarda da kullanışlıdır. Kitapların dışında ve diğer metin ağırlıklı yayınların dışında, çoğu zaman, daha az resmi bir görünüme ihtiyacınız vardır.

Herhangi bir tasarım seçeneğinden, özellikle tipografide sorabileceğiniz soru, "Bu, iletişimin daha kolay anlaşılmasını, bulunmasını kolaylaştıracak veya daha etkili olacak mı?" Dır. Cevap "Hayır" ise, yanlış.

Örneğiniz bu konuda çok iyi bir örnektir: madde imli noktaları bir taban çizgisi ızgarasına zorlamak metnin okunabilirliğini bozar. İletişim patrondur, bu yüzden derhal şebekeye yapışmanın yanlış olduğunu bilirsiniz. Bir adres veya bir madde işaretinin metni gibi tek bir bilgi kalemi de sayfada tek bir görsel öğe olmalıdır . Ayrı bilgi öğelerinin sayfada ayrı olması gerekir.

Dolayısıyla, daha iyi iletişim sağlamak için şebekeden ödün vermenin uygun olup olmadığı meselesi değil. Bu asla iletişimden ödün vermemelisin, dönem. İletişim kurmak için tasarlayın. Mükemmel şekilde iletişim kurmak için tasarımın kurallarını ve tekniklerini istediğiniz kadar kullanın. Fakat asla, asla kuralların veya tekniklerin iletişim yoluna girmesine izin vermeyin.


13

'Temel kılavuz' fikri, özellikle web’de ... kötüye kullanma eğilimindedir.

Taban çizgisi ızgarası gerçekten çok sütunlu yayınlarda kullanım içindir. Buradaki fikir tüm sütunlarda tutarlı yatay 'çizgiler' kullanmaktır.

Ve varsayılan olarak kullanılmalıdır, ancak ne zaman kullanmayacağınızı da bilmelisiniz.

Madde imli liste örneğiniz, büyük olasılıkla ızgarayı kırmanın iyi olduğu bir durumdur. Yine de, ızgaraya yapışması gereken şeyleri yine de yapabilirsiniz.

Örneğin, 12/14 türünüz olabilir. Daha sonra mermi 7 arasındaki boşluğu bırakabilirsiniz. Bu hala ızgaraya yapışır (yarım adımda).


8

Sadece ilk satırın başlangıç çizgisine göre sıralandığı listeler için bir paragraf stili olmasını öneririm . Bu şekilde liste dağınık olmaz, genel hat görünümünde kalmaya devam ederken, madde işareti olan tüm satırlar temel ızgara üzerinde çalışmaya devam eder; Sizin de tanımladığınız gibi benzer bir görünümle sonuçlanır, ancak şebekeye daha fazla eleman yerleştirilir.


5

Daha küçük sayıları ve alt bölümleri yönetmek için taban çizgisi ızgarasını yeniden hesaplayabilirsiniz, böylece her aralığın çakışacağı kesirli artışları yapabilirsiniz. Satır taban çizgisi ızgara biriminiz 9 puan ise, doğal bir alt bölümün 3 puan olacağı anlamına gelir. 8pt olarak ayarlanan bir metinde 9pt veya 12pt değerine sahip olabilir, 12pt olarak ayarlanmış bir metinde, 15pt, 18pt'lik bir çizgi yüksekliğine sahip olabilirsiniz; buna bağlı olarak bir dizi boyuta sahip olursunuz.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.