Alat untuk membuat infografis

12

Apa alat terbaik untuk menghasilkan infografis - tampilan menarik yang menggabungkan grafik, diagram, dan teks untuk menyampaikan banyak informasi secara ringkas. Saya tertarik dengan konten dan poster yang dapat dilihat web untuk dicetak.

Secara khusus, saya bertanya:

  • Kombinasi alat apa yang digunakan (misalnya, satu alat untuk membuat grafik, yang lain untuk mengumpulkan grafik dan teks ke dalam infografis terakhir)?
  • Apakah ada alat grafik vektor (misalnya, Illustrator) yang secara khusus lebih atau kurang cocok untuk tugas tersebut daripada yang lain?
  • Apakah ada alat online yang berguna dalam proses perakitan?

(Sebagai contoh hal yang saya tertarik untuk membuat [tetapi dalam skala yang jauh lebih sederhana], http://xkcd.com/980/ )

Steve Bennett
sumber
Untuk jawaban luar biasa yang telah diberikan, saya hanya ingin memasukkan beberapa sumber daya yang mendorong amplop sedikit (amplop saya tetap) pada apa yang dapat Anda lakukan dengan data. Anda mungkin tidak dapat menggunakannya pada proyek Anda berikutnya (atau pernah), tetapi mereka menyenangkan dan mereka akan membuat Anda berpikir.
Amanda 8-12

Jawaban:

18

Merancang infografis adalah bagian besar dari apa yang saya lakukan. Berikut ini rincian kasar dari apa yang saya gunakan.

  • Mungkin 95% dari pekerjaan infografis yang saya lakukan adalah di Illustrator. Anda akan ingin menyimpan semuanya dalam format vektor sebanyak mungkin karena penskalaan, penyelarasan, pengelompokan, pengubahan dan perubahan sangat penting. Jika itu adalah presentasi yang baik dari informasi yang baik, maka mungkin ada panggilan untuk versi yang ditata berbeda: web, cetak, poster, interaktif, gambar yang dapat dibagikan kecil untuk media sosial, thumbnail ... dan mungkin bahkan versi yang diperbarui dengan data tahun depan. Jika Anda menjaga semuanya fleksibel, Anda akan berterima kasih pada diri sendiri nanti. Beberapa fitur Illustrator tertentu:

    • Alat bagannya, yang berkarat dan membuat frustrasi tetapi akurat dan layak digunakan (beberapa tips: ingat untuk menggunakan sdan runtuk skala dan memutar, metode normal tidak bekerja, dan ketika Anda perlu memecahkan dan memisahkan grup grafik, selalu tetap dikelompokkan salin) dan kalahkan solusi yang diperlukan dalam Corel Draw . Yang mengatakan, saya mengetahui bahwa Inkscape memiliki beberapa plugin dan sedang memperbaiki dalam hal ini sementara Adobe mengabaikan alat grafik yang terus terang mereka kuno . Seperti halnya saya menyukai Illustrator, saya akan jatuh dalam sekejap jika saingan memiliki alat pembuatan bagan yang bagus, modern, dan dapat diandalkan. Jangan tergoda untuk menyalin, memisahkan grup, dan mengedit grafik dari Excel - ini berfungsi, mereka menempelkannya sebagai vektor, tetapi di suatu tempat di sepanjang garis itu mereka sedikit terdistorsi dan kehilangan akurasi.
    • Fitur-fiturnya untuk menerapkan efek pada bentuk yang digambar secara akurat dengan cara yang dapat disesuaikan, seperti kuas seni, kuas pola dan efek transformasi. Program vektor lainnya memiliki fitur seperti ini, tetapi tidak pada tingkat yang sama. Apa pun yang membuat elemen dapat digunakan kembali, dapat diubah, dan dikonfigurasi ulang membantu.
    • Ada banyak skrip ketika Anda perlu melakukan hal-hal dengan cara numerik yang tepat. Ketika Anda perlu melakukan sesuatu yang tidak biasa dan tepat, sering kali ada skrip untuk itu. Juga, palet Align bagus, dan memiliki trik praktis yang tidak jelas seperti menumpuk hal-hal secara akurat .
  • Saya jarang menggunakan InDesign kecuali grafik menjadi bagian dari dokumen multi-halaman (meskipun beberapa orang menggunakannya untuk seluruh sisi teks grafik, menempatkan setiap elemen dari Illustrator). Dua pengecualian tempat saya menggunakannya:

    • Apa pun dibangun di sekitar format tabel (bahkan kemudian, itu ide yang baik untuk menjaga unsur-unsur yang sepenuhnya grafis sebagai file ilustrator dan menempatkan mereka sesuai kebutuhan - terutama untuk apa pun disesuaikan berdasarkan data seperti sparklines - InDesign baik-baik saja untuk menempatkan data tetapi tidak bisa berbuat apa-apa dengan itu)
    • Jika sangat teks, menjadi lebih seperti tata letak majalah dengan berbagai gambar daripada gambar dengan potongan teks
  • Photoshop kadang-kadang sangat berguna untuk saat-saat ketika menggunakan grafik raster tidak dapat dihindari, dan Fireworks dapat berguna untuk menyiapkan hal-hal kompleks untuk web atau untuk serangkaian varian dengan struktur dasar yang sama. Saya jarang menggunakan keduanya untuk infografis, walaupun ada beberapa orang yang mendesain infografis sederhana satu kali untuk web terutama menggunakan Photoshop atau Fireworks.

  • Jika Anda tertarik sama sekali dalam infografis interaktif, dan jika Anda atau kolega mengetahui javascript, keuntungan lain dari Illustrator (juga berlaku untuk Inkscape dan CorelDraw) adalah dapat mengekspor SVG yang dapat digunakan sebagai elemen vektor interaktif di browser. .

Orang-orang kadang menggunakan program yang lebih sederhana seperti omnigraffle untuk diagram sederhana, dan gagasan alat kreasi infografis penghalang rendah untuk masuk kadang-kadang melayang-layang, tetapi yang saya lihat hanya berupa sekumpulan infografis buatan yang disamarkan. (mis. membuat visual.ly) atau dangkal menggelikan (mis. easel.ly) .

Edit--

Sekarang ada beberapa alat low-barrier-to-entry yang tidak 100% payah dan yang menambahkan sesuatu yang layak disebut ke format infografis standar ( Vennage dan infogr.am ). Mereka tahap awal dan sedikit kasar, dan karena pada dasarnya itu adalah aplikasi mainan, mereka tidak akan pernah banyak berguna bagi para perancang kecuali orang-orang di rumah menghindari pekerjaan trival yang mematikan pikiran ("Teks dan beberapa grafik? Itu sangat sederhana, Anda benar-benar dapat melakukannya sendiri, begini caranya ... ") - tetapi ada sesuatu yang patut dicatat tentang mereka: mereka mengekspor sebagai HTML dan SVG (infogr.am menggunakan Raphael, Venngage menggunakan HTML, CSS dan D3).

Mengapa ini penting? Karena jika Anda mendesain infografis untuk penerbitan di halaman web, dan jika Anda baru saja membuat png atau gif dan mengatakan pekerjaan dilakukan tanpa menggunakan metode seperti ini untuk menampilkan teks sebagai teks semantic, real, live, semantic yang ada di markup halaman web, ini akan berarti bahwa mainan otomatis keju seperti situs-situs ini akan menghasilkan output yang memiliki keunggulan dibandingkan pekerjaan Anda ... Saya selalu menggunakan Raphael untuk hal-hal seperti ini karena itu satu-satunya hal yang bekerja di IE dan iOS lama.

Edit 2 ---

Perancang informasi berpengaruh / pelopor jurnalisme data Alberto Cairo baru-baru ini membuat blog tentang alat-alat perdagangan , dan telah menerbitkan beberapa video tutorial tentang infografis di Illustrator yang ditujukan untuk pemula (saya belum mencobanya sehingga tidak bisa menjaminnya). Blog dataviz yang populer, Flowing Data juga secara berkala memiliki tutorial yang terkadang berupa kode, terkadang statistik, terkadang desain . Ini biasanya ditujukan untuk ahli statistik yang ingin meningkatkan keterampilan desain dan visualisasi mereka daripada sebaliknya, tetapi mungkin berguna.

user56reinstatemonica8
sumber
4
+1000 untuk "simpan salinan bagan Anda yang dikelompokkan jika Anda akan memisahkannya." Bunda belas kasihan, mencoba bekerja dengan bagan logaritmik S&P yang tidak dikelompokkan orang lain dari tahun 1923 hingga saat ini seperti menusuk mata Anda dengan sumpit yang dicelupkan ke dalam jus lemon.
Lauren-Clear-Monica-Ipsum
1 untuk memori yang jelas menyakitkan bagan yang tidak dikelompokkan.
huzzah
Jawaban yang fantastis. Terima kasih terutama untuk petunjuk tentang infografis interaktif - pasti sesuatu untuk dijelajahi.
Steve Bennett
1
@SteveBennett Terima kasih! Ngomong-ngomong, sejak menulis ini saya melihat contoh luar biasa dari Raphael yang digunakan untuk membuat apa yang tampak sebagai grafik cetak yang dirancang menjadi statis lebih menarik secara online. Ini dalam bahasa Prancis tetapi harus baik untuk mendapatkan ide-ide ... tapi jangan berharap implementasinya akan mudah parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8
wow, itu cukup spektakuler. (Subjek yang menarik juga - saya tinggal di Prancis selama dua tahun, meskipun sebelum Sarkozy). raphaeljs.com
Steve Bennett
8

WebCode adalah aplikasi menggambar vektor yang hebat dan mudah digunakan yang secara instan menghasilkan kode JavaScript + Canvas, SVG atau CSS + HTML. Ini secara khusus diarahkan untuk infografis web.

masukkan deskripsi gambar di sini

Dizajn
sumber
7

Ilustrator untuk grafik. Bergantung pada apa lagi yang ada dalam infografis Anda, Anda bisa menggunakan Illustrator atau InDesign untuk materi yang bukan bagan. Illustrator dapat digunakan untuk tata letak dasar hingga sedang, dan tentunya bagus untuk poster satu lembar. Setelah Anda masuk ke beberapa halaman, Anda mungkin lebih baik dengan InDesign.

Lauren-Clear-Monica-Ipsum
sumber
4

Saya setuju dengan Lauren - Illustrator untuk grafik. Dan dimungkinkan untuk menggunakan Illustrator untuk seluruh bagian. Namun, saya akan cenderung menggunakan Indesign untuk banyak data tabular dan bukan hanya beberapa halaman. Indesign menangani data tabel lebih mudah daripada Illustrator.

Pada kenyataannya, sebagian besar potongan tidak dibuat menggunakan satu perangkat lunak. Grafik dan grafik yang dilakukan di Illustrator, foto atau ilustrasi mungkin diselesaikan menggunakan Photoshop. Kemudian semuanya dikombinasikan dengan tabel di Indesign karena Indesign memiliki alat tipe yang lebih baik.

Tetapi orang dapat menyelesaikan seluruh bagian dalam Illustrator atau Photoshop dalam hal ini.

Scott
sumber
2

"Infografis" sebenarnya bukan teknologi tertentu atau bahkan estetika. Ini benar-benar hanya mewakili data secara visual. Gunakan alat apa pun yang masuk akal untuk Anda gunakan. Untuk ilustrasi vektor, Adobe Illustrator baik-baik saja. Inkscape juga merupakan opsi yang bagus. Corel Draw dapat bekerja. Ada sejumlah opsi.

DA01
sumber
2

Untuk jawaban luar biasa yang telah diberikan, saya hanya ingin memasukkan beberapa sumber daya yang mendorong amplop sedikit (amplop saya tetap) pada apa yang dapat Anda lakukan secara grafis dengan data. (1) Buku Nathan Yau Visualisasikan Ini (atau situs web flowingdata.com), yang jika saya ingat benar menyebutkan banyak alat pembuat infografis canggih dan (2) pembicaraan TED dari Jer Thorpe tentang "Membuat Data Lebih Manusia" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Nikmati kapan saja ketika Anda memiliki beberapa menit ekstra!

Amanda
sumber
1

Saya menggunakan Microsoft Word untuk membuat infografis dengan Tata Letak Penerbitan, alat bentuk, kotak teks, dan panduan. Saya dapat membuat bagan seperti ini dengan sangat sederhana dan ingin memberikan petunjuk video langkah demi langkah tentang bagaimana orang lain yang tidak memiliki akses ke alat Adobe CS5 dapat membangun pustaka grafik info di MS Word. https://gumroad.com/l/MDDPA

Inga
sumber