Cara Menghidupkan Konten Infografis Menjadi Animasi Infografis

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,

Animasi infografis mengalami momen. Baik itu GIF atau video, mereka telah menjadi beberapa konten yang paling banyak dibagikan di media sosial. Jadi apa yang membuat mereka begitu menarik untuk dikonsumsi? Mari kita perhatikan beberapa contoh hebat yang dapat menginspirasi desain infografis animasi Anda selanjutnya.

Apa itu Animasi infografis?


Animasi infografis adalah cara memvisualisasikan informasi menggunakan kombinasi pencitraan, ilustrasi, bagan, grafik, teks dan elemen lain yang dianimasikan untuk menambah gerakan.

Selama lima tahun terakhir, infografis menjadi sangat diandalkan sebagai alat untuk membuat informasi yang rumit menjadi enak. Sebagian besar konten statis telah berkembang secara dramatis untuk memasukkan animasi dan elemen animasi dengan ide-ide yang membantu membuat lebih mudah diinterpretasi dan menarik.

Keindahan infografis selalu menjadi bagiannya. Baik itu GIF atau video, infografis animasi adalah konten visual yang mudah dikonsumsi dan ditautkan dengan mudah.

Kick-start infografis statis Anda


Ketika infografis pertama kali mendapat perhatian serius di internet, mereka mulai sebagai ilustrasi statis. Mereka sering mengambil bentuk gambar yang sangat panjang yang perlu Anda gulir, tetapi mereka memiliki daya tarik tertentu. Bentuk, warna, ilustrasi, dan struktur yang mudah diikuti adalah alasan utama mengapa infografis statis berfungsi. Semua bergulir itu yang membuat pengalaman itu menyenangkan. Itu semua tentang perjalanan.

Saat ini di media sosial, gambar foto tidak berfungsi sebaik gambar animasi. Jadi, jika Anda sudah menginvestasikan infografis statis untuk merek Anda, Anda mungkin ingin mempertimbangkan untuk menambahkan animasi kepada mereka dan memberi mereka kehidupan baru.

99design baru-baru ini membuat infografis statis untuk merayakan desain Bauhaus. Tapi mereka ingin lebih dari sekedar gambar statis untuk benar-benar menghidupkan topik dan memaksimalkan konten mereka. Jadi mereka memutuskan untuk mengubahnya menjadi infografis video animasi. Begini hasilnya:



Jika Anda menginginkan sesuatu yang lebih halus, opsi lain yang akan sedikit meningkatkan infografis statis Anda adalah mengintegrasikan mico-animations. Animasi kecil dan halus ini dapat menyorot informasi atau menunjuk ke area yang dapat diklik dalam infografis Anda.

Elemen animasi menarik perhatian

Infografis statis ini tentang "Bagaimana cara meninggalkan kekhawatiran Anda" oleh Happify memberikan nasihat tentang bagaimana merasa lebih bahagia dan lebih sedikit khawatir. Ini menawarkan kombinasi yang menyenangkan dari desain bersih, warna-warna berani, hierarki font yang jelas dan ilustrasi menggugah. Tidak terlalu lama dan rusak.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Infografis yang menyenangkan oleh Happify

Meskipun mereka telah melakukan pekerjaan yang baik dalam memilih ikon dan ilustrasi khas yang terasa familier — seperti ikon baterai yang memudar untuk mewakili kebahagiaan karakter yang menyusut — infografik ini bisa mendapat manfaat dengan menambahkan animasi.

Di header, membuat wanita benar-benar melompat-lompat pasti akan menarik perhatian. Grafik pai yang berfungsi sebagai perbatasan di sekitar beberapa ikon bisa bernyawa menggunakan inisial melingkar untuk menekankan persentase yang mereka wakili. Dan di bagian “How to Worry Less”, tanda centang dan tanda silang bisa bernyawa menggunakan efek bouncing zoom.

Animasi menyoroti yang penting

Berani dan tepat sasaran, infografis statis tentang "Perempuan yang menjalankan dunia" oleh USC Marshall ini menyajikan kumpulan pengusaha perempuan yang beragam dan terus berkembang, bagaimana mereka membentuk pasar dan perusahaan mana yang mereka jalankan.

USC Marshall telah menggunakan ikonografi bisnis secara efektif dalam infografis ini, menggunakan ikon bangunan dan bank sebagai elemen grafik untuk menyoroti persentase panggilan infografis.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Infografis yang berani dan tepat sasaran oleh USC Marshall

Namun, ikon-ikon ini dapat dibuat lebih jelas dengan menghidupkan-dalam-satu untuk menekankan bahwa mereka adalah representasi visual dari persentase daripada ikon acak dalam satu baris.

Seperti infografis sebelumnya, grafik pai yang membatasi beberapa gambar di dalamnya harus dianimasikan dengan penghapus lingkaran.

Animasi menjelaskan informasi

Bercinta sejak awal, segala sesuatu tentang infografis statis ini pada "Bagaimana cara menghindari mabuk" oleh Fix sangat cocok dengan sifat lidah-dalam-pipi dari topik ini dan bagaimana perasaan orang saat mereka membacanya.

Menjelajahi topik yang saya yakin kita semua pernah alami di beberapa titik atau lain, ini menyelam jauh ke dalam bagaimana mabuk dibuat dan disembuhkan dengan cerdas menggunakan ilustrasi benda-benda dunia nyata seperti botol dan gelas sari, bir dan roh.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Infografis kurang ajar ini mengeksplorasi bagaimana mabuk disebabkan dan bagaimana cara memperbaikinya. Dengan Memperbaiki

Bagian "Bagaimana Mabuk Memengaruhi Tubuh", yang menunjuk ke berbagai organ, dapat memanfaatkan animasi untuk membuat informasi lebih jelas. Setiap gejala dan solusi dapat bernyawa dari arah organ yang terkait, memperjelas bagian tubuh mana yang terpengaruh. Dan, di mana obat mabuk yang berbeda dari seluruh dunia disorot, sederhana, bendera melambai animasi akan menambah karakter potongan dan menarik perhatian ke titik utama bagian itu.

Infografis animasi GIF


Mengikuti popularitas infografis statis adalah kebangkitan GIF animasi. Kekuatan menggunakan animasi ke dalam infografis adalah membantu menekankan fakta dan angka tertentu, membuat infografis Anda semakin mudah dicerna.

Hal terbaik tentang GIF adalah tidak mudah dibuat. Anda tidak perlu tahu jalan di sekitar program kompleks seperti Adobe Premiere Pro atau After Effects. Anda sebenarnya dapat membuatnya dalam program pengeditan foto seperti Photoshop.

Berikut adalah beberapa contoh terbaik dari infografis GIF animasi:

Contoh 1: Cara Membangun Manusia | Paus Tabletop

Menggunakan struktur statis dari sebuah pusaran, dengan penanda untuk bulan-bulan kehamilan, infografik ini menunjukkan satu lingkaran embrio, secara bertahap berubah menjadi bentuk-bentuk yang berbeda ketika ia menuju ke bagian tengah, “kelahiran” sebagai bayi yang sepenuhnya terbentuk.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Cara membangun manusia oleh Paus Tabletop

Ini adalah contoh fantastis dari kekuatan animasi dalam sebuah infografis. Sebuah konsep sederhana yang dijalankan dengan sangat baik, membutuhkan sedikit teks untuk menafsirkan apa yang terjadi.

Contoh 2: 7 Cara Meretas Kekeringan | Column Five

Grafik animasi ini tentang cara meretas kekeringan menunjukkan bagaimana ilustrasi animasi dapat melengkapi informasi yang didukungnya.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Infografis animasi yang memberikan kiat menghemat air menurut Column Five

Gelombang air yang bergerak di bagian atas dekat judul dengan cepat mengomunikasikan tentang apa infografik itu. Hirarki teks jelas, dari angka besar hingga judul bagian tingkat atas hingga teks terperinci. Setiap ilustrasi animasi telah dipilih dengan hati-hati untuk menekankan apa yang harus diambil dari masing-masing tip, daripada mengalihkannya.

Contoh 3: 42 Kupu-kupu Amerika Utara | Tabletop Whale

Mirip dengan "Cara Membangun Manusia", infografis ini menggunakan animasi dengan hemat hanya dengan sayap setiap kepakan kupu-kupu. Diatur dalam kotak, ini adalah pengalaman "pilih petualangan Anda sendiri" dengan semua informasi yang ditata dengan jelas untuk Anda baca dalam urutan apa pun yang Anda pilih.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Infografis animasi yang menampilkan berbagai jenis kupu-kupu di Amerika Utara oleh Tabletop Whale

Contoh 4: Bagaimana Speaker Membuat Suara | Jacob O'Neal

Infografis ini tentang cara kerja seorang pembicara meledakkan berbagai elemen teknis dari seorang pembicara, menunjukkan apa yang disebut masing-masing dan bagaimana mereka bekerja.

Cara, Panduan, animasi, motion design, Motion Graphics, Catatan,
Infografis beranimasi ini menunjukkan bagaimana bagian-bagian berbeda yang membentuk speaker bekerja untuk menciptakan suara. Melalui Animagraffs

Ini adalah kekuatan GIF animasi, menggunakan gerakan untuk menangkap mata (ledakan speaker) untuk menambahkan konteks tentang bagaimana setiap elemen cocok bersama dan menceritakan kisah tentang bagaimana semuanya bekerja (suara).

Infografis animasi video


Dari GIF, infografis telah berkembang menjadi infografis video yang sepenuhnya animasi. Munculnya video explainer telah menjadi sesuatu untuk dilihat. Dan sangat masuk akal ketika Anda mempertimbangkan betapa menariknya untuk menonton dan mendengarkan sesuatu yang dijelaskan dan disajikan secara visual kepada Anda.

Video explainer berhasil membuat topik kompleks mudah ditafsirkan dengan memberikan konteks visual. Mereka memecahkan masalah yang sama dengan yang dilakukan oleh infografis statis dan GIF, dan bahkan menawarkan lebih banyak kendali atas pengalaman tersebut.

Pada suatu saat dalam suatu infografis video, pencipta sepenuhnya bertanggung jawab atas apa yang ada di layar dan kecepatan penayangannya. Bagi pemirsa, ini adalah pengalaman yang lebih pasif dibandingkan dengan infografis statis (tidak perlu menggulir). Tetapi visual dan audio dapat menempatkan hal-hal dalam konteks yang lebih jelas bagi audiens, membuat ide-ide kompleks lebih sederhana.

Berikut adalah beberapa contoh terbaik infografis video.

Contoh 1: Kesendirian | Kurzgesagt

Kurzgesagt berspesialisasi dalam membuat ide-ide besar dapat diakses melalui narasi yang menarik dan animasi yang canggih.


Saluran ini menggunakan metafora visual untuk menghidupkan fakta, angka, dan gagasan — seperti konsep kesepian, yang diilustrasikan di sini sebagai karakter dengan lubang yang hilang dari dadanya.

Contoh 2: Supreme | Patriot Act dengan Hasan Minhaj

Hasan Minhaj, pembawa acara “Patriot Act” di Netflix, sering bercanda tentang pengaturannya menjadi presentasi PowerPoint yang berubah menjadi 11. Tapi, seperti yang bisa Anda lihat dalam video ini, dia tidak terlalu melebih-lebihkan.


Setiap episode mencakup topik yang berbeda, dan warna serta citra selalu beradaptasi. Tetapi pada dasarnya satu infografis panjang, menggabungkan kutipan, gambar, grafik dan banyak lagi. Grafik animasi pada dasarnya adalah pembawa acara kedua dalam kasus ini dan sangat mendasar untuk berhasil menjaga penonton di halaman yang sama dengan upaya Minhaj untuk menjelaskan sesuatu yang cukup kompleks dalam waktu setengah jam.

Contoh 3: Bagaimana Toyota Mengubah Cara Kita Membuat Benda | Bloomberg

Serial Bloomberg “Then This Happened” memanfaatkan gaya infografis animasi yang sangat sederhana namun efektif.


Berpusat di sekitar ide lembar memo atau papan tulis, gaya mereka memadukan gambar, grafik, teks dan lebih banyak lagi sebagai potongan informasi yang dikumpulkan bersama di atas meja. Skema warna yang sebagian besar hitam-putih membuat semuanya jelas dan dapat diakses. Tapi konsep itu sendiri yang membuatnya menyenangkan dan menarik.

Contoh 4: Fleksibilitas Cloud Hibrid | Microsoft

Video ini adalah definisi dari apa yang membuat gaya infografis animasi begitu menarik bagi konsumen. Dibutuhkan konsep yang rumit, cloud, dan membuatnya mudah untuk memahami bagaimana itu dapat membantu bisnis Anda.


Dengan mendukung skrip dengan animasi konteks khusus (yang dimulai sebagai server berubah menjadi bangunan dan bangunan itu akhirnya dihubungkan ke cloud dan sebagainya), secara visual mengkomunikasikan apa yang dapat dilakukan layanan ini untuk Anda dengan cara yang jauh lebih menarik daripada hanya menggunakan statistik atau rekaman.

Kekuatan memvisualisasikan data


Seiring dengan berkembangnya infografis, demikian pula audiensnya. Orang-orang terbiasa memiliki informasi kompleks yang dijelaskan kepada mereka dalam bentuk visual yang mudah dicerna saat ini. Dan semakin banyak, orang akan ingin pergi dengan kecepatan mereka sendiri.

Perbatasan berikutnya dari infografis interaktif sudah muncul dan gaya "pilih petualangan Anda sendiri" diharapkan untuk tumbuh. Tetapi yang tidak akan berubah adalah misi infografis — untuk membuat hal yang rumit itu menyenangkan. Apakah itu infografis statis, GIF atau video, mereka semua terus membuat ide-ide rumit dunia menjadi sedikit lebih mudah dimengerti.

Ingin mendapatkan pemberitahuan posting terbaru dari blog ini? cukup klik link subscribe blog Dafi Deff ini (daftarkan email Anda) maka Anda akan mendapatkan pemberitahuan setiap kali blog ini di-update. Follow saya di Twitter @dafideff dan Instagram @dafideff. Atau subscribe channel Youtube saya Channel Youtube Dafi Deff
Dafi Deff DFX Animotion Hi! Saya Dafi Deff, Motion Graphics Designer di kota Makassar yang berasal dari Banda Naira. Saya menggunakan After Effects dan Cinema 4D dalam bekerja. Saya juga membuat dan menulis di blog makassarguide.com dan bandanaira.net

0 Response to "Cara Menghidupkan Konten Infografis Menjadi Animasi Infografis"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel