İnfographics yapmak için Araçlar


12

İnfographics üretmek için en iyi araçlar nelerdir - çok fazla bilgiyi özlü bir şekilde iletmek için grafikleri, diyagramları ve metni birleştiren çekici görüntüler. Hem web'de görüntülenebilir içerikle hem de baskı için posterlerle ilgileniyorum.

Özellikle şunu soruyorum:

  • Hangi araç kombinasyonları kullanılır (örneğin, bir grafik yapmak için bir araç, bir başka grafik ve metni son Infographicya birleştirmek için)?
  • Herhangi bir vektör grafik aracı (örn. Illustrator) göreve diğerlerinden daha fazla veya daha az uygun mu?
  • Montaj sürecinde faydalı çevrimiçi araçlar var mı?

(Yapmakla ilgilendiğim şeylere bir örnek olarak [ama çok daha mütevazı bir ölçekte], http://xkcd.com/980/ )


Zaten verilen mükemmel cevaplara, sadece zarfı verilerle yapabileceklerinize biraz iten bir kaç kaynak atmak istiyorum. Bunları bir sonraki projenizde (veya hiç) kullanamayabilirsiniz, ancak eğlencelidir ve sizi düşündürür.
Amanda

Yanıtlar:


18

İnfographics tasarlamak, yaptığım işin büyük bir kısmı. İşte kullandığımın kaba bir dökümü.

  • Muhtemelen yaptığım infographics çalışmalarının% 95'i Illustrator'da. Her şeyi olabildiğince vektör formatında tutmak isteyeceksiniz çünkü doğru ölçekleme, hizalama, gruplama, ince ayar ve değiştirme çok önemlidir. İyi bir bilginin iyi bir sunumu ise, farklı düzenlenmiş sürümler için çağrı olabilir: sosyal medya için web, baskı, poster, etkileşimli, küçük paylaşılabilir görüntüler, küçük resimler ... ve hatta gelecek yıl verileri içeren güncellenmiş bir sürüm. Her şeyi esnek tutarsanız, daha sonra kendinize teşekkür edersiniz. Birkaç özel Illustrator özelliği:

    • Paslı ve sinir bozucu ama doğru ve kullanmaya değer grafik araçları (birkaç ipucu: kullanmayı sve rölçeklendirmeyi ve döndürmeyi unutmayın, normal yöntemler işe yaramıyor ve grafikleri kırmanız ve grubu çözmeniz gerektiğinde, her zaman bir grup halinde tutun kopyalayın) ve Corel Draw'da gereken geçici çözümleri aşın . Bununla birlikte, Inkscape'in bazı eklentileri olduğunu ve Adobe'nin açıkçası antika grafik araçlarını ihmal ettiğini geliştirirken toplandığımı söyledi . Illustrator'ı sevdiğim kadarıyla, bir rakibin iyi, modern, güvenilir grafik araçlarına sahip olması durumunda bir anda düşerdim. Grafikleri Excel'den kopyalamak, grubunu çözmek ve düzenlemek için cazip olmayın - işe yarar, vektör olarak yapıştırırlar, ancak çizgi boyunca bir yerde biraz bozulur ve doğruluk kaybederler.
    • Sanat fırçaları, desen fırçaları ve dönüştürme efektleri gibi hassas bir şekilde çizilmiş şekillere ayarlanabilir bir şekilde efekt uygulama özellikleri. Diğer vektör programları, bunun gibi özelliklere sahiptir, ancak aynı ölçüde değildir. Elemanları yeniden kullanılabilir, ayarlanabilir ve yeniden yapılandırılabilir hale getiren her şey yardımcı olur.
    • Bir şeyleri kesin bir sayısal yolla yapmanız gerektiğinde bir sürü komut dosyası vardır. Alışılmadık ve kesin bir şey yapmanız gerektiğinde, genellikle bir komut dosyası vardır. Ayrıca, Hizala paleti harika ve işleri doğru bir şekilde istifleme gibi belirgin olmayan kullanışlı numaralara sahip .
  • Bir grafik çok sayfalı bir belgenin parçası olmadıkça InDesign'ı nadiren kullanıyorum (bazı insanlar bunu grafiğin tüm metin tarafı için kullanıyor ve Illustrator'dan her öğeyi yerleştiriyor). Kullandığım iki istisna:

    • Özellikle gibi verilere dayanarak ayarlanabilir şey - o zaman bile (tablo biçiminde etrafında inşa şey, bu gerektiği gibi illüstratör dosyaları olarak tamamen grafik öğeler tutmak ve bunları yerleştirmek için iyi bir fikirdir sparklines - InDesign verilerini yerleştirmek için para cezası ama bir şey yapamaz Bununla birlikte)
    • Çok metin ağırlığındaysa, metin parçacıklarına sahip bir grafikten çok çeşitli grafiklere sahip bir dergi düzenine benzemek
  • Photoshop, raster grafiklerinin kullanılmasının kaçınılmaz olduğu zamanlar için çok kullanışlıdır ve Fireworks, web için veya aynı temel yapıya sahip bir dizi varyant için karmaşık şeyler hazırlamak için kullanışlı olabilir. Her ikisi de oldukça nadiren Infographics için kullanıyorum, ancak esas olarak Photoshop veya Fireworks kullanan web için bir kerelik basit Infographics tasarlayan bazı insanlar var.

  • Etkileşimli infographics ile ilgileniyorsanız ve siz veya bir meslektaşınız herhangi bir javascript biliyorsanız, Illustrator'ın (Inkscape ve CorelDraw için de geçerlidir) bir başka avantajı, tarayıcıda etkileşimli vektör öğeleri olarak kullanılabilen SVG'yi dışa aktarabilmesidir. .

İnsanlar bazen basit diyagramlar için omnigraffle gibi daha basit programlar kullanırlar ve düşük bariyer girişli infographics oluşturma araçları fikri bazen yüzer, ancak gördüklerim ya sadece kılık değiştirmiş önceden hazırlanmış bir grup (ör. visual.ly create) veya gülünç sığ (örn. easel.ly) .

Düzenle--

Artık% 100 emmeyen ve standart Infographic formatına ( Vennage ve infogr.am ) bahsetmeye değer bir şey ekleyen birkaç düşük bariyer giriş aracı var . Erken aşamalar ve biraz kabalar ve aslında oyuncak uygulamaları oldukları için, zihinsel olarak üç yönlü çalışmadan kaçınan şirket içi insanlar dışında tasarımcılara çok fazla alışmaları pek mümkün değil ("Metin ve birkaç grafik? gerçekten basit, bunu kendiniz yapabilirsiniz, işte nasıl ... ") - ama dikkat çekmeye değer bir şey var: HTML ve SVG olarak dışa aktarıyorlar (infogr.am Raphael kullanıyor, Venngage HTML, CSS ve D3 kullanıyor).

Bu neden önemli? Çünkü web sayfalarında yayınlamak için Infographics tasarlarsanız ve sadece bir png veya gif uyandırırsanız ve web sayfasının işaretlemesinde metni gerçek, gerçek, canlı, anlamsal metin olarak çıkarmak için böyle yöntemler kullanmadan iş yaparsanız, Bu siteler gibi cheesey otomatik oyuncaklar işinizi avantajı olan çıktı üretecek anlamına gelecektir ... Ben her zaman böyle şeyler için Raphael kullanın çünkü eski IE ve iOS çalışan tek şey bu.

Düzenle 2 ---

Etkili bilgi tasarımcısı / veri gazeteciliği öncüsü Alberto Cairo, son zamanlarda ticaret araçları hakkında blog yazdı ve yeni başlayanlara yönelik Illustrator'da Infographics hakkında bazı video eğitimlerini yayınladı (Onları kefil edemedim). Popüler dataviz bloğu Flowing Data ayrıca periyodik olarak bazen kod, bazen istatistik, bazen tasarım gibi eğiticilere sahiptir . Bunlar genellikle tasarım ve görselleştirme becerilerini diğer yönden daha fazla artırmak isteyen istatistikçilere yöneliktir, ancak yararlı olabilir.


4
+1000 "grafiğin grubunu çözecekseniz gruplanmış bir kopyasını saklayın". Merhametli anne, 1923'ten günümüze başka birinin S & P'nin gruplanmamış logaritmik çizelgesiyle çalışmaya çalışmak, limon suyuna batırılmış bir çubukla gözünüzü bıçaklamak gibidir.
Lauren-Clear-Monica-Ipsum

Gruplanmamış bir grafiğin bariz acı verici anısı için +1.
huzzah

Harika bir cevap. Özellikle etkileşimli Infographics işaretçisi için teşekkürler - kesinlikle keşfedilecek bir şey.
Steve Bennett

1
@SteveBennett Teşekkürler! Bu arada, bunu yazdığımdan beri, Raphael'in bu harika örneğini, statik olarak tasarlanmış bir yazdırılabilir grafik olarak daha çekici hale getirmek için kullanıldığını gördüm. Fransızca ama fikir almak için iyi olmalı ... sadece uygulamanın mutlaka kolay olmasını beklemeyin parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

vay, bu oldukça muhteşem. (ilginç bir konu da - Sarkozy öncesi olsa da iki yıl Fransa'da yaşadım). raphaeljs.com
Steve Bennett

8

WebCode , anında JavaScript + Canvas, SVG veya CSS + HTML kodu üreten harika ve kullanımı kolay bir vektör çizim uygulamasıdır. Özellikle web Infographics için tasarlanmıştır.

resim açıklamasını buraya girin


7

Grafikler için Illustrator. Grafiğinizde başka ne olduğuna bağlı olarak, grafik olmayan malzemeler için Illustrator veya InDesign'ı kullanabilirsiniz. Illustrator, temel ve orta düzenlerde kullanılabilir ve tek sayfalık bir poster için kesinlikle iyidir. Birden fazla sayfaya girdikten sonra muhtemelen InDesign ile daha iyi durumdasınızdır.


4

Grafikler için Lauren - Illustrator ile aynı fikirdeyim. Ve tüm parça için Illustrator kullanmak mümkündür. Bununla birlikte, Indesign'ı sadece birden fazla sayfa için değil, çok sayıda tablo verisi için kullanmaya eğilimliydim. Indesign, tablo verilerini Illustrator'dan çok daha kolay işler.

Gerçekte, çoğu parça tek bir yazılım kullanılarak oluşturulmaz. Çizelgeler ve grafikler Illustrator uygulamasında yapılır, muhtemelen Photoshop kullanılarak tamamlanan fotoğraflar veya resimler. Indesign'ın daha iyi yazım araçları olduğundan, her şey Indesign'daki tablolarla birleştirildi.

Ancak bu konu için Illustrator veya Photoshop'taki bütün bir parça tamamlanabilir.


2

"İnfografik" gerçekten belirli bir teknoloji ve hatta estetik değil. Gerçekten verileri görsel olarak temsil ediyor. Kullanmanız için mantıklı olan araçları kullanın. Vektör çizim için Adobe Illustrator iyidir. Inkscape de iyi bir seçenektir. Corel Draw işe yarayabilir. Bir dizi seçenek var.


2

Zaten verilen mükemmel cevaplara, sadece zarfı veriyle grafiksel olarak yapabileceğiniz şeylere biraz iten (yine de zarfım) birkaç kaynak atmak istiyorum. (1) Nathan Yau adlı kitabın Görselleştir Bu (veya flowingdata.com web sitesi), eğer doğru hatırlıyorsam bir sürü gelişmiş Infographic oluşturma aracı ve (2) Jer Thorpe'un "Verileri Daha Fazla İnsan Yapma" konulu TED konuşması http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Fazladan birkaç dakikanız olduğunda bir ara tadını çıkarın!


1

Yayımlama Düzeni, şekil araçları, metin kutuları ve kılavuzları ile Infographics yapmak için Microsoft Word kullanıyorum. Bu gibi grafikler çok basit bir şekilde yapabildim ve Adobe CS5 araçlarına erişimi olmayan diğerlerinin MS Word'de bir bilgi grafik kütüphanesi nasıl oluşturabileceği hakkında adım adım video talimatları vermek istiyorum. https://gumroad.com/l/MDDPA

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.