IZ - Materi Pelatihan Dasar Infografis.pdf

8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf

1/30

INFOGRAFISVISUALISASI INFORMASI DAN DATABERBASIS GRAFIS

IPIT ZULFAN | 20160519#01


2/30

Infografis/infographic berasal dari bahasa

Inggris information + graphic.

• Graphic diterjemahkan menjadi grafis, seni visual

yang berkaitan dengan gambar dan huruf.

Sedangkan infografis mengacu pada visualisasi

grafis yang menunjukan relasi satu atau beberapa

data atau informasi tertentu.

INFOGRAFIS / Pengertian


3/30


4/30

Infografis/infographic berasal dari bahasa

Inggris information + graphic.

• Hasil akhir dari infografis lebih didominasi bentuk

visual daripada informasi teks. Proses pembuatan

infografis disebut information design, data-

visualization, dan information architecture.



5/30

Penggunaan simbol-simbol grafis yang

universal disertai bahasa dan teks yang sedikit,

Memudahkan komunikan (pembaca)

memahami informasi yang terkandung dalam

infografis tersebut.



6/30

Tujuan infografis sama dengan public speaking.

Tujuan infografis adalah untuk

menginformasikan, menghibur, dan

mempersuasi pembaca sehingga pembaca

memberikan perhatian (membaca),

menyimpulkan dan melakukan aksi seuai

dengan informasi dalam infografis tersebut.

(Krum dalam Kurniasih, 2016)

INFOGRAFIS / Tujuan


7/30

Infografis statis

• Infografis yang dibuat dalam bentuk visual statis

atau gambar yang tidak bergerak. Jenis infografis ini

adalah jenis paling umum digunakan dalammenyampaikan informasi dalam berbagai

kebutuhan, diantaranya media cetak dan hasil-hasil

penelitian.

INFOGRAFIS / Jenis-Jenis


8/30


9/30


10/30

Infografis animasi

• Infografis yang menyajikan informasi dalam bentuk

audio video. Infografis jenis ini bisa disajikan dengan

dua atau 3 dimensi yang telihat lebih kompleks,misalnya televisi dan youtube.



11/30

Infografis interaktif

• Infografis yang dibuat pada sebuah website agar

pengguna dapat berinteraksi dengan informasi yang

ditampilkan. Untuk membuat jenis infografis inibiasanya dibutuhkan seorang desainer, UI/IUX

disainer, illustrator, dan programer.


1 / 2 / 3 /

http://localhost/var/www/apps/conversion/tmp/scratch_6/video/[GNFI]%20BJ%20Habibie,%20Dari%20Indonesia%20untuk%20Dunia%20-%20Good%20News%20From%20Indonesia.mp4http://localhost/var/www/apps/conversion/tmp/scratch_6/video/Digital%20TV%20Switchover%20-%20Infographic%20Video.mp4http://localhost/var/www/apps/conversion/tmp/scratch_6/video/Animasi%20Iklan%20Layanan%20Masyarakat%20-%20Bangga%20dengan%20Indonesia.mp4http://localhost/var/www/apps/conversion/tmp/scratch_6/video/Animasi%20Iklan%20Layanan%20Masyarakat%20-%20Bangga%20dengan%20Indonesia.mp4http://localhost/var/www/apps/conversion/tmp/scratch_6/video/Digital%20TV%20Switchover%20-%20Infographic%20Video.mp4http://localhost/var/www/apps/conversion/tmp/scratch_6/video/[GNFI]%20BJ%20Habibie,%20Dari%20Indonesia%20untuk%20Dunia%20-%20Good%20News%20From%20Indonesia.mp4


12/30

• http://infographicworld.com/interactive-infographics/

• http://www.simplybusiness.co.uk/microsites/hungry-tech/

• http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-

hacks/ • etc

http://infographicworld.com/interactive-infographics/http://www.simplybusiness.co.uk/microsites/hungry-tech/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http:/www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/http://www.simplybusiness.co.uk/microsites/hungry-tech/http://www.simplybusiness.co.uk/microsites/hungry-tech/http://www.simplybusiness.co.uk/microsites/hungry-tech/http://infographicworld.com/interactive-infographics/http://infographicworld.com/interactive-infographics/http://infographicworld.com/interactive-infographics/


13/30

• Material, berupa data atau informasi atau

pengetahuan yang akan menjadi isi dari

visualisasi informasi.

• Kreator, berupa perangkat lunak (software)

yang akan mendukung pembuatan

infografis.

• Elemen Visual, berupa koding warna, grafis,teks (typografi).

INFOGRAFIS / Elemen-elemen


14/30


15/30

1. Memilih Topik

Mencari tahu apa yang sedang menjadi

trending topic di berbagai media, atau

mencari tahu informasi seperti apa yang

akan diolah menjadi infografis

INFOGRAFIS / infographics process


16/30

2. Melakukan survey dan riset

Mencari sumber-sumber data dari buku-

buku, internet, dan sumber lainnya.



17/30


18/30

4. Menganalisis data

Menganalisis, mempelajari, membaca dan

mengartikan data dan informasi yang

diperoleh.



19/30

5. Membuat narasi

Membuat narasi, membangun cerita

berdasarkan analisis data yang dilakukan



20/30

6. Membuat sketsa/wireframe

Brainstorming, membuat berbagai sketsa

visual



21/30

7. Editing

Mengedit format dan menyusun tampilan

data untuk dimuat ke dalam visualisai



22/30

8. Desain

Mengintegrasikan elemen visual yang telah

disusun



23/30

9. Melakukan pengujian

Melakukan validasi terhadap data dalam

visualisasi



24/30

10. Penyempurnaan

Melakukan perbaikan berdasarkan hasil

pengujian



25/30


26/30

Cara susah membuat infografis adalah dengan

menggunakan software-software desain grafis,

diantaranya: Adobe Illustrator

Adobe Indesign

Adobe Photoshop Adobe Flash

Adobe Premiere

Adobe Dreamweaver

CorelDraw

Corel Photopaint

Quark Xpress

Microsoft Excell

Microsoft Publisher

Dan lain-lain

INFOGRAFIS / cara membuat infografis


27/30

Cara mudah membuat infografis adalah

dengan memanfaatkan layanan-layanan online yang khusus dibuat untuk memproduksiinfografis. Picktochart (www.picktochart.com)

Easely (www.easely.ly)

Visme (www.visme.co)

Canva (www.canva.com)

Infogram (www.infogr.am)

venngage (www.venngage.com)

Icharts (www.icharts.net)

Statsilk (www.statsilk.com) Tableu public (public.tableu.com)

Creately (www.creately.com)

iconarchive (www.iconarchive.com

Many Eyes (http://manyeyes.alphaworks.ibm.com/manyeyes/ )

Inkscape (https://inkscape.org/en/)

INFOGRAFIS / cara membuat infografis

http://www.picktochart.com/http://www.easely.ly/http://www.visme.co/http://www.canva.com/http://www.infogr.am/http://www.venngage.com/http://www.icharts.net/http://www.statsilk.com/http://www.creately.com/http://www.iconarchive.com/http://manyeyes.alphaworks.ibm.com/manyeyes/https://inkscape.org/en/https://inkscape.org/en/http://manyeyes.alphaworks.ibm.com/manyeyes/http://www.iconarchive.com/http://www.creately.com/http://www.statsilk.com/http://www.icharts.net/http://www.venngage.com/http://www.infogr.am/http://www.canva.com/http://www.visme.co/http://www.easely.ly/http://www.picktochart.com/


28/30

INFOGRAFIS / cara mudah membuat infografis

http://localhost/var/www/apps/conversion/tmp/scratch_6/Piktochart-e-book-2-Create-Your-First-Infographic-In-15-Minutes.pdf


29/30

Piktochart-e-book-2-Create-Your-First-Infographic-In-15-Minuteshttp://teoridesain.com/2015/11/penjelasan-infografis.html

http://totemdesignschool.com/pengertian-infografis/

http://www.hongkiat.com/blog/animated-interactive-infographics/

http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/

Image:

http://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-

infographic.jpg

https://s-media-cache-

ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpg

Video url:

https://www.youtube.com/results?search_query=gnfihttps://youtu.be/V4s-ZewTZCs

INFOGRAFIS / Daftar Pustaka

http://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://totemdesignschool.com/pengertian-infografis/http://www.hongkiat.com/blog/animated-interactive-infographics/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttps://s-media-cache-ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-infographic.jpghttp://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/http://www.hongkiat.com/blog/animated-interactive-infographics/http://www.hongkiat.com/blog/animated-interactive-infographics/http://www.hongkiat.com/blog/animated-interactive-infographics/http://www.hongkiat.com/blog/animated-interactive-infographics/http://www.hongkiat.com/blog/animated-interactive-infographics/http://totemdesignschool.com/pengertian-infografis/http://totemdesignschool.com/pengertian-infografis/http://totemdesignschool.com/pengertian-infografis/http://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.htmlhttp://teoridesain.com/2015/11/penjelasan-infografis.html


30/30

INFOGRAFISVISUALISASI INFORMASI DAN DATA BERBASIS GRAFIS

20160519#01

IPIT ZULFAN, S.Sos.,M.I.Kom

[email protected]

[email protected]

@2016

Universitas Padjadjaran

Fakultas Ilmu Komunikasi

Program Studi Jurnalistik

IZ - Materi Pelatihan Dasar Infografis.pdf

Documents

Transcript of IZ - Materi Pelatihan Dasar Infografis.pdf