540 likes | 738 Views
DIGITAL PUBLISHING – iii. Ratna Cahaya Rina , .S. Sos ., M.Ds. Rencana kegiatan belajar . Infografis Logo Packaging Majalah. Penilaian. Tugas 5 0% Tugas individu (kualitas, ketepatan waktu) Tugas kelompok (kualitas, ketepatan waktu, kerjasama)
E N D
DIGITAL PUBLISHING – iii RatnaCahayaRina, .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 20% • Kesesuaian konsepdengan tujuan 20% • Kreativitas mencari solusi 20% • Efektivitas dan prosedur kerja 20% • Kerapihan 20% TOTAL 100%
Digital publishing – iiiInfografis-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
Kegunaan Kekuatan Keindahan Infographic Consideration + Inspiration + Perspiration = Good Infographic Websites Books Peoples Surrounding Knowledge Principal & Elemen Tools Data Audience Resources
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) • Pilih asosiasi (simbol, warna, tanda, layout) yang familiar • Menyesuaikan dengan budaya • Contoh, ragam warna duka di berbagai bangsa Western 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 1Kelompok Buatsistemgrafis Universitas Multimedia Nusantara