IZ - Materi Pelatihan Dasar Infografis.pdf
-
Upload
ipit-zulfan -
Category
Documents
-
view
307 -
download
29
Transcript of 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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
3/30
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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.
INFOGRAFIS / Pengertian
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
5/30
Penggunaan simbol-simbol grafis yang
universal disertai bahasa dan teks yang sedikit,
Memudahkan komunikan (pembaca)
memahami informasi yang terkandung dalam
infografis tersebut.
INFOGRAFIS / Pengertian
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
8/30
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
9/30
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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.
INFOGRAFIS / Jenis-Jenis
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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.
INFOGRAFIS / Jenis-Jenis
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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/
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
14/30
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
16/30
2. Melakukan survey dan riset
Mencari sumber-sumber data dari buku-
buku, internet, dan sumber lainnya.
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
17/30
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
18/30
4. Menganalisis data
Menganalisis, mempelajari, membaca dan
mengartikan data dan informasi yang
diperoleh.
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
19/30
5. Membuat narasi
Membuat narasi, membangun cerita
berdasarkan analisis data yang dilakukan
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
20/30
6. Membuat sketsa/wireframe
Brainstorming, membuat berbagai sketsa
visual
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
21/30
7. Editing
Mengedit format dan menyusun tampilan
data untuk dimuat ke dalam visualisai
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
22/30
8. Desain
Mengintegrasikan elemen visual yang telah
disusun
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
23/30
9. Melakukan pengujian
Melakukan validasi terhadap data dalam
visualisasi
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
24/30
10. Penyempurnaan
Melakukan perbaikan berdasarkan hasil
pengujian
INFOGRAFIS / infographics process
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
25/30
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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/
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.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
-
8/16/2019 IZ - Materi Pelatihan Dasar Infografis.pdf
30/30
INFOGRAFISVISUALISASI INFORMASI DAN DATA BERBASIS GRAFIS
20160519#01
IPIT ZULFAN, S.Sos.,M.I.Kom
@2016
Universitas Padjadjaran
Fakultas Ilmu Komunikasi
Program Studi Jurnalistik