colorME INFOGRAPHIC EBOOK

color

ME SÁNG TẠO VỚI

INFOGRAPHIC Cuốn sách tiếp theo của colorME về những kiến thức chung cho cộng đồng

color

ME

LỜI NÓI ĐẦU Như vậy, colorME đã tồn tại và phát triển được 9 tháng, 9 tháng là một chặng đường thực sự dài với colorME. Để tri ân các học viên và các bạn luôn ủng hộ colorME. colorME quyết định xuất bản 3 tập EBOOK để giúp mọi người phát triển kĩ năng thiết kế.

Không giống như tập trước của EBOOK chỉ đào sâu vào kiến thức cơ bản về thiết kế kĩ thuật số, cuốn sách này chỉ tập trung chia sẻ với mọi người về những điều mà colorME biết về Infographic.

Rất hi vọng mọi người sẽ có thêm nhiều cảm hứng sau khi đọc xong cuốn sách này.

Mọi góp ý xin vui lòng liên hệ: colorme.idea@gmail.com Xin cám ơn mọi người.

color

ME

MỤC LỤC 1 2 3 4

ĐỊNH NGHĨA CÁC CHỦ ĐỀ INFORGRAPHIC CÁC LOẠI BIỂU ĐỒ TRONG INFOGRAPHIC PHỤ LỤC

color

ME

1

ĐỊNH NGHĨA

Infographic là từ ghép của Information graphic. Theo Wikipedia, “Information graphics or infographics are graphic visual representations of information, data or knowledge intended to present complex information quickly and clearly”. Tạm dịch là "Information graphics hoặc infographics là nghĩà là hình thức đồ họa trực quan sử dụng hình ảnh để trình bày thông tin, dữ liệu hoặc kiến thức thể hiện những thông tin phức tạp một cách nhanh và rõ ràng". Điều này sẽ giúp cho người đọc có thể nắm bắt những ý chính của thông điệp một cách nhanh chóng, thay vì phải đọc một loạt những thông tin dài dòng.

Những infographic thường được bố trí khoa học, đẹp mắt giúp người đọc dễ hiểu, thay vì bạn phải đọc và xem qua hàng ngàn trang web, hay thiết kế, các thống kê phức tạp…thì chỉ cần xem một hình ảnh infographic là có thể nắm đủ thông tin chủ đề mà mình muốn xem.

(Theo Designs.vn)

1 color

ME

ỨNG DỤNG ĐỊNH NGHĨA

Mỗi con người có 2 bán cầu não. Một bên xử lý thông tin, bên còn lại xử lý hình ảnh. Vấn đề là khi chúng ta diễn giải một thứ gì đó, chúng ta thường có xu hướng dùng thông tin thuần để truyền tải. Điều này sẽ làm cho người xem nhanh chóng cảm thấy nhàm chán. Vì thế, việc dùng Infographic đang là một giải pháp tuyệt vời để thu hút người xem vào dữ liệu của bạn. Đừng hiểu nhầm rằng Infographic là một cái gì đó quá phức tạp. Infographic không chỉ là những tấm thông tin dài ngoằng về một chủ đề. Đôi lúc, Infographic bắt nguồn từ những biểu đồ quen thuộc mà bạn đã từng học. Hãy cùng colorME tiếp tục cuộc hành trình khám phá những điều liên quan đến thiết kế bạn nhé.

1 color

ME

ỨNG DỤNG ĐỊNH NGHĨA

Về mặt ứng dụng, Infographic có thể được dùng trong các bản báo cáo, các bài thuyết trình, trong các đề án, dự án.

Hoặc, phức tạp hơn thế, có thể là những bản Infographic liên quan đến một chủ đề nhất định. Đây thường là những thứ được cộng đồng mạng quan tâm rất nhiều.

Chương 2 của cuốn sách này sẽ giúp bạn phần nào định hình các chủ đề thường được quan tâm bởi giới trẻ, những bộ Infographic gây bão thường liên quan đến những chủ đề như thế nào.

1 color

ME

CÓ KHÓ KHÔNG ĐỊNH NGHĨA

Câu trả lời là, vừa khó vừa không. Để tạo một Infographic, điều kiện tiên quyết là bạn phải thành thạo một công cụ thiết kế. Và công cụ thiết kế chuyên dùng để thiết kế Infographic là Adobe Illustrator.

Tuy nhiên, công cụ là chưa đủ, để có một bộ Infographic tốt, bạn cần có tư duy về dữ liệu và biểu đồ rất nhiều. Với dữ liệu nào nên dùng biểu đồ nào, thể hiện ra sao. Cuốn sách này sẽ giúp bạn làm được điều đó.

color

ME

2

CÁC CHỦ ĐỀ

Trước khi tìm hiểu về các loại biểu đồ, hãy thử nghĩa qua một lượt xem những chủ đề Infographic nào thường được quan tâm nhé.

2 color

ME

KĨ NĂNG

Đây là loại Infographic xuất hiện ngày càng nhiều. Loại Infographic này tập trung vào việc hướng dẫn người xem về một kĩ năng cho trước.

CÁC CHỦ ĐỀ

2 color

ME

KĨ NĂNG 7 thủ thuật Typography, 10 điều cần biết về Gym, 20 phương pháp để sáng tạo. Đó là những cái tên thường gặp với loại Infographic này. Loại Infographic này hướng đến mtột số đối tượng nhất định và thường thành công nếu có hàm lượng kiến thức mới và thú vị

CÁC CHỦ ĐỀ

color

ME

QUY TRÌNH Quy trình xây dựng logo, quy trình cài đặt phần mềm, quy trình startup, quy trình gọi vốn. Những điều liên quan đến tuần tự thường sẽ được biểu diễn bởi loại biểu đồ này.

2 color

ME

THỊ TRƯỜNG

Thị trường nghe nhạc ở Việt Nam, thị trường thực phẩm, thị trường giáo dục, thị trường smart phone, thị trường xe hơi. Đây là một công cụ rất mạnh cho những bạn thích phân tích số liệu. việc biểu diễn những số liệu này dưới dạng biểu đồ sẽ giúp bạn phần nào

CÁC CHỦ ĐỀ

2 color

ME

HÀNH VI Tìm hiểu về hành vi và xã hội cũng là một chủ đề thường được quan tâm. Tình trạng kết hôn, mức sống và thu nhập, những việc học sinh hay làm, thói quen dùng mạng xã hội. Những bài phân tích như thế này sẽ giúp chúng ta có cái nhìn toàn diện hơn về xã hội.

CÁC CHỦ ĐỀ

2 color

ME

MÔ HÌNH Biểu diễn một mô hình gì đó, tại sao không. Tất cả những số liệu liên quan đến một vật mẫu hoàn toàn có thể biến thanh một dạng Infographic. Mô hình thành phố, mô hinh xe hơi, mô hình robot, tất cả đều là những bài Infographic thú vị.

CÁC CHỦ ĐỀ

3 color

ME

CÁC BIỂU ĐỒ

Chắc hẳn các bạn đã biết về các biểu đồ như biểu đồ tròn, biểu đồ cột, biểu đồ miền, vậy với những biểu đồ như vậy, có những phương thức nào biểu diễn, hãy cùng colorME tìm hiểu nhé.

color

ME

BIỂU ĐỒ CỘT Đây là loại biểu đồ được biết đến nhiều nhất trong tất cả các loại biểu đồ. Loại biểu đồ này cho phép người dùng có thể tự so sánh và ước lượng mọi thứ một cách trực quan.

Dưới đây là một số mẫu cơ bản cho biểu đồ cột. Những biểu đồ cột bên dưới được gọi là biểu đồ cột tối giản. Vì nó không có trục ngang, trục dọc.

Loại biểu đồ này được dùng khi nói về cùng một chủ thể trong từng giai đoạn, giá trị của từng cột được ghi ngay bên dưới cột.

3 color

ME

BIỂU ĐỒ CỘT

Dưới đây lại là một số phương pháp dùng biểu đồ cột khá phá cách. Kiểu biểu đồ này tự tạo ra những đơn vị tính ngay bên trong để người dùng có thể ước lượng và so sánh dễ dàng giá trị tương quan giữa các cột.

CÁC BIỂU ĐỒ

Elements One

Elements Two 60% 45%

3 color

ME

BIỂU ĐỒ CỘT

Còn biểu đồ cột dưới đây tận dụng phần đỉnh của cột để tạo ra sự phân biệt giữa các cột, phương pháp này được dùng để giúp người dùng có thể nhận diện các chủ thể một cách tốt hơn.

CÁC BIỂU ĐỒ

A B C D E

3 color

ME

BIỂU ĐỒ CỘT

Còn dưới đây, là biểu đồ cột dạng đầy đủ. Có 2 trục xy để đo lường. Tuy nhiên, người làm đã sáng tạo để thêm phần định lượng ngay trên đỉnh của các cột. Phương pháp này giúp người xem giảm thiểu thời gian giống hàng dữ liệu sang trục.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ CỘT

Sử dụng hình ảnh 3D cũng là một ý tưởng hay. AI giúp bạn dễ đàng 3D hóa một vùng vector bất kì. Tuy nhiên, phương pháp này không hơn không kém chỉ dùng để trang trí thêm. Khi dùng 3D, bạn nhớ cẩn thận nếu không sự sai khác về phong cách thiết kế sẽ làm cho bộ Infographic của bạn trông rất lộn xộn.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ CỘT

Còn dưới đây là loại biểu đồ cột khi nói về những dữ liệu được nhóm lại. Loại biểu đồ này hoàn toàn có thể bị thay thế bởi biểu đồ cột chồng.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ NGANG

Loại biểu đồ ngang, thường được gọi là Bar Graph hoặc Progress Bar. Loại biểu đồ này cũng đơn thuần là một dạng biểu đồ cột, nhưng lại nằm ngang, hãy thử phân tích xem chúng ta có thể sáng tạo như thế nào với loại biểu đồ này nhé.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ NGANG

Cách trang trí dưới đây đem lại sự cân đối cho toàn bộ biểu đồ khi tất cả những Progress Bar được căn trái thay vì phải như thông thường.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ NGANG

Biểu đồ dưới đây còn được biết với cái tên gọi là biểu đồ nhóm. Thường được dùng để biểu diễn những dữ liệu kiểu: Cứ 3 người thì có 1 người...

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ NGANG

Trang trí biểu đồ cột ngang theo kiểu tùy chỉnh Volume cũng là một phương pháp hay. Những chấm tròn được nhấn mạnh giúp người xem dễ dàng cảm nhận về định lượng các hàng hơn.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ NGANG

Tương tự biểu đồ cột. Loại biểu đồ này cũng có thể phân theo nhóm, dưới đây là môt ví dụ điển hình khi chia các dữ liệu nói về các năm nhất định.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ NGANG

Định lượng dữ liệu nay trên cột, kết hợp với loại biểu đồ cột chồng đem lại một kết quả không phải là quá tệ.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Đây là loại biểu đồ có mức độ phổ cập thứ 2 sau biểu đồ cột. Biểu đồ tròn xem toàn bộ giá trị chung của một vật thể là 100%, chia đều cho 360 độ.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Cách thức bên dưới, như các bạn thấy, các biểu đồ tròn được khoét rỗng bên trong để ghi thêm giá trị. Phương thức này giúp bạn không cần kẻ các đường trỏ vào từng vùng để dẫn dắt người xem về mặt số liệu.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Không chỉ là một vòng, bạn hoàn toàn có thể dùng nhiều vòng tròn, mỗi vòng biểu diễn một dữ liệu khác nhau.

Sự khác biệt về màu sắc và hình dạng sẽ khiến cho biểu đồ tròn của bạn trông rất lạ mắt.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Chỉ là một phương pháp trang trí, nhưng việc dùng 2 hình tròn lồng lấy nhau và cố gắng nhấn mạnh phần hình tròn biểu diễn số liệu cũng là phương pháp rất thường thấy trong thực tế.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Biểu đồ nhiều vòng lồng lấy nhau, đang rất thịnh hành thời gian gân đây. Được dùng để biểu diễn những số liệu liên quan đến cùng một chủ thể, loại biểu đồ này cho ta thấy cái nhìn tổng quan hơn về những số liệu. Bên cạnh đó, cách biểu diễn này trông cũng rất đẹp mắt.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Dùng một loạt hình tròn quay quanh một chủ thể không phải là ý tưởng tồi. Việc này giúp chúng ta cân đối lại bố cục khi muốn sử dụng nhiều hình tròn.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Biểu đồ tròn cắt lát như thế này cũng rất thường được thấy trong thực tế. Loại biểu đồ này có ưu điểm lớn nhất là... dễ làm với AI.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ TRÒN

Bạn hoàn toàn có thể chỉ dùng một nửa hình tròn để biểu diễn số liệu. Không có một giới hạn nào cho sự sáng tạo cả. Hãy tự tin nghĩ ra những phương thức biểu diễn dữ liệu mới nhé.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ ĐƯỜNG

Biểu đồ đường cũng là một loại biểu đồ rất quen thuộc đúng không. Tuy nhiên, loại biểu đồ này thực sự rất khó để sáng tạo thêm và biểu diễn một cách đẹp mắt. Giới hạn lớn nhất của loại biểu đồ này là nó dùng những đường Line khá mỏng để biểu diễn số liệu.

CÁC BIỂU ĐỒ

3 color

ME

BIỂU ĐỒ ĐƯỜNG

Tuy nhiên, nếu bạn có kĩ năng tốt về dùng màu. Bạn hoàn toàn có thể làm chủ được loại biểu đồ này để đem lại trải nghiệm tốt nhất cho người xem của bạn.

CÁC BIỂU ĐỒ

3 color

ME

DÒNG THỜI GIAN

Dòng thời gian chưa phải là một biểu đồ được sử dụng rộng rãi. Tuy nhiên, từ khi Facebook phát triển ra Timeline cho người dùng, chúng ta hoan toàn có thể thấy được lợi ích khi sử dụng nó. Nó đem lại cho ta một trải nghiệm liên quan đến sự hồi tưởng và cảm nhận về sự phát triển của một chủ thể nào đó.

CÁC BIỂU ĐỒ

3 color

ME

DÒNG THỜI GIAN

Có rất rất nhiều phương thức sáng tạo với Timeline. Tuy nhiên, luôn có 2 thứ mà Timeline phải có, thứ nhất là...

Line, và thứ 2, là các mốc sự kiện.

CÁC BIỂU ĐỒ

3 color

ME

DÒNG THỜI GIAN

Đừng giới hạn bản thân trong những Line thẳng tuốt, thử những đường vòng vèo, biết đâu lại đem lại cho bạn những trải nghiệm mới.

CÁC BIỂU ĐỒ

3 color

ME

DÒNG THỜI GIAN

Ngày càng có nhiều cách để sáng tạo với Timeline. Bạn có thể tìm kiếm rất nhiều từ những nguồn như FreePik, All-Free-Download.

CÁC BIỂU ĐỒ

3 color

ME

THẾ GIỚI

Hay còn gọi là biểu đồ phân bố. Phân bố về con người, phân bố về thị phần, phân bố về thói quen trên thế giới này ra sao.

CÁC BIỂU ĐỒ

3 color

ME

THẾ GIỚI

Loại biểu đồ này lấy bản đồ thế giới làm trọng tâm, phát triển xung quanh nó. Bạn hoàn toàn có thể khai thác hình ảnh các châu lục để phân tích dữ liệu.

CÁC BIỂU ĐỒ

3 color

ME

THẾ GIỚI

Hoặc sử dụng những bong bóng hội thoại như thế này cũng là một lựa chọn hay.

CÁC BIỂU ĐỒ

3 color

ME

THẾ GIỚI

Ngoài ra, đôi lúc, bạn hoàn toàn có thể sử dụng hình ảnh của thế giới như một bức nền để thể hiện những Infographic khác, việc này giúp bạn thể hiện tính toàn cầu của dữ liệu hơn.

CÁC BIỂU ĐỒ

3 color

ME

DANH SÁCH

Sau kiểu dữ liệu bảng (Grid) thì dữ liệu danh sách (List) là kiểu dữ liệu có khả năng biểu diễn nhiều dữ liệu cùng một lúc nhất. Việc đồng bộ hóa phong cách thiết kế của các phần tử trong danh sách đã hoàn toàn có thể tạo ra cho bạn một Infographic rồi.

CÁC BIỂU ĐỒ

3 color

ME

DANH SÁCH

Bố cục dọc, ngang, tam giác, tứ giác, đều có thể áp dụng với biểu đồ kiểu danh sách.

CÁC BIỂU ĐỒ

3 color

ME

DANH SÁCH

Và tất nhiên, đừng quá giới hạn bản thân trong những khối hình cứng rắn nhé. Hãy cứ sáng tạo ra những hình dạng mới cho kiểu biểu đồ danh sách này, tùy biến theo những dữ liệu mà bạn đang cố thể hiện.

CÁC BIỂU ĐỒ

3 color

ME

DANH SÁCH

Một số hình ảnh lạ mắt cho loại biểu đồ này, cho bạn thấy rằng đây là một trong những loại biểu đồ cho phép bạn sáng tạo nhiều nhất.

CÁC BIỂU ĐỒ

3 color

ME

DANH SÁCH

Một số hình ảnh lạ mắt cho loại biểu đồ này, cho bạn thấy rằng đây là một trong những loại biểu đồ cho phép bạn sáng tạo nhiều nhất.

CÁC BIỂU ĐỒ

3 color

ME

DANH SÁCH

Một số hình ảnh lạ mắt cho loại biểu đồ này, cho bạn thấy rằng đây là một trong những loại biểu đồ cho phép bạn sáng tạo nhiều nhất.

CÁC BIỂU ĐỒ

3 color

ME

QUY TRÌNH Đây cũng là một loại biểu đồ không chính thống. Loại biểu đồ này giúp bạn đưa cho người xem một cái nhìn tổng quan về trình tự hoạt động hoặc xây dựng một điều gì đó.

CÁC BIỂU ĐỒ

3 color

ME

QUY TRÌNH Bạn hoàn toàn có thể lồng ghép các loại biểu khác vào bên trong biểu đồ này. Việc sáng tạo đơn thuần chỉ là lắp ghép những thứ có sẵn với nhau. Hãy tự mình thử nghiệm xem bạn nhé.

CÁC BIỂU ĐỒ

3 color

ME

QUY TRÌNH Ví dụ như dưới đây là biểu đồ quy trình mang hơi hướng Timeline. Hãy nhìn thật nhiều, chiêm nghiệm thật nhiều, bạn sẽ thấy được rất nhiều điều thú vị.

CÁC BIỂU ĐỒ

3 color

ME

QUY TRÌNH Ứng dụng quy trình khép kín vào bên trong một hình tròn sẽ giúp bố cục của bạn trở nên rất gọn gàng. Nhược điểm lớn nhất của phương pháp này là nó sẽ giới hạn dữ liệu bạn muốn truyền tải vào bên trong một phần rất nhỏ của hình tròn.

CÁC BIỂU ĐỒ

3 color

ME

QUY TRÌNH Tiếp tục sáng tạo với những hình dạng mới. Loại biểu đồ này cũng rất dễ dàng để thể hiện, trang trí và làm mới.

Như vậy là bạn đã đi qua hết một lượt những loại biểu đồ đang thịnh hành hiện nay. Hãy bắt tay vào và luyện tập bạn nhé.

CÁC BIỂU ĐỒ

4 color

ME

LỜI KẾT

Một lần nữa, cám ơn bạn đã đọc đến trang cuối của cuốn sách này. Hi vọng bạn đã có thêm một số kiến thức nhất định.

Mọi đóng góp, phản hồi, bạn vui lòng gửi vào email: colorme.idea@gmai.com bạn nhé. colorME thực sự rất muốn lắng nghe những suy nghĩ của bạn.

Lời cuối cùng, xin cám ơn các bạn một lần nữa, vì đã luôn ủng hộ colorME.