เครื่องมือสำหรับการสร้างอินโฟกราฟิก

อะไรคือเครื่องมือที่ดีที่สุดสำหรับการสร้างอินโฟกราฟิก - จอแสดงผลที่น่าดึงดูดซึ่งรวมกราฟไดอะแกรมและข้อความเพื่อสื่อข้อมูลจำนวนมากอย่างรวบรัด ฉันสนใจทั้งเนื้อหาที่สามารถดูได้บนเว็บและโปสเตอร์สำหรับการพิมพ์

โดยเฉพาะฉันถาม:

• มีชุดเครื่องมือใดบ้างที่ใช้ (เช่นเครื่องมือหนึ่งสำหรับสร้างกราฟอีกชุดสำหรับประกอบกราฟและข้อความในอินโฟกราฟิกสุดท้าย)
• มีเครื่องมือกราฟิกแบบเวกเตอร์ (เช่น Illustrator) โดยเฉพาะอย่างยิ่งเหมาะกับงานมากกว่าคนอื่น ๆ หรือไม่?
• มีเครื่องมือออนไลน์ใดบ้างที่มีประโยชน์ในกระบวนการประกอบ?

(เป็นตัวอย่างของสิ่งที่ฉันสนใจในการสร้าง [แต่ในระดับที่มากขึ้น], http://xkcd.com/980/ )

การออกแบบ infographics เป็นส่วนใหญ่ของสิ่งที่ฉันทำ นี่คือรายละเอียดคร่าวๆของสิ่งที่ฉันใช้

• น่าจะเป็น 95% ของงานที่เกี่ยวกับอินโฟกราฟิกที่ฉันทำอยู่ใน Illustrator คุณจะต้องการให้ทุกอย่างอยู่ในรูปแบบเวกเตอร์ให้ได้มากที่สุดเนื่องจากการปรับขนาดการจัดแนวการจัดกลุ่มการปรับแต่งและการเปลี่ยนแปลงที่แม่นยำนั้นมีความสำคัญมาก ถ้ามันเป็นการนำเสนอที่ดีของข้อมูลที่ดีแล้วอาจมีการเรียกร้องให้มีเวอร์ชันที่แตกต่างออกไป: เว็บ, พิมพ์, โปสเตอร์, อินเตอร์แอคทีฟ, รูปภาพขนาดเล็กที่แชร์ได้สำหรับโซเชียลมีเดีย, รูปขนาดย่อ ... หากคุณรักษาทุกอย่างให้ยืดหยุ่นคุณจะขอบคุณตัวเองในภายหลัง คุณสมบัติ Illustrator เฉพาะบางประการ:

  • เครื่องมือแผนภูมิซึ่งมีสนิมและน่าผิดหวัง แต่มีความถูกต้องและคุ้มค่าการใช้งาน (เคล็ดลับสองสามข้อ: อย่าลืมใช้sและrปรับขนาดและหมุนวิธีปกติใช้ไม่ได้และเมื่อคุณต้องการแบ่งและยกเลิกการจัดกลุ่มแผนภูมิให้จัดกลุ่มเสมอ คัดลอก) และชนะการแก้ไขปัญหาที่จำเป็นใน Corel Draw ที่กล่าวว่าฉันรวบรวมที่Inkscape มีปลั๊กอินที่บางและมีการปรับปรุงในเรื่องนี้ในขณะที่ Adobe ละเลยเครื่องมือกราฟของพวกเขาโบราณตรงไปตรงมา เท่าที่ฉันชอบ Illustrator ฉันจะแวะเข้าไปทันทีหากคู่แข่งมีเครื่องมือสร้างแผนภูมิที่ดีทันสมัยและน่าเชื่อถือ อย่าถูกล่อลวงให้คัดลอกยกเลิกการจัดกลุ่มและแก้ไขแผนภูมิจาก Excel - ใช้งานได้พวกเขาวางเป็นเวกเตอร์ แต่อยู่ที่ไหนสักแห่งตามเส้นที่พวกเขาบิดเบือนและเสียความแม่นยำ
  • คุณสมบัติในการใช้เอฟเฟกต์กับรูปร่างที่วาดอย่างแม่นยำในแบบที่ปรับได้เช่นพู่กันแปรงแปรงลวดลายและเอฟเฟกต์เปลี่ยนรูป โปรแกรมเวคเตอร์อื่น ๆ มีคุณสมบัติดังนี้ แต่ไม่ถึงขนาดเดียวกัน ทุกสิ่งที่ทำให้องค์ประกอบสามารถใช้งานได้ปรับแต่งได้และช่วยให้สามารถกำหนดค่าใหม่ได้
  • มีสคริปต์มากมายเมื่อคุณต้องการทำสิ่งต่าง ๆ ในลักษณะตัวเลขที่แม่นยำ เมื่อคุณต้องการทำสิ่งที่ผิดปกติและแม่นยำมักจะมีสคริปต์สำหรับมัน นอกจากนี้การจัดจานเป็นสิ่งที่ดีและมีเทคนิคที่มีประโยชน์ที่ไม่ชัดเจนเช่นซ้อนสิ่งที่ถูกต้อง

• ฉันไม่ค่อยใช้ InDesign เว้นแต่ว่ากราฟิกจะเป็นส่วนหนึ่งของเอกสารหลายหน้า (แม้ว่าบางคนจะใช้มันสำหรับด้านข้อความทั้งหมดของกราฟิกวางองค์ประกอบทุกอย่างจาก Illustrator) ข้อยกเว้นสองข้อที่ฉันใช้:

  • สิ่งใดก็ตามที่สร้างขึ้นในรูปแบบตาราง (แม้ว่าจะเป็นความคิดที่ดีที่จะเก็บองค์ประกอบกราฟิกทั้งหมดไว้ในไฟล์ Illustrator และวางไว้ตามความจำเป็นโดยเฉพาะอย่างยิ่งสำหรับสิ่งที่ปรับได้ตามข้อมูลเช่นเส้นแบบประกายไฟ ) InDesign นั้นดีสำหรับการวางข้อมูล ด้วย)
  • ถ้ามันเป็นข้อความที่หนักมากการเป็นเหมือนเลย์เอาต์ของนิตยสารที่มีกราฟิกหลากหลายกว่ากราฟิกที่มีตัวอย่างของข้อความ

• Photoshop เป็นบางครั้งมีประโยชน์อย่างมากสำหรับช่วงเวลาที่ใช้กราฟิกแรสเตอร์ไม่สามารถหลีกเลี่ยงได้และดอกไม้ไฟมีประโยชน์สำหรับการเตรียมสิ่งที่ซับซ้อนสำหรับเว็บหรือชุดของตัวแปรที่มีโครงสร้างพื้นฐานเดียวกัน ฉันใช้ทั้งอินโฟกราฟิกค่อนข้างน้อย แต่มีบางคนที่ออกแบบอินโฟกราฟิกเรียบง่ายแบบครั้งเดียวสำหรับเว็บโดยใช้ Photoshop หรือ Fireworks

• หากคุณสนใจอินโฟกราฟิกแบบอินเทอร์แอคทีฟและหากคุณหรือเพื่อนร่วมงานรู้จักจาวาสคริปต์ใด ๆ ข้อดีอีกอย่างของ Illustrator (เช่นใน Inkscape และ CorelDraw) คือมันสามารถส่งออก SVG ซึ่งสามารถใช้เป็นองค์ประกอบเวกเตอร์แบบโต้ตอบในเบราว์เซอร์ .

  • หากเป็นถนนที่คุณต้องการลงไปดูRaphaelและgRaphaelซึ่งสามารถใช้ SVGและทำงานกับทุกอย่างตั้งแต่ IE6 ถึง iPads
  • D3เป็นมูลค่ารู้เกี่ยวกับซึ่งยังเป็น SVG (ง่ายต่อการใช้ แต่ไม่ได้ทำงานใน IE <8) และถูกนำมาใช้เป็นจำนวนมากโดยนิวยอร์กไทม์สฝ่ายกราฟิก ,
  • การประมวลผลและProcessing.js ( ผ้าใบ HTML5 ) ยังเป็นที่นิยมมากและจะถูกใช้โดยชื่อใหญ่ต่างๆในกราฟิกข้อมูลโต้ตอบเช่นJer Thorpและเบนทอด

บางคนใช้โปรแกรมที่ง่ายมากขึ้นเช่นOmniGraffleสำหรับแผนภาพที่เรียบง่ายและความคิดของเครื่องมือ infographics สร้างต่ำอุปสรรคต่อการเข้ารับบางครั้งลอยรอบ แต่ผู้ที่ฉันได้เห็นได้รับการอย่างใดอย่างหนึ่งเพียงพวงของinfographics ที่ทำไว้ล่วงหน้าในการปลอมตัว (เช่น visual.ly สร้าง)หรือน่าหัวเราะตื้น (เช่น easel.ly)

Edit--

ขณะนี้มีเครื่องมือสองอย่างที่ไม่สามารถเข้าถึงได้ 100% และสิ่งที่ควรค่าแก่การกล่าวถึงในรูปแบบ Infographic มาตรฐาน ( Vennageและinfogr.am ) พวกเขากำลังอยู่ในช่วงเริ่มต้นและค่อนข้างหยาบและเนื่องจากพวกเขาเป็นแอพของเล่นเป็นหลักพวกเขาไม่น่าจะใช้กับนักออกแบบได้มากนักยกเว้นคนในบ้านที่หลีกเลี่ยงงานที่ต้องไตร่ตรองอย่างไม่น่าเชื่อ ("ข้อความและแผนภูมิสองรายการ) เรียบง่ายจริงๆคุณสามารถทำสิ่งนี้ได้ด้วยตัวคุณเองนี่คือวิธี ... ") - แต่มีบางสิ่งที่น่าสังเกตเกี่ยวกับมัน: มันส่งออกเป็น HTML และ SVG (infogr.am ใช้ Raphael, Venngage ใช้ HTML, CSS และ D3)

เหตุใดเรื่องนี้ เพราะถ้าคุณออกแบบอินโฟกราฟิกสำหรับการเผยแพร่บนหน้าเว็บและหากคุณเพิ่งตี png หรือ gif และพูดว่างานเสร็จโดยไม่ต้องใช้วิธีการเช่นนี้ในการแสดงผลข้อความเป็นข้อความจริงจริงสดและความหมายในหน้าเว็บของมาร์คอัป จะหมายถึงว่าของเล่นอัตโนมัติแบบชีสเช่นไซต์เหล่านี้กำลังจะผลิตผลงานที่มีความได้เปรียบเหนืองานของคุณ ... ฉันมักจะใช้ Raphael สำหรับสิ่งนี้เพราะมันเป็นสิ่งเดียวที่ใช้ได้กับ IE และ iOS รุ่นเก่า

แก้ไข 2 ---

ผู้บุกเบิกนักออกแบบข้อมูล / นักเขียนข่าวข้อมูลผู้มีอิทธิพลอัลแบร์โตไคโรเพิ่งเขียนบล็อกเกี่ยวกับเครื่องมือของการค้าและได้เผยแพร่วิดีโอแนะนำเกี่ยวกับอินโฟกราฟิกใน Illustrator ที่มุ่งเป้าไปที่ผู้เริ่มต้น (ฉันไม่ได้ลอง บล็อก DataViz นิยมไหลข้อมูลยังเป็นระยะ ๆ มีบทเรียนซึ่งบางครั้งรหัสบางครั้งสถิติบางครั้งการออกแบบ สิ่งเหล่านี้มักจะมุ่งไปที่นักสถิติที่มองหาเพื่อเพิ่มทักษะการออกแบบและการสร้างภาพข้อมูลของพวกเขามากกว่าในทางกลับกัน แต่อาจมีประโยชน์

WebCodeเป็นแอพวาดภาพเวกเตอร์ที่ยอดเยี่ยมและใช้งานง่ายซึ่งสร้างโค้ด JavaScript + Canvas, SVG หรือ CSS + HTML ได้ทันที มันเหมาะสำหรับเว็บอินโฟกราฟิก

Illustrator สำหรับแผนภูมิ คุณสามารถใช้ Illustrator หรือ InDesign สำหรับวัสดุที่ไม่ใช่แผนภูมิทั้งนี้ขึ้นอยู่กับสิ่งอื่นในอินโฟกราฟิกของคุณ นักวาดภาพประกอบสามารถใช้สำหรับเลย์เอาต์พื้นฐานถึงปานกลางและแน่นอนว่ามันดีสำหรับโปสเตอร์แผ่นเดียว เมื่อคุณเข้าไปในหลาย ๆ หน้าคุณน่าจะดีกว่าด้วย InDesign

ฉันเห็นด้วยกับลอเรน - ผู้วาดภาพประกอบสำหรับแผนภูมิ และเป็นไปได้ที่จะใช้ Illustrator สำหรับชิ้นงานทั้งหมด อย่างไรก็ตามฉันจะพึ่งพาการใช้ Indesign สำหรับข้อมูลแบบตารางจำนวนมากและไม่ใช่แค่หลาย ๆ หน้า Indesign จัดการกับข้อมูลตารางได้ง่ายกว่า Illustrator

ในความเป็นจริงชิ้นส่วนใหญ่ไม่ได้สร้างขึ้นโดยใช้ซอฟต์แวร์หนึ่งชิ้น แผนภูมิและกราฟใน Illustrator รูปถ่ายหรือภาพประกอบสามารถใช้ Photoshop ได้ จากนั้นสิ่งทั้งหมดรวมกับตารางใน Indesign เนื่องจาก Indesign มีเครื่องมือประเภทที่ดีกว่า

แต่สามารถทำได้ทั้งชิ้นใน Illustrator หรือ Photoshop สำหรับเรื่องนั้น

"Infographic" ไม่ใช่เทคโนโลยีหรือความสวยงาม มันเป็นเพียงการแสดงข้อมูลทางสายตา ใช้เครื่องมืออะไรก็ได้ที่คุณใช้ สำหรับภาพเวกเตอร์ Adobe Illustrator นั้นใช้ได้ Inkscape เป็นตัวเลือกที่ดีเช่นกัน Corel Draw สามารถทำงานได้ มีตัวเลือกมากมาย

สำหรับคำตอบที่ยอดเยี่ยมที่ได้รับแล้วฉันแค่อยากโยนทรัพยากรสองสามอย่างที่ผลักซองจดหมายสักเล็กน้อย (ซองจดหมายของฉันต่อไป) กับสิ่งที่คุณสามารถทำกราฟิกด้วยข้อมูล (1) หนังสือของนาธานเหยาเห็นภาพนี้ (หรือเว็บไซต์ flowdata.com) ซึ่งหากฉันจำได้ถูกต้องว่าต้องใช้เครื่องมือสร้างอินโฟกราฟิกขั้นสูงและ (2) การพูดคุย TED ของ Jer Thorpe ในหัวข้อ "Making Data More Human" http: // www.ted.com/talks/jer_thorp_make_data_more_human.htmlเพลิดเพลินกับบางช่วงเวลาที่คุณมีเวลาเพิ่มอีกไม่กี่นาที!

ฉันใช้ Microsoft Word เพื่อสร้างอินโฟกราฟิกด้วยเค้าโครงเลย์เอาต์เครื่องมือรูปร่างกล่องข้อความและคำแนะนำ ฉันสามารถจัดทำแผนภูมิอย่างง่าย ๆ เหล่านี้และต้องการให้คำแนะนำวิดีโอแบบทีละขั้นตอนเกี่ยวกับวิธีที่คนอื่น ๆ ที่ไม่สามารถเข้าถึงเครื่องมือ Adobe CS5 สามารถสร้างไลบรารีข้อมูลกราฟิกใน MS Word ได้ https://gumroad.com/l/MDDPA