1

INFO GRAFIS

Teknik

untuk situs web

Firman Ardiansyah f.ardiansyah@apps.ipb.ac.id

Sosialisasi Perangkingan Web Unit Kerja 2018 & Workshop IPB Branding IPB International Convention Center - 14 September 2018

2

the abacus or activity of athering information about consumers'needs and preferences

I n f o g r a f i s ?

representasi visual & teks minimal

informasi cepat terbaca

meningkatkan kognisi

spesifik terhadap konteks tertentu

http://thumbnails.visually.netdna-cdn.com/infographics-process_509e119959153.png

3

Mengapa diperlukan ?Infografis

meningkatkan kunjungan ke situs web hingga 15%

visual data dibanding teks

60,000x lebih cepat

pengunjung didominsi pembelajar visual

65% pembelajar visual

01

02

dibanding text update di FB

200% likes

Pengelolaan Website, aspek penampilan

Kategori Anugerah Humas

03

04

4

Mengapa Efektif ?infografis

viralmudah dibagikan, portable, mudah disatukan dengan konten lain

brandingmeningkatkan brand institusiglobal

lintas daerah, bahasa

atraktifmeyakinkan, atraktif, mudah

difahami, diingat,

5

Tipe Infografispilih sesuai konteks

konsep hubungan sebab- akibat dari

beberapa tahap

proses yang terjadi per waktu tertentu

Lorem ipsum dolor sit dudu amet,

consectetur adipiscing elit.

Sebab -Akibat

Kronologis

Kuantitatif

menavigasi pembaca melalui informasi

Direksional

memberikan informasi kepada pegawai/pengguna

Produk

membandingkan dua atau lebih hal

Perbandingan

6

Sebab-akibattipe infografis

7

Kronologistipe infografis

8

Kuantitatiftipe infografis

9

Direksionaltipe infografis

10

Produktipe infografis

11

Perbandingantipe infografis

12

13

Langkah Pembuataninfografis

Umpan Balikmencari pihak yang dapat memberikan umpan balik sebelum diluncurkan

Tentukan TujuanApa yang hendak disampaikan melaui infografis, siapa targetnya.

Riset & Pengumpulan Datamencari data-data pendukung, sesuai konteks dan tujuan

Desainpemilihan tema, grafik yang tepat, aspek visual,

peletakan kompononen

14

Desain InfografisInfografis

Tipografi & Warnamemilih jenis huruf yang tepat,

warna sesuai konsep 4 warna dengan variasi gradasi

Bentuk Grafispilih bentuk grafik, ikon, gambar sesuai data dan tujuan

Tema & Layoutmemiliki kesatuan gaya desain,

& tata letak

Brandingtempatkan branding, logo, email dll di bagian bawah

T

15

Tema & LayoutDesain

16

WarnaDesain

17

TipografiDesain

18

GrafisDesain

19

BrandingDesain

20

Perangkat Lunakuntuk membuat infografis

21

Power Point

22

Be Funky (www.befunky.com)

http://www.befunky.com

23

Visme (www.visme.co)

http://www.visme.co

24

Canva (www.canva.com)

http://www.canva.com

25

Google Chart (https://developers.google.com/chart/)

https://developers.google.com/chart/

26

Piktochart (https://piktochart.com)

27

Venngage (https://infograph.venngage.com/)

28

Terima Kasihf.ardiansyah@apps.ipb.ac.id