01 - WordPress.com

Download Report

Transcript 01 - WordPress.com

DIGITAL PUBLISHING – III
Ratna Cahaya Rina, .S. Sos., M.Ds.
Rencana kegiatan belajar




Infografis
Logo
Packaging
Majalah
Penilaian

Tugas 50%
 Tugas
individu (kualitas, ketepatan waktu)
 Tugas kelompok (kualitas, ketepatan waktu,
kerjasama)
 Sikap (partisipasi, kedisiplinan, kejujuran)


UTS 20%
UAS 30%
Penilaian Kualitas
Kemampuan menerapkan prinsip desain
 Kesesuaian konsep dengan tujuan
 Kreativitas mencari solusi
 Efektivitas dan prosedur kerja
 Kerapihan
TOTAL

20%
20%
20%
20%
20%
100%
DIGITAL PUBLISHING – III
INFOGRAFIS-1
Mohammad Rizaldi S.T., M.Ds
The Information Design Handbook,
O’Grady & Ken Visocky
Infographics: The Power of Visual Storytelling,
O’Grady & Ken Visocky
Apakah infografis?


Informasi desain membuat informasi rumit
menjadi lebih mudah dipahami dan digunakan
--AIGA
Penyajian informasi yang jelas dan efektif.
Melibatkan pendekatan interdisipliner
(komunikasi, grafik desain, psikologi, inovasi teknis
dan non-teknis, teori komunikasi, dan studi
budaya)
-- Frank Thissen
Statistics
Applications: presenting company information, industry research.
Source: http://www.flickr.com/photos/gdsdigital/4361707483/
Concepts
Applications: illustrating thought leadership or philosophy.
Models
Applications: business process, service offerings.
Source: David Armano, EdelmanDigital.com
Cartoons
Applications: ideas, concepts, scenarios, culture.
Information
Applications: industry resources, specs, “cheat sheets”, comparisons
Source: http://jess3.com/the-blog-tree/
Timelines
Applications: evolution, progress, history, schedules.
Source: http://conversations.nokia.com/2011/02/10/social-media-week-inside-nokia/?mobile
Sejarah Infografis

Petroglyph Ancestral Puebloans – Amerika Barat
Sejarah Infografis

Pictographic – bangsa Sumeria
Sejarah Infografis

Cartograph
Sejarah Infografis

Grafik dan diagram – William Playfair
Sejarah Infografis

ISOTYPE (International System of Typographic
Picture Education)– penyajian data sosial ekonomi
menggunakan simbol
Sejarah Infografis

ISOTYPE
Sejarah Infografis

Pameran interaktif
Sejarah Infografis

Website
Aplikasi infografis

Kalender
Aplikasi infografis

Timeline
Aplikasi infografis

Grafik dan diagram
Aplikasi infografis

Pameran
Aplikasi infografis

Signage
Aplikasi infografis

Signage
Aplikasi infografis

Environment
Aplikasi infografis

Ikon, simbol
Aplikasi infografis

Interface digital
Aplikasi infografis

Interface fisik
Aplikasi infografis

Peta
Aplikasi infografis

Narativ
Aplikasi infografis

Ilustrasi teknis
Aplikasi infografis

Tutorial dan instruksi
Aplikasi infografis

Website
Aplikasi infografis

Media interaktif
Infographic
Kegunaan
Kekuatan
Keindahan
Consideration + Inspiration + Perspiration = Good Infographic
Data
Audience
Resources
Websites
Books
Peoples
Surrounding
Knowledge
Principal & Elemen
Tools
Strategi desain infografis

Pahami:
 Proses
memori manusia
 Prinsip persepsi Gestalt
 Hierarki visual
 Jenis Media
Strategi desain infografis (1)

Gunakan warna kontras & dinamis untuk menarik
perhatian
 Kontras
dalam hue, value, saturation dan intensity
Strategi desain infografis (1)
Strategi desain infografis (1)
Strategi desain infografis (1)
Strategi desain infografis (1)
Strategi desain infografis (1)
@@@@@@@@@@
%%%%%%%%%%%%%
@@@@@@@@@@
%%%%%%%%%%%%%
@@@@@@@@@@
%%%%%%%%%%%%%
@@@@@@@@@@
%%%%%%%%%%%%%
Strategi desain infografis (1)
Strategi desain infografis (1)

Pilih asosiasi (simbol, warna, tanda, layout) yang
familiar
 Menyesuaikan
 Contoh,
Western
dengan budaya
ragam warna duka di berbagai bangsa
Thailand
South
Afrika
Mesir
Strategi desain infografis (1)
 Mempermudah audiens
memanggil kembali informasi
yang tersimpan dalam memorinya
Strategi desain infografis (1)

Gunakan tanda (ikon, simbol atau indeks) sesuai dengan
target audiens
 Ikon lebih literal
 Mobil diwakili oleh gambar yang aktual seperti mobil
 Simbol lebih abstrak
 Tidak mewakili bendanya. Misalnya tanda biohazard
 Indeks, berkaitan dengan yang diwakili
 Hujan, diwakili dengan tanda payung
Jangan membuat dekorasi,
buatlah desain
Tugas 1 Kelompok
Buat sistem grafis
Universitas Multimedia Nusantara
Ketentuan Tugas 1 Kelompok





Perkelompok terdiri dari 3 mahasiswa
Data dan Sketsa turut disertakan
File akhir dalam bentuk PDF
Tugas Dikumpulkan 2 Minggu kemudian
Pengumpulan yang Terlambat TIDAK AKAN dinilai
Tugas 1 (individu)

Buat infografis terkait kondisi
perkuliahan atau fisik UMN
Ketentuan Tugas 1 (individu)





Buat Format fisik dengan ukuran Mini (Skala)
Perkirakan jenis bahan dan peletakan infografis
dengan Digital Imaging.
Tulis analisis dengan size A4, font Calibri 12 pt,
spasi 1 kumpulkan dalam format PDF
Tugas Dikumpulkan pada pertemuan kedua
Pengumpulan yang Terlambat TIDAK AKAN dinilai
End of slide
Terima Kasih!