| ICON AND TEXT DESIGN (INFOGRAPHIC)

Tugas seorang desainer dalam industri animasi selain membuat karakter dan background

adalah menyediakan asset-asset graphic dan text sebagai bahan motion graphic maupun

motion text. Asset berupa icon dan text sering dipakai dalam pembuatan infografis. Infografis

sendiri berfungsi untuk menyederhanakan informasi yang cenderung panjang dan padat.

Menggabungkan teks pendek dengan gambar telah terbukti menjadi metode paling efektif

untuk menyampaikan informasi. Audience akan memperoleh pesan yang ingin disampaikan

melalui infografis tanpa harus membaca keseluruhan teks. Menciptakan infografis yang baik

memerlukan skill desain yang baik dan pemikiran yang kritis. Dengan menggunakan

infografis, kita dapat menyampaikan ide yang kompleks dengan cara yang lebih interaktif

dan menyenangkan. Contoh gambar ;

Infografis dengan icon lineal Infografis dengan karakter dan teks

Berikut beberapa hal dasar yang perlu dipelajari sebelum membuat infografis ;

1. Icon

2. Chart/graph

3. Label/ribbon

4. Badges

5. Arrow

6. Graphic

7. Text

8. Infographic

1. Icon

Ikon adalah tanda yang mengandung kemiripan rupa dengan sumber acuannya secara

visual. Secara general ikon yang efektif memiliki ciri-ciri :

a. Tingkat keterbacaan yg baik ketika diaplikasikan ke berbagai ukuran (legible)

b. Cukup mudah diingat (memorable)

c. Sederhana dan mudah dimengerti dalam waktu relatif singkat (simple)

d. Mudah dikenali/diasosiasikan dengan konsep dimaksud (easily)

e. Dapat dibedakan dengan ikon lainnya (distinctive)

Jenis-jenis Icon berdasarkan bentuk dan warnanya:

1. Icon Flat (multicolor)

2. Icon Flat Branding color (Two tone)

3. Icon Flat Circular multicolor

4. Icon Lineal

5. Icon Lineal multicolor

6. Icon Lineal Branding color (One tone)

7. Icon fill color (Black and white)

TASK! Akses flaticon.com dan kumpulkan sebanyak mungkin asset icon dengan tema

berikut :

1. Icon flat ( Tema : Business, SEO, Education, Financial, Farming, Transportation,

Food, IT, Documents and files, Entrepreneur, Health)

2. Icon flat circular (Tema : Contact Us, Social Media, E-commerce)

3. Icon lineal (Tema : Multimedia, Hospital, Food, Cyber security, News,

Science, Sport, Blockchain, Digital marketing)

2. Chart/Graph

Grafik adalah suatu rangka yang digunakan untuk membentuk objek visualisasi dari

data tabel. Penyajian grafik ada beberapa jenis; grafik batang, grafik garis, grafik

area dan grafik lingkaran. Dalam pembuatan infografis berbasis data tabel

penggunaan grafik sangat diperlukan.

TASK! Akses Freepik.com cari referensi graph/chart seperti model diatas!

1. Buat grafik lingkaran dengan model yang kreatif memakai pallete

warna soft. 2 grafik multicolor dan 3 grafik one tone.

2. Buat grafik batang dengan pallete warna soft. 3 grafik

multicolor dan 2 grafik one tone.

3. Buat grafik area dan grafik garis dengan tampilan lebih kreatif.

*Usahakan hindari penggunaan teks yang berlebihan.

3. Label/ribbon

Label/ribbon berfungsi untuk menekankan judul atau informasi yang hanya berupa

teks. Label dibuat agar pesan dapat tersampaikan dengan cara yang lebih kreatif dan

menarik atau eyecatching.

Contoh Label Contoh ribbon

4. Badges

Badges memiliki fungsi yang hampir sama dengan label dan ribbon. Bedanya badges

kebanyakan dipakai untuk menyampaikan pesan tematik, himbauan, informasi

penghargaan, atau award.

TASK! 1. Buat 5 jenis label dan 5 jenis ribbon buat sekreatif mungkin

2. Buat badges dengan tema security, education, nature, money,

graduation, dan hospital.

5. Arrow

Penggunaan arrow untuk menunjukkan

alur informasi di dalam infografis, selain

itu arrow juga bisa dipakai sebagai

template data untuk infografis berupa

proses. Bentuk-bentuk arrow tidak

didesain terlalu formal tapi menggunakan

shape-shape yang menarik dan interaktif.

6. Graphic

Asset grafis di dalam infografis memiliki

ciri khas tersendiri dari segi bentuk,

warna dan tata letaknya. Berbeda

dengan aset grafis dalam background,

asset grafis di dalam infografis

cenderung berbentuk geometris dengan

susunan yang sistematis.

TASK!

1. Buat 4 jenis template infografis arrow dan graphic tanpa teks dan ikon

(pallete warna soft multicolor)

2. Buat template infografis arrow dan graphic dengan tema

Bussiness, Education, Financial, Health, Cyber security,

E-comerce, Multimedia, SEO, Blockchain dan New

*Gunakan icon yang sudah kalian koleksi sebelumnya

7. Text Design (Typographic)

Didalam infografis ada dua jenis teks, teks yang masih berupa data dan teks desain.

Teks yang didesain sekreatif mungkin dengan mengubah bentuk, warna, ukuran

maupun orientasi agar terlihat lebih menarik dan komunikatif. Teks desain biasanya

dipakai untuk memvisualisasikan judul, quotes, pertanyaan maupun himbauan.

Text design Text design plus graphic

Text design plus graphic

TASK! 1. Buat Text design dengan kata-kata dibawah:

a. How It Works?, Secure protection!, Visit Our Website!

b. Save money, Save time, Times is money

c. Follow us, Contact us, Click here, Coming soon

d. Free, New, Target, Secure, Guaranteed, Thank you

e. Register Now, Shop Now, Visit now, Subscribe Now

f. Teamwork, Customer service, Approved, Closed

8. Infographic

1. Statistical Infographic adalah infografis yang menampilkan data-data seperti

misalnya data survei. Data-data dari berbagai sumber ditampilkan dengan tata

letak dan visual yang baik sehingga menarik untuk dibaca.

2. Timeline Infographic adalah infografis yang memvisualisasikan kronologis suatu

sejarah atau peristiwa dari subyek yang diangkat. Infografis seperti ini dapat

memudahkan pembaca untuk memahami suatu alur dari sebuah peristiwa.

TASK! 1. Buat statistical infographic dan timeline infographic dengan

elemen yang sudah kalian kumpulkan. Gunakan pallete warna

soft dan ganti teks dengan garis. Buat masing-masing 2 alternatif!

3. Process Infographic adalah infografis yang memvisualisasikan suatu proses,

misalnya proses membuat animasi. Dengan bentuk infografis ini langkah-langkah

untuk membuat animasi akan terlihat lebih menarik dan informatif.

4. Geographic Infographic adalah infografis yang menggunakan bagan peta

sebagai fokus visualnya, misalnya data berbasis lokasi, demografi atau data

dalam skala besar.

TASK! 1. Buat process infographic dan geographic infographic dengan

elemen yang sudah kalian kumpulkan. Hindari pemakain teks

yang berlebihan, pakai jenis ikon yang sederhana dan

mudah dibaca, dan pakai karakter tanpa wajah. Buat masing

masing 2 alternatif!

5. Hierarchal Infographic adalah infografis yang menjelaskan suatu tingkatan-

tingkatan pada subjek yang diangkat. Infografis seperti ini biasanya berbentuk

piramida dan umumnya digunakan untuk menjelaskan rantai komando atau

struktur organisasi.

6. List Infographic adalah infografis yang menunjukkan daftar atau list dari suatu hal

berdasarkan kategorinya. Tujuan infografis ini adalah agar daftar-daftar list yang

kamu buat menjadi lebih eye-cathing dan menarik untuk dibaca.

9. TASK! 1. Buat Hierarchal infographic dan List infographic dengan elemen

yang sudah kalian kumpulkan. Pakai karakter tanpa wajah,

gunakan icon dan warna multicolor, ganti elemen teks menjadi

garis. Buat masing masing 2 alternatif!