LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
DANU WIDHYATMOKO
RINA KARTIKA
Manajer Digital-Media Development
BINUS University
Visual Branding Specialist
Digital-Media Development BINUS University
Pemilik & Pengelola
KepakGaruda.com & Visuallyconomic
Dosen & Faculty Member
Jurusan DKV BINUS University
http://widhyatmoko.wordpress.com
http://dmd.binus.ac.id/rina-kartika
@widhyatmoko
@rinakmaudhy
ANTHONI ASKARIA
EKA HARDININGTYAS
Web Designer
Digital-Media Development BINUS University
Junior Web Designer
Digital-Media Development
BINUS University
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
OBJEKTIF
Peserta akan mempelajari konsep di balik pembuatan infografis, bagaimana proses mengubah data dan narasi yang kompleks menjadi visual yang menarik dengan informasi yang jernih.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
DEFINISI
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
DEFINISI
INFOGRAFIS / INFOGRAFIK infografis information + graphics graphics |ˈgrafɪks| 1. the products of the graphic arts, especially commercial design or illustration. 2. the use of diagrams in calculation and design. 3. (also computer graphics) [ treated as pl. ] visual images produced by computer processing.
infografik information + graph graph 1 |grɑːf, graf| a diagram showing the relation between variable quantities, typically of two variables, each measured along one of a pair of axes at right angles.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
DEFINISI
INFOGRAFIS
informasi
+
grafis
Infografis adalah representasi visual informasi, data atau ilmu pengetahuan dengan konsep visual yang terdiri dari teks dan gambar ilustrasi.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
DEFINISI
informasi
+
grafis
DATA RUWET
INFOGRAFIS
Infografis yang baik umumnya mempunyai desain yang menarik, sederhana dan dapat menyampaikan informasi kompleks kepada pembaca agar dapat dipahami dengan mudah dan cepat.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
DEFINISI
validitas data
informasi
+
grafis
konsep visual dengan ilustrasi yang menarik
INFOGRAFIS Kunci utama dalam membuat infografis adalah konsep visual dengan ilustrasi yang menarik serta validitas data yang disajikan di dalamnya. Secara umum hasil akhir dari sebuah infografis mempunyai prosentase gambar visual yang lebih banyak dibandingkan informasi teks.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
ANATOMI
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
ANATOMI
FAKTA & DATA
ILUSTRASI
KERANGKA WAKTU
ICONS
GRAFIS
VISUAL
+
PENGETAHUAN
+
KONTEN
TIPOGRAFI WARNA
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
REFERENSI
KESIMPULAN
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
STATISTIK
ANATOMI TIPOGRAFI
KERANGKA WAKTU FAKTA & DATA
KESIMPULAN
ILUSTRASI STATISTIK
WARNA
ICONS
GRAFIS
REFERENSI
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
ANATOMI TIPOGRAFI
ILUSTRASI
STATISTIK
ICONS
KESIMPULAN
WARNA
FAKTA & DATA GRAFIS REFERENSI
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
KERANGKA WAKTU
JENIS
INFOGRAFIS
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
JENIS INFOGRAFIS
01. STATISTIK • Grafik, diagram, tabel dan daftar urut. • Grafik batang horisontal, grafik kolom vertikal, dan diagram kue/lingkaran.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
JENIS INFOGRAFIS
02. GARIS WAKTU • Representasi visual dari informasi dan peristiwa yang terjadi dari waktu ke waktu.
• Urutan kronologis peristiwa yang memungkinkan
pemirsa mudah memahami hubungan yang terdapat di antara waktu tersebut.
• Sebuah kronologi yang diperoleh dari tabel, waktudemi-waktu.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
JENIS INFOGRAFIS
03. PROSES • Jenis ini biasanya dapat dilihat pada ruang kerja pabrik atau kantor.
• Kita juga kerap menemukannya di resep-resep dengan ilustrasi yang banyak terdapat di majalah memasak
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
JENIS INFOGRAFIS
04. LOKASI/LETAK/GEOGRAFIS • Peta merupakan bentuk paling tradisional dari infografis berjenis geografis.
• Ini jenis infografis yang paling umum ditemukan di
banyak tempat mulai dari peta sekolah hingga tampilan mikrokosmos yang rumit.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
AIRPORT TOWER
BOARDING
BAGGAGE CHECK IN BUS STOP
ESCALATOR GATE
CARA MEMBUAT
INFOGRAFIS
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
CARA MEMBUAT INFOGRAFIS
ICONS
ILUSTRASI
01
RISET, DATA & SINTESA
02
03
REFERENSI
05
04
SKETSA
TIPOGRAFI
WARNA
GRAFIS
TAHAPAN MEMBUAT INFOGRAFIS
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
REVIEW & RILIS
DESAIN
(Kerangka, Flowchart, Diagram)
DANU WIDHYATMOKO
CARA MEMBUAT INFOGRAFIS ORGANISIR DATA
01
KETAHUI KEBUTUHAN UTAMA LALU TENTUKAN PRIORITAS
RISET, DATA & SINTESA
TENTUKAN JENIS INFOGRAFIS YANG TEPAT
LAKUKAN BRAINSTORMING KETAHUI TARGET SASARAN
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
AKHIRI DENGAN SINTESA
CARA MEMBUAT INFOGRAFIS
CARI REFERENSI DENGAN MENYESUAIKAN TARGET SASARAN
02
REFERENSI
REFERENSI ATAS BENTUK OBJEK-OBJEK YANG INGIN DITAMPILKAN
REFERENSI ATAS TAMPILAN/ DESAIN
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
CARA MEMBUAT INFOGRAFIS
AWALI DENGAN KERANGKA SEDERHANA 03
SKETSA
SECANGGIH APA PUN ALAT YANG DIGUNAKAN UNTUK MENDESAIN, TETAPLAH HANYA SEBUAH ALAT
(Kerangka, Flowchart, Diagram)
SELALU MENCOBA UNTUK MENYUSUN JALAN CERITA
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
SKETSA ADALAH NYAWA DI DALAM PROSES PEMBUATAN INFOGRAFIS
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
CARA MEMBUAT INFOGRAFIS
UNSPLASH.COM PICKJUMBO.COM GRATISOGRAPHY.COM NEGATIVESPACE.CO LIBRESHOT.COM
FREEPIK.COM
04
DESAIN
ICONS
ICONFINDER.COM FLATICON.COM ICONS8.COM
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
ILUSTRASI FOTO
TIPOGRAFI
FONTSQUIRREL.COM
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
GRAFIS
WARNA
COLOR.ADOBE.COM
CARA MEMBUAT INFOGRAFIS
05
REVIEW & RILIS
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
MARI BERLATIH Siklus Air Air permukaan, baik yang mengalir maupun yang tergenang (danau, waduk, rawa), dan sebagian air bawah permukaan akan terkumpul dan mengalir membentuk sungai dan berakhir ke laut. Proses perjalanan air di daratan itu terjadi dalam komponen-komponen siklus hidrologi yang membentuk sistem Daerah Aliran Sungai (DAS). Jumlah air di bumi secara keseluruhan relatif tetap, yang berubah adalah wujud dan tempatnya. Tempat terbesar terjadi di laut. Macam-Macam dan Tahapan Proses Siklus Air : Siklus Pendek / Siklus Kecil 1. Air laut menguap menjadi uap gas karena panas matahari 2. Terjadi kondensasi dan pembentukan awan 3. Turun hujan di permukaan laut
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
Siklus Sedang 1. Air laut menguap menjadi uap gas karena panas matahari 2. Terjadi evaporasi 3. Uap bergerak oleh tiupan angin ke darat 4. Pembentukan awan 5. Turun hujan di permukaan daratan 6. Air mengalir di sungai menuju laut kembali Siklus Panjang / Siklus Besar 1. Air laut menguap menjadi uap gas karena panas matahari 2. Uap air mengalami sublimasi 3. Pembentukan awan yang mengandung kristal es 4. Awan bergerak oleh tiupan angin ke darat 5. Pembentukan awan 6. Turun salju 7. Pembentukan gletser 8. Gletser mencair membentuk aliran sungai 9. Air mengalir di sungai menuju darat dan kemudian ke laut
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
MARI BERLATIH
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
MARI BERLATIH 01.
Zat Makanan dan Fungsinya Bagi Tubuh Zat makanan merupakan bahanbahan yang diperlukan oleh tubuh supaya dapat tetap hidup. Ada 2 jenis zat makanan, yaitu zat makanan makro (karbohidrat, lemak, protein, air) dan zat makanan mikro (vitamin, mineral). Rata-rata: Usia: 36 tahun Tinggi badan: 162 cm (P), 151 (W) Berat badan: 69 (P), 56 (W)
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
Berikut adalah jumlah rata-rata yang dikonsumsi manusia dalam setahun: • Buah 123.8 kg • Lemak dan Minyak 38.7 kg • Daging sapi 28.1 kg • Ayam 33.3 kg • Ikan 9 kg • Telur 14.8 kg • Produk Susu 272.1 kg • Sayuran 188.2 kg • Kopi, Cokelat & Kacang-kacangan 10.8 kg • Pemanis buatan 10.8 kg
DANU WIDHYATMOKO
MARI BERLATIH 02.
Pariwisata Indonesia Menurut arti katanya pariwisata berasal dari bahasa sansekerta yang terdiri dari dua kata yaitu pari dan wisata. Kata pari berarti penuh, seluruh atau semua kata wisata bearti perjalanan. Kata pariwisata dapat diartikan perjalanan penuh mulai dari berangkat dari suatu temapat ke satu atau beberapa tempat lain dan singgah kemudian kembali ke tempat semula. Pariwisata di Indonesia merupakan sektor ekonomi penting di Indonesia. Pengelolaan kepariwisataan, kebijakan nasional, urusan pemerintahan di bidang kebudayaan dan kepariwisataan di Indonesia diatur oleh Kementerian Kebudayaan dan Pariwisata Indonesia. Kekayaan alam dan budaya merupakan komponen penting dalam pariwisata di Indonesia.
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
Jenis pariwisata di Pulau Jawa menurut obyek adalah sebagai berikut: • Wisata Budaya:
Cirebon, Yogyakarta, Solo, Magelang, Surabaya • Wisata Konvensi:
Jakarta, Bogor, Bandung, Surabaya • Wisata Kesehatan:
Jakarta • Wisata Bahari:
Kepulauan Seribu, Ujung Kulon, Pangandaran, Karimunjawa, Lamongan • Wisata Alam:
Tasikmalaya, Gunung Kidul, Malang, Pacitan • Wisata Kota:
Jakarta, Yogyakarta, Semarang, Surabaya
DANU WIDHYATMOKO
ALAT &
PERANGKAT
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
ALAT & PERANGKAT
“
Software apa yang paling bagus untuk membuat infografis?
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
ALAT & PERANGKAT
It's not the tools that you have faith in - tools are just tools. They work, or they don't work. It's people you have faith in or not. (Steve Jobs)
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
ALAT & PERANGKAT
http://visual.ly
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
http://canva.com
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
http://piktochart.com
ALAT & PERANGKAT
http://easel.ly
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
https://infogr.am/
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
https://developers.google.com/chart/
ALAT & PERANGKAT
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
MASA DEPAN
INFOGRAFIS
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
MASA DEPAN INFOGRAFIS
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
• VALIDASI DATA AGAR AKURAT • SUSUN JALINAN CERITA • BUATLAH DENGAN SEDERHANA PENUTUP
• GUNAKAN 1 SKEMA WARNA (MAKSIMAL 7 WARNA) • GUNAKAN TAK LEBIH DARI 3 JENIS HURUF • SELALU BERI RUANG JEDA (WHITE SPACE)
• HARGAI HAK CIPTA • JANGAN LUPA UNTUK SELALU BERBAGI
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
PENUTUP
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF
UNDUH MATERI DI: HTTP://ENGLISH.BINUS.AC.ID/21GREATSKILLS
LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY
DANU WIDHYATMOKO
LOKAKARYA
INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF © OKTOBER 2015