Anda di halaman 1dari 55

LOKAKARYA

RABU 7 OKTOBER 2015


KAMPUS ANGGREK - BINUS UNIVERSITY

INFOGRAFIS UNTUK
PENGAJARAN
KREATIF DAN EFEKTIF
DANU WIDHYATMOKO RINA KARTIKA
Manajer Digital-Media Development
 Visual Branding Specialist 

BINUS University Digital-Media Development BINUS University
Pemilik & Pengelola
 Dosen & Faculty Member

KepakGaruda.com & Visuallyconomic Jurusan DKV BINUS University
http://widhyatmoko.wordpress.com http://dmd.binus.ac.id/rina-kartika
@widhyatmoko @rinakmaudhy

ANTHONI ASKARIA EKA HARDININGTYAS


Web Designer 
 Junior Web Designer 

Digital-Media Development Digital-Media Development

BINUS University 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

ILUSTRASI FAKTA & KERANGKA


DATA WAKTU

ICONS

GRAFIS VISUAL + PENGETAHUAN + KONTEN STATISTIK

TIPOGRAFI

WARNA KESIMPULAN REFERENSI

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
ANATOMI

TIPOGRAFI KERANGKA
WAKTU
FAKTA &
DATA

KESIMPULAN

ILUSTRASI
STATISTIK

ICONS
WARNA

GRAFIS

REFERENSI

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
ANATOMI

TIPOGRAFI

ILUSTRASI ICONS STATISTIK

KESIMPULAN

WARNA
FAKTA &
DATA

GRAFIS

KERANGKA
REFERENSI WAKTU

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
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, waktu-
demi-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 ESCALATOR

BUS STOP 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 02 03 04 05

SKETSA
RISET, DATA REFERENSI (Kerangka, DESAIN REVIEW &
& SINTESA Flowchart, RILIS
Diagram)

TIPOGRAFI WARNA

GRAFIS

TAHAPAN MEMBUAT INFOGRAFIS

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
CARA MEMBUAT INFOGRAFIS

ORGANISIR
DATA

KETAHUI
KEBUTUHAN
UTAMA LALU
TENTUKAN
PRIORITAS
01 TENTUKAN JENIS
INFOGRAFIS YANG
TEPAT AKHIRI DENGAN
RISET, DATA
& SINTESA SINTESA

LAKUKAN
BRAINSTORMING

KETAHUI
TARGET
SASARAN

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
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

SECANGGIH APA
PUN ALAT YANG
AWALI DENGAN DIGUNAKAN UNTUK
KERANGKA SEDERHANA MENDESAIN,
03 TETAPLAH HANYA
SEBUAH ALAT
SKETSA
(Kerangka,
Flowchart,
Diagram)

SKETSA ADALAH
SELALU NYAWA DI DALAM
MENCOBA UNTUK PROSES
MENYUSUN PEMBUATAN
JALAN CERITA INFOGRAFIS

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
CARA MEMBUAT INFOGRAFIS

UNSPLASH.COM
PICKJUMBO.COM
GRATISOGRAPHY.COM FREEPIK.COM
NEGATIVESPACE.CO
LIBRESHOT.COM

04

ICONS ILUSTRASI - TIPOGRAFI GRAFIS WARNA


DESAIN FOTO

ICONFINDER.COM
FLATICON.COM FONTSQUIRREL.COM COLOR.ADOBE.COM
ICONS8.COM

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
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 Siklus Sedang


yang tergenang (danau, waduk, rawa), dan 1. Air laut menguap menjadi uap gas karena
sebagian air bawah permukaan akan panas matahari
terkumpul dan mengalir membentuk sungai 2. Terjadi evaporasi
dan berakhir ke laut. Proses perjalanan air di 3. Uap bergerak oleh tiupan angin ke darat
daratan itu terjadi dalam komponen-komponen 4. Pembentukan awan
siklus hidrologi yang membentuk sistem 5. Turun hujan di permukaan daratan
Daerah Aliran Sungai (DAS). Jumlah air di 6. Air mengalir di sungai menuju laut kembali
bumi secara keseluruhan relatif tetap, yang
berubah adalah wujud dan tempatnya. Tempat Siklus Panjang / Siklus Besar
terbesar terjadi di laut. 1. Air laut menguap menjadi uap gas karena
panas matahari
Macam-Macam dan Tahapan Proses Siklus Air 2. Uap air mengalami sublimasi
: 3. Pembentukan awan yang mengandung
Siklus Pendek / Siklus Kecil kristal es
1. Air laut menguap menjadi uap gas karena 4. Awan bergerak oleh tiupan angin ke darat
panas matahari 5. Pembentukan awan
2. Terjadi kondensasi dan pembentukan awan 6. Turun salju
3. Turun hujan di permukaan laut 7. Pembentukan gletser
8. Gletser mencair membentuk aliran sungai
9. Air mengalir di sungai menuju darat dan
kemudian ke laut

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF 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 bahan- Berikut adalah jumlah rata-rata yang
bahan yang diperlukan oleh tubuh dikonsumsi manusia dalam setahun:
supaya dapat tetap hidup. Ada 2 jenis • Buah 123.8 kg
zat makanan, yaitu zat makanan • Lemak dan Minyak 38.7 kg
makro (karbohidrat, lemak, protein, • Daging sapi 28.1 kg
air) dan zat makanan mikro (vitamin, • Ayam 33.3 kg
mineral). • Ikan 9 kg
• Telur 14.8 kg
Rata-rata: • Produk Susu 272.1 kg
Usia: 36 tahun • Sayuran 188.2 kg
Tinggi badan: 162 cm (P), 151 (W) • Kopi, Cokelat & Kacang-kacangan
Berat badan: 69 (P), 56 (W) 10.8 kg
• Pemanis buatan 10.8 kg

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
MARI BERLATIH

02.
Pariwisata Indonesia
Jenis pariwisata di Pulau Jawa menurut
Menurut arti katanya pariwisata berasal dari
obyek adalah sebagai berikut:
bahasa sansekerta yang terdiri dari dua kata
yaitu pari dan wisata. Kata pari berarti • Wisata Budaya:

penuh, seluruh atau semua kata wisata Cirebon, Yogyakarta, Solo, Magelang,
bearti perjalanan. Kata pariwisata dapat Surabaya
diartikan perjalanan penuh mulai dari • Wisata Konvensi:

berangkat dari suatu temapat ke satu atau Jakarta, Bogor, Bandung, Surabaya
beberapa tempat lain dan singgah kemudian
• Wisata Kesehatan:

kembali ke tempat semula.
Jakarta
Pariwisata di Indonesia merupakan sektor • Wisata Bahari:

ekonomi penting di Indonesia. Pengelolaan Kepulauan Seribu, Ujung Kulon,
kepariwisataan, kebijakan nasional, urusan Pangandaran, Karimunjawa, Lamongan
pemerintahan di bidang kebudayaan dan • Wisata Alam:

kepariwisataan di Indonesia diatur oleh Tasikmalaya, Gunung Kidul, Malang,
Kementerian Kebudayaan dan Pariwisata Pacitan
Indonesia. Kekayaan alam dan budaya
• Wisata Kota:

merupakan komponen penting dalam
Jakarta, Yogyakarta, Semarang,
pariwisata di Indonesia.
Surabaya

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY 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 http://canva.com http://piktochart.com

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
ALAT & PERANGKAT

http://easel.ly https://infogr.am/ https://developers.google.com/chart/

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
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
• GUNAKAN 1 SKEMA WARNA (MAKSIMAL 7 WARNA)
• GUNAKAN TAK LEBIH DARI 3 JENIS HURUF
PENUTUP
• 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
UNDUH MATERI DI:
HTTP://ENGLISH.BINUS.AC.ID/21GREATSKILLS
PENUTUP

INFOGRAFIS UNTUK PENGAJARAN KREATIF DAN EFEKTIF LOKAKARYA RABU 7 OKTOBER 2015 KAMPUS ANGGREK - BINUS UNIVERSITY DANU WIDHYATMOKO
LOKAKARYA

INFOGRAFIS UNTUK
PENGAJARAN
KREATIF DAN EFEKTIF
© OKTOBER 2015

Anda mungkin juga menyukai