Tablolarda satırlardan neden kaçınılmalı?


25

Tipografi ve tasarım hakkında bazı kitaplar okudum. Hepsinin tablolarda satırlardan kaçınması ve boşluk kullanması tavsiye edilir. Bunu bu kurallara göre makul ve bağlı kaldım.

Son zamanlarda, bu kurallardan şüphe eden ve tüm programların varsayılan olarak açıldığından ızgara çizgilerinin daha iyi olduğunu iddia eden elektronik tablo kullanıcılarıyla görüşmeler yaptım.

Ayrıca çizgileri ile ilgili problemi açıklayan bir makale okudum: İnsan gözü önce masanın içeriğine odaklanmadan önce onları çıkarmak zorunda. Biri veri algılamasıyla ilgili bir veya bunun gibi bilimsel bulguları bilseydi, ben de memnun olurum.

Çizgiden kaçınmak aslında daha mı iyi? Niye ya? Bunu yedeklemek için sağlayabileceğin herhangi bir referansın var mı?


1
Graphicdesign.stackexchange.com/questions/13697/… adlı soruma bir göz atın lütfen , orada birkaç dilde iyi tablolar yapmayı reddeden birkaç iyi tipografi kitabı buluyorsunuz ...
Mensch

12
Yaşam için elektronik tablolar kullanan herkes neredeyse her zaman çizgilerin orada olması gerektiğini savunur. Elektronik tablo kullanımı, bir tasarımdaki okunabilirlikten çok farklı bir hayvandır . Elektronik tablo uygulamaları, çizgileri olmayan bir kabustur .... ama bunun tersine birçok tasarım , çizgileri olan bir kabustur .
Scott

4
Bu yazıyı “insan gözlerini çizgileri kaldırarak” ile ilişkilendirirseniz faydalı olabilir. Bir çok makalenin iddialarını destekleyecek bir kaynağı yok. Bence çizgi ve iyi boşluk karışımı iyi; çizgiler bir cetvel gibi hareket eder ve bazı bağlamlarda okumayı kolaylaştırır ve neyin neyle gittiğini ilişkilendirmek kolaydır. Çizgileri% 100 siyah & katı yapmak veya tüm çizgileri eklemek gerekli değildir. Açık tonları da kullanabilirsiniz. Bazı tablolar okunamıyor çünkü mantıklı değiller, yeniden organize edilmeleri gerekiyor ve bence genel olarak en büyük mesele burası. Sadece tasarımla ilgili değil.
go-junta

3
Scott'ın yorumunda +1. Veri işleme / giriş için bir elektronik tablo kullanmak, sunum için bir tablo kullanmaktan çok farklıdır.
Nelson

2
İlgili: tex.stackexchange.com/q/163061/28808 ve tex.stackexchange etiketli [booktabs] veya [table] etiketli diğer Q'ler. Bunlar, dikey ve çok sayıda yatay çizgi olan ve olmayan biçimlendirilmiş tablolara (genellikle veri) örnek sağlar.
Chris H

Yanıtlar:


42

Edward Tufte, grafik hurdalığı terimini, sunulan verileri netleştirmek yerine, karışıklık gösteren yabancı görsel öğelere atıfta bulunmak için düzenleyen kişidir .

Bu, sıklıkla görme eğiliminde olduğunuz tüm şeyleri ifade edebilir, ancak anlayışı gerçekten geliştirmeyin ve - genellikle - verilerin anlaşılmasını aktif olarak engelleyin.

Bunlar şunları içerebilir:

  • keyfi renk
  • 3B efektler
  • aşırı sınırlar
  • yedek etiketler
  • zebra çizgi
  • vb.

Bence bu animasyonlu gif kavramı güzel bir şekilde aktarıyor:

görüntü tanımını buraya girin

Çizgileri kaldırmak daha mı iyi? Genellikle. Grafik çöplüğüyle ilgilenirken dikkat edilmesi gereken, yalnızca verileri biçimlendirmek için gerekli olanı kullanmanız gerektiğidir. Fazla olan her şey sadece ... fazladan ... ve muhtemelen mesajı geliştirmeyecek.


1
Bu güzel bir animasyonlu gif, ancak okuyucular için ne kadar okunaklı veya pratik değil, tasarımcının bakış açısından bir masanın güzelliğine odaklanmış görünüyor. Basit bir çirkin Word tablosu ile güzel bir Indesign tablosu ile satırları karşılaştırmak arasında da bir fark var. Nasdaq, bankalar, döviz kuru hizmetleri, Paypal, bilim / tıbbi / yıllık raporlar, vb .: bütün bu insanlar / hizmetler / unsurlar hatları kullanıyor gibi görünüyor ... Sadece tahmin edebilirim çünkü okuyucularının rahatına öncelik veriyor, istiyorlar. karışıklıktan kaçının ve tasarım güzelliğine öncelik verme. Bence onlar da güvenilir referanslar.
go-junta

2
Çizgileri "önemsiz" olarak değerlendirmek, sadece tasarımcının kişisel görüş ve gündemi meselesidir. Tufte, amacı geniş masalarda karışıklıktan kaçınmaksa, çizgileri veya gölgelemeyi korumayı ve doğru görünüyorsa 2 sütunlu masaları kaldırmayı önerir. Anladığım kadarıyla, grafik hurdası ile fazladan ikonlar, işe yaramaz büyük boy metinler, desenler, okunamayan fontlar, ORNEMENTAL gölgelendirme (örn., Tasarımdan başka bir amacı yoktur), vs. anlamına gelir. mantıksal ve grafikler için özel değil, herhangi bir düzen.
go-junta

2
Bu, hatların ne zaman gerekli ve kullanışlı olduğu ve ne zaman yabancı oldukları ile ilgili hiçbir açıklama yapmadan brüt bir sadeleştirme gibi görünüyor. Ayrıca cevabınızı biraz okuduğunuzda, satırların yalnızca aslında yabancı olduklarında kaldırılması gerektiğini vurgulamaktadır. Animasyonlu .gif'inizi işaret etmek bir satır tutar, ancak bunun nedeni hakkında açıklama yoktur.
Ryan

2
Yine, bana göre, gereksiz görsel öğeleri kaldır demek, neden ve ne zaman bir yabancı olduğunu söylemez. Önümde 26 satır ve 18 sütunun önünde bir masa var (nezaket iş danışmanı), tüm satırları ve gölgeleri temizlemeli mi? Çünkü cevabınızı okuduğumda, neredeyse evrensel bir ses gibi görünüyor.
Ryan

4
@Ryan - Özellikle bazı "hücrelerin" birden fazla satıra yayıldığı ve bazı hücrelerin boş olabileceği büyük tablolarda hemfikirim. Bu durumlar (ve diğerleri) bazı yatay çizgilerden faydalanabilir. Göz önünde bulundurulması gereken (en azından) iki "faktör" vardır, bunlar bazen (çoğu zaman) birbirleriyle çelişir: Estetik ve Kullanılabilirlik. Kullanılabilirlik, iyi görünümden daha önemlidir. Bir masa tasarımı iyi görünüyorsa ancak kullanılamıyorsa (kullanımı zor veya kafa karıştırıcı), asıl fayda budur. Estetik çoğu zaman, tablodaki verileri okumaya çalışmak yerine, bir tablonun belli bir mesafeden nasıl göründüğü ile ilgilidir.
Kevin Fegan

12

Herhangi bir genel kılavuz yerine tablo amacına odaklanarak sorunuzun konusunu tekrar düşünebileceğinizi düşünüyorum.

Örneğin, okuyucuların farklı satırların içeriğini karşılaştırması gerekirse, her satırı ayırt etmek daha kolay olabilir. Bunun yerine sütunlar arasında kontrast uygulamayı düşünebilirsiniz.

Satır veya sütunları ayırt edilebilir kılmak için çeşitli seçenekler vardır:

  • Alternatif arka plan renkleri (yumuşak renkler, kontrast hala metni okunaklı kılar)
  • Satırlar veya sütunlar arasında çizgiler kullanın
  • Tablodaki içeriğin çevresinde dolgu kullanın

Seçiminiz şunlara bağlı olacaktır:

  • Kullanıcı tablonuzla ne yapar ve bunun kullanıcı için kullanımını nasıl kolaylaştırır: bu, okunan hiyerarşiyi ve dolayısıyla grafik seçimlerinizi yönlendirir
  • İçeriğin boyutu ve sonuç olarak, tablonun boyutu: örneğin, uzun çizgiler grafik olarak ayırt edilebilir olmalıdır; küçük bir masa için çok gerekli değil

Bu, benim deneyimlerime göre, çoğu durumda, oldukça ağır olan çizgiler kullanmamaya meyillidir. Satırlar için alternatif gölgeli arka plan renkleri kullanmayı tercih ederim. Ve gerekirse, yalnızca sütunlar için beyaz çizgiler. Bu şekilde, içerik ön plana çıkar ve tablo grafikleri kullanıcıyı belirsiz bir şekilde yönlendirir.

Herhangi bir stil uygulamadan önce daima masanın amacını göz önünde bulundurun.


2
+1 "Herhangi bir stil uygulamadan önce daima tablo amacını göz önünde bulundurun." OP'nin istediği şey buydu ve yine de iyi bir grafik tasarımcı her zaman ilk önce amacına öncelik verecek!
go-junta

9

Sana ya da iş arkadaşının haklı olduğuna inanmıyorum. Daha önemli olan konu okunabilirlik. Tek başına boşluk bırakma bunu etkili bir şekilde yapabilir, çizgiler / gölgeleme çoğu zaman daha az alan kullanmanıza yardımcı olabilir.

Burada oldukça normalleştirilmiş boşluklu ve satırsız bir masa var. Takip etmesi zor, çünkü sayılar öncelikle yukarıdan aşağıya değil soldan sağa okunacak şekilde tasarlandı. Ama bunu kendi başınıza çözmelisiniz:

görüntü tanımını buraya girin

Şimdi sadece Gestalt İlkelerimizden bildiğimiz boşluğu yatay olarak okuduğunuzu açıkça belirtmek için kullandım:

görüntü tanımını buraya girin

Ancak, görüntünün tamamı büyüdü. Aynı şeyi bir çizgiyle veya gölgelendirmeyle ekleyip daha az toplam alan kullanabildiğimde:

görüntü tanımını buraya girin

Bununla birlikte toplam satırları kullanmak, hiç satır kullanmamak gibi olabilir. Kendi başına, insanların ilk okumaya hangi yönden daha fazla ilgi göstermeleri gerektiğini belirlemeye yardımcı olmaz:

görüntü tanımını buraya girin

Ve eğer ilk önce dikey olarak anlaşılmasını istiyorsak, o zaman şunun gibi bir şey olabilir:

görüntü tanımını buraya girin

Fakat eğer bir çizgi kullanırsak daha az boşluk bırakabiliriz (eğer bunu gerçek için yapıyor olsaydım, ancak bunu çabucak yaparsam muhtemelen bu çizgiyi ortalardım):

görüntü tanımını buraya girin


1

APA Stili satırlar arasında çizgi kullanmaz. Bu şekilde tasarlanan bir tablonun araştırma ve akademisyenlerle ilişkileri vardır; Aksi bir tarza sahip bir tablo başka türlü ima edebilir.

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.