Arsa tasarımı ve üretimi için temel kurallar nelerdir?


19

Arka fon:

Daha önce Cross Validated'da şu konularda sorularımız vardı:

@David tarafından bu soruya yapılan yorumlarda , topluluğun oy verebileceği her cevap için bir görselleştirme kuralı olan bir topluluk wiki sorusuna sahip olmamız önerildi .

Soru

Verilerin grafik gösterimlerini tasarlama ve üretme konusunda temel kurallar nelerdir?

kurallar

  • Yanıt başına bir kural
  • İdeal olarak, bunun neden iyi bir fikir olduğunu düşündüğünüzün kısa bir açıklamasını ekleyin
  • İyi ve kötü uygulama örnekleri (kod ve görüntü) ile cevaplar tercih edilir.

Yanıtlar:


13

Form Üzerindeki Madde : Grafik paketinizin zorunlu olarak izin vermesinden ziyade, grafiğin göstermesini istediğiniz şeyi göstermek için uygun grafik, stil, renklendirme veya diğer grafik parametrelerini seçin.


8
(+1) Tasarım kararlarımın grafik yazılımı tarafından oluşturulan en az direnç yolu tarafından yönlendirilme olasılığını azaltmak için genellikle ilk önce kağıt üzerine bir grafik çizmeyi tercih ederim.
Jeromy Anglim

13

Rengin üç boyutuna aşina olmak yardımcı olabilir. Birkaç renk kullanırsanız, ideal olarak sadece bir değil, bu boyutlardan birkaçında farklı olmalıdırlar.

Değer. Grafik siyah beyaz bile okunabilir kalmalıdır. Bu basit kural renk körlüğü, düşük kaliteli yazıcılar ve kötü aydınlatma koşullarını hesaba katmalıdır. Farklı tonlar kullansanız bile, değerlerin yeterince farklı olduğundan emin olun. Özellikle, parseller açık bir arka plan üzerinde (veya tersi) karanlık olmalı, ancak gri bir değerde gri olmamalıdır. En kötü örnek, kırmızı bir arka planın mavi bir çizimidir - her ikisi de orta değerlerdir, yani, siyah beyaz dönüştürüldükten sonra çok benzer griler verir.

Doyma. Doygunluk ölçülü olarak kullanılmalıdır: saf kırmızı bir çizgi iyi olabilir, ancak daha kalın, daha az doygun bir kırmızı çizgi daha okunabilir olacaktır (artan kalınlık renkleri ayırt etmeye yardımcı olur ve doygunluğu azaltmanıza izin verir). Öte yandan, saf kırmızı bir alana bakmak acı vericidir: alanları doldurmak için doygun renkler kullanmayın. Brewer renk paletleri (haritalar için tasarlanmış değil, hat araziler) düşük doygunluk renk seçenekleri örnekler vermek. En kötü örnek yine doymuş bir arka plan (kırmızı üzerinde mavi veya mavi üzerinde kırmızı) olacaktır.

Ton. @Gung tarafından belirtildiği gibi, kırmızı / yeşil (trafik ışıkları) kombinasyonundan kaçının: düşündüğünüzden çok daha fazla renk körü insanlar var. Özellikle renk tonu ile daha azı daha fazladır. Örneğin, "ayrışan" değerleri (yani, pozitif veya negatif olabilecek miktarları) çizmek için, okuyucunun neyin yüksek ve neyin düşük olduğunu hemen ayırt edebilmesi için yalnızca iki ton (pozitif ve negatif değerler için) kullanın. Ayrık bir gradyan kullanmak çok daha okunabilir bir grafiğe yol açabilir: renkler arasındaki sınırlar görünür hale gelir ve bir kontur grafiği oluşturur.

S. Few'in Renkleri Grafiklerde Kullanmak için Pratik Kurallarını okumak veya sanat veya tasarım öğrencileri için "Renk Teorisi" ile ilgili herhangi bir materyale başvurmak isteyebilirsiniz.


+1, güzel bilgiler burada. Siyah beyaza dönüştürüldükten sonra değer ve renklerin nasıl oluşturulacağı konusundaki noktanız özellikle iyi. Birkaç kağıda bağlantı da faydalıdır. Bir not: diğer cevaplara "yukarıda" değinmemek en iyisidir, bunun yerine @ so-so-so kullanın; cevaplar kaç oy aldıklarına göre hareket eder.
gung - Monica'yı eski durumuna döndürün

11

Gerekli bilgilerin çoğunu şeklin içine yerleştirin. Okuyucunun başlığa referans vermesini istemeyin, örneğin çeşitli sembollerin veya renklerin anlamını tanımlamak için. Altyazıda şeklin kendisine giremeyen bilgileri (veya ek bilgileri) yerleştirin. Fikir, bir grafik görüntüleyicinin ilgili bilgileri çıkarmak için gereken çabayı en aza indirmektir - en iyi: grafik kendinden açıklayıcı, bir sonraki en iyi: gerekli ek bilgiler başlıktan hızlı bir şekilde çıkarılabilir, en kötü: izleyici neler olduğunu anlamak için bazı önemli ayrıntıları arayan tüm sonuçlar bölümü.


1
1 ve biz bu fikri daha uzatabilirsiniz: Biz başlığını okumak zorunda kalmadan ne olup bittiğini bu tür insanlar (mümkün olduğunca) grafiğini ve know-görebilmesi yapmak istiyorum, ve ayrıca bunlar için ek bilgi gerektiğinde insanların altyazıyı okuyabilmesi ve önemli bir ayrıntıyı arayan makaleyi okumak zorunda kalmadan neye ihtiyaç duyduklarını bildikleri şekilde altyazıda bulunmasını sağlayın.
gung - Monica'yı eski durumuna getirin

1
@gung bu CW olduğu için, yorumlarınızı yansıtmak için cevabı düzenlemekten çekinmeyin.
David LeBauer

10

Grafiği olabildiğince basit hale getirin. Tufte'nin ifadesiyle, 'veri mürekkep oranını en aza indirin'.

Örneğin, şunlardan kaçının:

  • gerekenden daha fazla renk veya şekil
  • gerekenden daha fazla onay işareti
  • 2-B grafik üzerinde 3-B efektler.
  • nesneler doğrudan etiketlenebildiğinde bir açıklama kullanma

Burada Tufte ile aynı fikirde değilim. Birincisi, orijinal kitabında bu kuralın motivasyonunun büyük bir kısmı, ekstra, gereksiz çizgiler çizmek için ne kadar zaman harcamanız gerektiğidir; ama bu bugün önemsiz. İkincisi, gerçek fikir Cleveland'ın kuralın enformatikliğini en üst düzeye çıkarmak için kuralı tarafından daha iyi yakalanır, çünkü bazen arsa daha fazla mürekkeple daha bilgilendirici olabilir, ancak her iki kural da Tufte'yi rahatsız eden grafik çöpünü yasaklar.
gung - Monica'yı eski durumuna getirin

@gung Tufte'nin motivasyonu olarak gereken çaba / zaman neredeydi? Bu kısmı hatırlamıyorum (ama aynı zamanda metne de kullanışlı değilim).
David LeBauer

1
Bende yok, ama 1. kitabındaki Görsel Ekranda , cetvelini çizmek için kaç kez cetvel indirmeniz gerektiğinden bahsettiğimi hatırlıyorum. Belki "büyük" abartılıydı, ama bunu okuduğumu ve 'şimdi kimin umrunda?' Diye düşündüğümü hatırlıyorum. In Elements , Cleveland Tufte kuralı yanlış olduğunu ikna edici bir argüman yapar. Konunun bilgi transferini en üst düzeye çıkarmak olduğunu savunuyor ve bu ilkenin Tufte'nin sevmediğini de ortadan kaldırdığını gösteriyor, ancak fazladan veri olmayan mürekkebin grafiği daha bilgilendirici hale getirdiği vakalara (gösterdiği) izin veriyor.
gung - Monica'yı eski durumuna döndürün

Açıkça belirtmeliyim, bazı özel önerilere katılmıyorum (örneğin, 3D yok, harita çöpü yok); Grafikler için kılavuz olarak Tufte kuralına uyuyorum.
gung - Monica'yı eski durumuna döndürün

@gung Aynı tartışmayı sezgisel bir araç olarak yorumladım.
David LeBauer

9

Düzenlemek için zaman ayırın. İyi bir grafik yapmak zaman alır ve genellikle (en azından benim için) birden fazla deneme gerektirir.


6

Kırmızı ve yeşile karşı çıkmayın. Renk yardımcı olabilir, ancak renk kullanırken insanların önemli bir azınlığının kırmızı-yeşil renk körü olduğunu unutmayın. Bir keresinde birisine bazı veriler gösteriyordum ve grafiklerimde neler olduğunu anlayamadı - bu bir israftı ve kendimi çok aptal hissettim. Diğer renk körlüğü formları çok nadirdir, ancak kırmızı-yeşil oldukça yaygındır. Bu sayfada çok iyi bilgiler var. İşte bazı ipuçları:

  • Yalnızca iki renge ihtiyacınız varsa, mavi ve sarı kullanın - kırmızı ve yeşil kullanmayın.
  • Bir degradeye ihtiyacınız varsa, doygunluğu ve hafifliği aynı anda değiştirirken maviden sarıya gidin - gökkuşağını kullanmayın.
  • İkiden fazla öğeyi kodlamanız gerekiyorsa (örneğin, ikiden fazla gruptan bir dağılım grafiğindeki noktalar veya birkaç satır) renklerinizi farklı çizim sembolleri / çizgi stilleri ile de geri döndürün. Örneğin, farklı çizim sembolleri: o + <sw veya çizgiler: düz, noktalı, kesikli, noktalı kesikli, vb. (Çizgilerinize çizim sembolleri ekleyebilir veya çizgi kalınlıklarını değiştirebilirsiniz).

Bu gerçekten çok sık merak ettiğim bir şey: Kullanılacak en iyi renk gradyanı nedir?
steffen

4

Yığılmış çubuk grafikler kullanmayın. İlgili bir notta, Likert ölçekli bir öğeniz varsa, her bir öğeye verilen her yanıt için oranı gösterme gereğini hissetmeyin. Bu grafikler gözlerimi kanıyor.

Pasta grafikler kullanmayın.

Bir tabloya atarak grafikteki verileri çoğaltmayın.

Grafik başlıkları için Arial gibi bir sans serif yazı tipi kullanın, çünkü bu yazı tipleri bu şekilde kullanılmak üzere tasarlanmıştır.

Tasarım referansı kitap referansı olmadan tamamlanmadı, İstatistiksel Thumb Kurallarını gerçekten seviyorum . Bölüm 9, buradaki tartışma ile biraz ilgilidir ve yığılmış çubuk grafiklerden ve pasta grafiklerinden neden nefret ettiğim sorulduğunda işaret ettiğim bitler. :)

İtiraf: Küçük bir STK müşterisi için ilk öğrenci danışmanlığımdan birinde onlara renkli bir şekilde yığılmış çok sayıda çubuk grafik içeren bir rapor verdim (bu 1990'ların ortalarıydı). Sanırım o yavrulara sarı, mor ve kırmızı olmayı başardım.


3

Eksenlerle uğraşma. İlk yüz birimleri kesmeyin çünkü grafiğin eğimi daha etkileyici görünüyor. Görüntü yapışacak ve insanlar gerçekte ölçülenden çok daha büyük bir etki hatırlayacaklar.


2
Görünür eğimi değiştirmek için verilerin kesilmesi hilelidir. OTOH, eksenlerin her zaman 0 içermesi ve kullanılan en / boy oranını (biraz daha az ilgili) içermesi konusunda gerçek bir soru vardır. Cleveland, veri penceresindeki verileri en üst düzeye çıkarır ve 'banka' eğimlerini 45 dereceye çıkarırsanız, grafiklerin daha bilgilendirici olduğunu güçlü bir şekilde ortaya koyar. Kitlenizi tanıyın, burada: Cleveland, profesyonel kitlelerin yetkin ve okuryazar olarak alınması gerektiğini savunuyor, ancak saf izleyicilerle bu özellikleri açıkça belirtin ve açıklayın ya da (muhtemelen) kullanmayın.
gung - Monica'yı eski durumuna döndürün

Profesyonel izleyiciler bile (sanırım) aylar sonra sadece grafikteki dik çizgiyi hatırlayacaklar ve kesişmeyi ve diğer her şeyi unutmuş olacaklar. Aşırı değerleri doğru şekilde etiketleyerek (düz) grafikteki tüm verilere sahip olabilirsiniz ve yine de hiçbir şeyin oder zamanını gerçekten değiştirmediği bilgisine sahip olabilirsiniz.
xmjx

2
Katılmıyorum. Tüm eksenlerin sıfırdan başlamasında ısrar etmenin mantıklı bir kural olduğunu düşünmüyorum, eğer önerilen buysa. Grafikler verilerdeki varyasyonu ve yapıyı göstermelidir - eğer önemli olan iki milyon değerinde 100.000 dalgalanma ise (ve belki de iki grup arasında nasıl farklıysa), grafik şunu göstermelidir, "iki milyon çok sayıda ".
Peter Ellis

Temel olarak herhangi bir tasarım kuralında olduğu gibi, çizilen varyasyonun pratik önemini ve kitlenizin bunu nasıl yorumlayacağını gerçekten anlarsanız, bunun kırabileceğiniz bir kural olduğunu düşünüyorum. Ama bu kural çok sık ve çok açık bir şekilde ihlal ediliyor ki bence yüksek sesle ilan etmenin nispeten güvenli olduğunu düşünüyorum. "Tüm parseller sıfır içermelidir! *" son yirmi yıl boyunca, aslında maksimum yayılma yaklaşık% 5 olduğunda.
Matt Parker

% 5'in alakasız olmadığı ve bu grafiklerin çoğu bu dalgalanmayı yaratan politikaların sonuçlarıyla ilgili tartışmalarla ilişkilendirildi. Ancak bence, büyük ekonomik sonuçları olan muazzam politikaların ev sahibi olma üzerinde nispeten küçük etkileri olduğunu vurgulasalar bile bu argümanların daha da güçlü olacağını düşünüyorum.
Matt Parker
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.