Rumah Kewangan Peribadi Membuat Pengalaman Infografik Interaktif - dummies

Membuat Pengalaman Infografik Interaktif - dummies

Video: Edumedia #1 Contoh Aplikasi untuk Media Pembelajaran 2024

Video: Edumedia #1 Contoh Aplikasi untuk Media Pembelajaran 2024
Anonim

Grafik gerak yang mirip, maklumat grafik interaktif memberikan anda cara yang kuat untuk melibatkan penonton anda dalam topik. Infographics Interactive termasuk ciri-ciri yang membolehkan para pembaca meneroka infographic dengan cara mereka sendiri.

Pandangan tersuai ini boleh berlaku dalam beberapa cara yang berbeza - sama ada dengan mengklik pada bahagian grafik untuk melihat data atau dengan memindahkan komponen grafik untuk mengakses lebih banyak maklumat.

Seperti grafik gerakan, grafik interaktif mempunyai manfaat tersendiri dan alasan mengapa anda boleh memilihnya. Beberapa termasuk

  • Data yang banyak

  • Proses atau penjelasan yang terlalu kompleks

  • Peta besar dan terperinci

  • Teks panjang

  • Data yang akan menjejaskan pembaca yang berbeza dengan cara yang berbeza

Mungkin sebab yang paling menarik untuk meneroka dengan menggunakan penyelesaian interaktif untuk topik anda adalah apabila anda mempunyai sejumlah besar data. Katakan anda mempunyai data yang membandingkan setiap negeri di Amerika Syarikat dalam pelbagai kategori. Anda boleh melakukan ini dengan pendekatan statik, tetapi anda akan meminta pembaca anda untuk menantikan infographic yang sangat panjang. Sukar untuk memegang kepentingan yang panjang.

Daripada mengharapkan penonton untuk melekat dengan anda untuk jangka masa yang panjang, anda boleh memberikan mereka pengalaman interaktif yang membolehkan mereka meneroka data pada masa mereka sendiri dan pada kadar mereka sendiri.

Orang-orang di Infographic World mencipta sebuah projek interaktif yang mempunyai perbandingan keadaan negara dengan beberapa faktor gaya hidup, seperti pendidikan, kehadiran gereja, kadar obesiti, kadar jenayah, dan banyak lagi. Mereka menyusun data untuk semua 50 negeri dan kemudian membuat format interaktif yang membolehkan pembaca melihat data untuk apa sahaja negeri yang mereka mahu, dalam mana-mana kategori yang mereka pilih.

Mereka kemudian memberi warna kepada negara-negara merah atau biru untuk menunjukkan sama ada pengundi setiap negara memilih John McCain atau Barack Obama dalam pilihan raya presiden 2008. (Lihat gambar.) Mereka membuat kesimpulan yang sangat jelas mengenai data dan watak politik negara. Dengan membiarkan pembaca menggunakan data dengan cara mereka sendiri, mereka benar-benar meninggalkannya.

Beberapa unsur yang mempunyai semua interaktif yang berkesan termasuk

  • Pengalaman intuitif

  • Organisasi yang jelas

  • Kawalan pengguna bijak (biarkan mereka melakukan apa yang mereka mahu, dalam alasan)

  • )

Memilih untuk membuat infographic interaktif bukanlah akhir perbincangan. Sebagai tambahan kepada aspek penyelidikan, penulisan, dan reka bentuk interaktif, anda mesti menentukan bahasa pengekodan yang digunakan untuk membina interaktif anda.

Anda mempunyai dua pilihan utama: Flash dan HTML5. Menggunakan Flash membolehkan anda membuat pengalaman, "kilas" dengan jangka masa yang lebih pendek kerana anda perlu membuat kod kurang pada anda sendiri. Kelemahan terbesar untuk menggunakan Flash ialah ia tidak boleh dilihat pada peranti iOS dan pelayar Internet yang lebih tua dengan isu keserasian.

Kelemahan terbesar HTML5 adalah bahawa ia memerlukan banyak masa kerana proses pengekodan panjang dan kompleks. Anda akan bijak mengembangkan bakat dalam kedua-dua pilihan; anda mungkin menghadapi projek yang memanggil sama ada.

Membuat Pengalaman Infografik Interaktif - dummies

Pilihan Editor

Cara Mengeksport karya seni dari Fireworks - dummies

Cara Mengeksport karya seni dari Fireworks - dummies

Setelah anda mengoptimumkan imej itu, sudah waktunya untuk mengeksport dari Fireworks. Mengekspot imej adalah agak mudah; pilih Fail → Eksport dan kemudian nyatakan folder di mana untuk menyimpan imej. Apabila anda mengeksport dokumen seperti menu navigasi dengan beberapa kepingan, anda mengeksport dokumen itu sebagai imej dan HTML seperti berikut: Pilih Fail → Eksport. The ...

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Peraturan yang paling asas Skim warna untuk laman web adalah bahawa anda perlu bekerja dengan beberapa warna yang terkurung. Jika tidak, laman web anda hanya akan membentangkan warna cacian warna. (Ya, pendekatan gila-gilaan juga merupakan bentuk skema warna, tetapi sebagai peraturan umum tidak begitu berkesan.) Bagaimana ...

Pilihan Editor

Memilih Penutupan Daripada Potret Khas - patung

Memilih Penutupan Daripada Potret Khas - patung

Potret di mana imej anda dipangkas dengan ketat supaya subjek itu mengambil sebahagian besar atau semua bingkai - adalah alat licik dalam beg jurufat jurulatih. Walau bagaimanapun, orang umumnya tidak suka mempunyai kamera terlalu dekat dengan mereka, kerana ketakutan bahawa imej itu ...

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Sedikit dari fotografi bukan makanan. Fotografi komersil tradisional cenderung untuk menjauhkan diri dari kekejangan sorotan spekular dan kelemahan drip dan ketidaksempurnaan. Sorotan specular kadang-kadang hanya smidge yang terlalu cerah dan mengganggu dalam foto, tetapi kemuncaknya berkilat ...

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Komponen utama untuk dipertimbangkan ketika mencari makro Kanta yang sesuai dengan gaya fotografi rapat anda adalah subjek yang akan anda ambil gambar dengan lensa. Sekiranya anda menembak mata secara tidak langsung, anda boleh meletakkan kanta anda dengan sangat dekat dengannya. Subjek lain mungkin memerlukan anda menyimpan jarak yang selamat, yang bermaksud ...

Pilihan Editor

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Anda boleh menukar transparansi lapisan jenis, seperti yang anda boleh dengan lapisan lain dalam Adobe Photoshop Creative Suite 6, mengurangkan kelegapan (ketelusan) jenis supaya ia membolehkan lapisan mendasar untuk menunjukkan. Lapisan adalah seperti susunan lapisan digital yang mana setiap unsur imej anda ...

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Menggunakan kotak dialog Ukuran Imej hanya satu cara yang anda boleh mengawal resolusi dalam Adobe Photoshop CS6. Walaupun anda boleh meningkatkan resolusi, berbuat demikian dengan berhati-hati dan mengelakkannya, jika anda boleh. Pengecualian kepada peraturan ini adalah apabila anda mempunyai imej yang besar dalam saiz dimensi tetapi rendah ...

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Dalam Adobe Photoshop CS6, anda boleh menggunakan alat jenis untuk membuat pilihan yang dibentuk seperti huruf dan kemudian menggunakan imej itu sendiri sebagai tekstur (seperti batu) untuk jenisnya. Pemilihan jenis boleh memotong mana-mana bahagian gambar untuk menggunakan apa-apa cara yang anda mahukan. Ikuti langkah-langkah ini untuk mengukir huruf ke dalam tekstur batu ...