Công cụ tạo infographics


12

Các công cụ tốt nhất để sản xuất infographics - màn hình hấp dẫn kết hợp biểu đồ, sơ đồ và văn bản để truyền tải nhiều thông tin ngắn gọn. Tôi quan tâm đến cả nội dung và áp phích có thể xem trên web để in.

Cụ thể, tôi đang hỏi:

  • Những kết hợp công cụ nào được sử dụng (ví dụ: một công cụ để tạo biểu đồ, công cụ khác để lắp ráp biểu đồ và văn bản vào infographic cuối cùng)?
  • Có bất kỳ công cụ đồ họa vector nào (ví dụ: Illustrator) đặc biệt phù hợp với nhiệm vụ hơn hoặc ít hơn không?
  • Có công cụ trực tuyến nào hữu ích trong quá trình lắp ráp không?

(Như một ví dụ về loại điều tôi quan tâm khi thực hiện [nhưng ở quy mô khiêm tốn hơn nhiều], http://xkcd.com/980/ )


Đối với các câu trả lời xuất sắc đã được đưa ra, tôi chỉ muốn đưa vào một vài tài nguyên đẩy phong bì một chút (dù sao phong bì của tôi) về những gì bạn có thể làm với dữ liệu. Bạn có thể không thể sử dụng chúng trong dự án tiếp theo (hoặc bao giờ), nhưng chúng rất vui và chúng sẽ khiến bạn phải suy nghĩ.
Amanda

Câu trả lời:


18

Thiết kế infographics là một phần lớn những gì tôi làm. Đây là một sự cố sơ bộ về những gì tôi sử dụng.

  • Có lẽ 95% công việc trên infographics tôi làm là trong Illustrator. Bạn sẽ muốn giữ mọi thứ ở định dạng vector càng nhiều càng tốt bởi vì tỷ lệ chính xác, căn chỉnh, nhóm, điều chỉnh và thay đổi là rất quan trọng. Nếu đó là một bản trình bày thông tin tốt, thì có thể có các phiên bản được bố trí khác nhau: web, in, poster, tương tác, hình ảnh nhỏ có thể chia sẻ cho phương tiện truyền thông xã hội, hình thu nhỏ ... và thậm chí có thể là phiên bản cập nhật với dữ liệu của năm tới. Nếu bạn giữ mọi thứ linh hoạt, bạn sẽ cảm ơn chính mình sau này. Một vài tính năng cụ thể của Illustrator:

    • Các công cụ biểu đồ của nó, rất gỉ và bực bội nhưng chính xác và đáng sử dụng (một số mẹo: hãy nhớ sử dụng srchia tỷ lệ và xoay, các phương pháp bình thường không hoạt động, và khi bạn cần phá vỡ và hủy nhóm các biểu đồ, hãy luôn giữ một nhóm sao chép) và đánh bại các cách giải quyết cần thiết trong Corel Draw . Điều đó nói rằng, tôi tập hợp rằng Inkscape có một số plugin và đang cải thiện về vấn đề này trong khi Adobe bỏ bê các công cụ đồ thị cổ xưa thẳng thắn của họ . Nhiều như tôi thích Illustrator, tôi sẽ ngay lập tức nếu đối thủ có các công cụ biểu đồ tốt, hiện đại, đáng tin cậy. Đừng cố sao chép, hủy nhóm và chỉnh sửa biểu đồ từ Excel - nó hoạt động, chúng dán dưới dạng vectơ, nhưng ở đâu đó dọc theo đường kẻ chúng bị biến dạng một chút và mất độ chính xác.
    • Các tính năng của nó để áp dụng hiệu ứng cho các hình được vẽ chính xác theo cách có thể điều chỉnh, như cọ nghệ thuật, cọ vẽ hoa văn và hiệu ứng biến đổi. Các chương trình vectơ khác có các tính năng như thế này, nhưng không đến mức tương tự. Bất cứ điều gì làm cho các yếu tố có thể sử dụng lại, có thể điều chỉnh và cấu hình lại đều có ích.
    • Có rất nhiều tập lệnh khi bạn cần thực hiện mọi thứ một cách chính xác. Khi bạn cần làm điều gì đó bất thường và chính xác, thường có một kịch bản cho nó. Ngoài ra, bảng màu Align là tuyệt vời và có các thủ thuật tiện dụng không rõ ràng như xếp chồng mọi thứ một cách chính xác .
  • Tôi hiếm khi sử dụng InDesign trừ khi đồ họa là một phần của tài liệu nhiều trang (mặc dù một số người sử dụng nó cho toàn bộ mặt văn bản của đồ họa, đặt mọi yếu tố từ Illustrator). Hai trường hợp ngoại lệ nơi tôi sử dụng nó:

    • Bất cứ điều gì được xây dựng xung quanh một định dạng bảng (thậm chí sau đó, nó là một ý tưởng tốt để giữ yếu tố hoàn toàn đồ họa như các file vẽ tranh minh họa và đặt chúng khi cần thiết - đặc biệt đối với bất cứ điều gì có thể điều chỉnh dựa trên dữ liệu như Sparkline - InDesign là tốt để đặt dữ liệu nhưng không thể làm bất cứ điều gì với nó)
    • Nếu nó rất nặng về văn bản, giống như một bố cục tạp chí với đồ họa khác nhau hơn là một đồ họa với các đoạn văn bản
  • Photoshop đôi khi rất tiện dụng cho thời đại khi sử dụng đồ họa raster là không thể tránh khỏi và Fireworks có thể thuận tiện cho việc chuẩn bị những thứ phức tạp cho web hoặc cho một bộ các biến thể có cùng cấu trúc cơ bản. Tôi sử dụng cả hai khá hiếm khi cho infographics, mặc dù có một số người thiết kế infographics đơn giản một lần cho web chủ yếu sử dụng Photoshop hoặc Fireworks.

  • Nếu bạn quan tâm đến infographics tương tác và nếu bạn hoặc đồng nghiệp biết bất kỳ javascript nào, một lợi thế khác của Illustrator (cũng đúng với Inkscape và CorelDraw) là nó có thể xuất SVG có thể được sử dụng làm yếu tố vectơ tương tác trong trình duyệt .

    • Nếu đó là một con đường bạn muốn đi xuống, hãy kiểm tra RaphaelgRaphaelcó thể mất SVG và làm việc trên tất cả mọi thứ từ IE6 với iPad.
    • D3 đáng để biết, đó cũng là SVG (dễ sử dụng hơn nhưng không hoạt động trong IE <8) và được sử dụng rất nhiều bởi bộ đồ họa của New York Times ,
    • Xử lýXử lý.js ( canvas HTML5 ) cũng khá phổ biến và được sử dụng bởi nhiều tên tuổi lớn khác nhau trong đồ họa dữ liệu tương tác như Jer ThorpBen Fry .

Mọi người đôi khi sử dụng các chương trình đơn giản hơn như omnigraffle cho các sơ đồ đơn giản và ý tưởng về các công cụ tạo infographics có rào cản thấp để đôi khi được thả nổi xung quanh, nhưng những thứ mà tôi thấy chỉ là một loạt các infographics được tạo ra trước được ngụy trang (ví dụ: visual.ly tạo) hoặc nông cạn (ví dụ Easel.ly) .

Biên tập--

Hiện tại có một số công cụ có rào cản thấp không hút 100% và thêm một số thứ đáng nói vào định dạng đồ họa thông tin tiêu chuẩn ( Vennageinfogr.am ). Chúng ở giai đoạn đầu và hơi thô sơ, và vì về cơ bản chúng là các ứng dụng đồ chơi, chúng sẽ không được sử dụng nhiều cho các nhà thiết kế ngoại trừ những người trong nhà tránh công việc trival tê liệt ("Văn bản và một vài biểu đồ? thực sự đơn giản, bạn thực sự có thể tự làm điều đó, đây là cách ... ") - nhưng có một điều đáng chú ý về chúng: chúng xuất dưới dạng HTML và SVG (infogr.am sử dụng Raphael, Venngage sử dụng HTML, CSS và D3).

Vì sao vấn đề này? Bởi vì nếu bạn thiết kế infographics để xuất bản trên các trang web và nếu bạn chỉ viết một png hoặc gif và nói công việc được thực hiện mà không sử dụng các phương thức như thế này để xuất văn bản thành văn bản thực tế, thực, sống động, trong ngữ nghĩa của trang web, thì điều này sẽ có nghĩa là đồ chơi tự động phô mai như các trang web này sẽ tạo ra sản phẩm có lợi thế hơn cho công việc của bạn ... Tôi luôn sử dụng Raphael cho những thứ như thế này vì đó là thứ duy nhất hoạt động trong IE và iOS cũ.

Chỉnh sửa 2 ---

Nhà tiên phong về thiết kế thông tin / báo chí dữ liệu có ảnh hưởng lớn, Alberto Cairo gần đây đã viết về các công cụ thương mại và đã xuất bản một số video hướng dẫn về infographics trong Illustrator nhằm vào người mới bắt đầu (Tôi chưa thử chúng vì vậy không thể chứng minh cho họ). Blog dữ liệu phổ biến Flowing Data cũng định kỳ có các hướng dẫn đôi khi là mã, đôi khi là số liệu thống kê, đôi khi là thiết kế . Chúng thường nhắm vào các nhà thống kê đang tìm cách tăng cường các kỹ năng thiết kế và trực quan hơn so với cách khác, nhưng có thể hữu ích.


4
+1000 cho "giữ một bản sao được nhóm của biểu đồ của bạn nếu bạn sắp hủy nhóm." Mẹ của lòng thương xót, cố gắng làm việc với biểu đồ logarit chưa được nhóm của S & P từ năm 1923 đến nay giống như tự đâm vào mắt mình bằng một chiếc đũa nhúng vào nước chanh.
Lauren-Rebstate-Monica-Ipsum

+1 cho bộ nhớ rõ ràng đau đớn của một biểu đồ chưa được nhóm.
huzzah

Câu trả lời tuyệt vời. Đặc biệt cảm ơn con trỏ về infographics tương tác - chắc chắn là một cái gì đó để khám phá.
Steve Bennett

1
@SteveBennett Cảm ơn! Nhân tiện, từ khi viết bài này, tôi đã thấy ví dụ tuyệt vời này về Raphael được sử dụng để làm cho những gì dường như là một đồ họa có thể in được thiết kế tĩnh trở nên hấp dẫn hơn trên mạng. Nó bằng tiếng Pháp nhưng sẽ tốt cho việc lấy ý tưởng ... chỉ không mong đợi việc triển khai nhất thiết phải dễ dàng parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

wow, đó là khá ngoạn mục. (chủ đề thú vị quá - Tôi đã sống ở Pháp trong hai năm, mặc dù trước Sarkozy). raphaeljs.com
Steve Bennett

8

WebCode là một ứng dụng vẽ vector tuyệt vời và dễ sử dụng, tạo ngay mã JavaScript + Canvas, SVG hoặc CSS + HTML. Nó đặc biệt hướng đến infographics web.

nhập mô tả hình ảnh ở đây


7

Illustrator cho các biểu đồ. Tùy thuộc vào những gì khác trong infographic của bạn, bạn có thể sử dụng Illustrator hoặc InDesign cho các tài liệu không có biểu đồ. Illustrator có thể được sử dụng cho bố cục cơ bản đến trung bình, và nó chắc chắn tốt cho một poster một tờ. Khi bạn vào được nhiều trang, có lẽ bạn sẽ tốt hơn với InDesign.


4

Tôi đồng ý với Lauren - Illustrator cho bảng xếp hạng. Và có thể sử dụng Illustrator cho toàn bộ tác phẩm. Tuy nhiên, tôi sẽ nghiêng về việc sử dụng Indesign cho nhiều dữ liệu dạng bảng và không chỉ đơn giản là nhiều trang. Indesign xử lý dữ liệu bảng dễ dàng hơn nhiều so với Illustrator.

Trong thực tế, hầu hết các phần không được tạo bằng một phần mềm. Biểu đồ và đồ thị được thực hiện trong Illustrator, ảnh hoặc hình minh họa có thể được hoàn thành bằng Photoshop. Sau đó, toàn bộ kết hợp với các bảng trong Indesign vì Indesign có các công cụ loại tốt hơn.

Nhưng người ta có thể hoàn thành toàn bộ tác phẩm trong Illustrator hoặc Photoshop cho vấn đề đó.


2

"Infographic" không thực sự là một công nghệ cụ thể hay thậm chí là thẩm mỹ. Nó thực sự chỉ là đại diện trực quan cho dữ liệu. Sử dụng bất cứ công cụ nào có ý nghĩa để bạn sử dụng. Đối với minh họa vector, Adobe Illustrator là tốt. Inkscape là một lựa chọn tốt là tốt. Corel Draw có thể hoạt động. Có một số tùy chọn.


2

Đối với các câu trả lời xuất sắc đã được đưa ra, tôi chỉ muốn đưa vào một vài tài nguyên đẩy phong bì một chút (dù sao phong bì của tôi) vào những gì bạn có thể làm bằng đồ họa với dữ liệu. (1) Cuốn sách của Nathan Yau Trực quan hóa Điều này (hoặc trang web Flowdata.com), nếu tôi nhớ đúng đề cập đến một loạt các công cụ tạo đồ họa thông tin tiên tiến và (2) Cuộc nói chuyện TED của Jer Thorpe về "Tạo dữ liệu nhiều người hơn" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Hãy tận hưởng đôi khi bạn có thêm vài phút!


1

Tôi sử dụng Microsoft Word để tạo infographics với Giao diện xuất bản, công cụ hình dạng, hộp văn bản và hướng dẫn. Tôi đã có thể tạo các biểu đồ như thế này rất đơn giản và muốn đưa ra các hướng dẫn bằng video từng bước về cách những người khác không có quyền truy cập vào các công cụ Adobe CS5 có thể xây dựng thư viện đồ họa thông tin trong MS Word. https://gumroad.com/l/MDDPA

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.