Dimensi web untuk Infographics anda - dummies

Cabaran untuk menilai infographic untuk web adalah saiz reka bentuk kini sangat berubah-ubah, tidak ada standard untuk bercakap tentang. "Reka bentuk responsif" yang dibawa dengan kemunculan HTML5 mengubah landskap reka bentuk web secara kekal.

Tidak seperti grafik dicetak, di mana setiap orang yang melihatnya mengalaminya dalam saiz yang sama, saiz sebenar perubahan grafik web bergantung pada peranti pembaca. Skrin peranti boleh berkisar dari 27 "untuk komputer desktop hingga 5" untuk telefon pintar.

Selalu mengoptimumkan untuk penonton anda. Gunakan perisian analisis web untuk menentukan cara orang mengakses tapak anda dan berdasarkan keputusan anda pada data tersebut.

Yang berkata, anda perlu memikirkan beberapa unsur apabila anda menerbitkan karya dalam talian.

Nisbah aspek skrin untuk maklumat grafik

Reka bentuk responsif adalah prinsip reka bentuk web yang cuba membuat imej visual jelas dan dibaca merentasi pelbagai peranti. Untuk pereka infographic, keindahan pendekatan ini ialah kerja anda secara automatik akan sesuai dengan skrin yang dilihat.

Sebagai pereka, anda tidak perlu menghasilkan satu aspek aspek untuk kerja yang akan dilihat pada komputer riba dan yang lain disesuaikan dengan telefon pintar.

Peningkatan penggunaan teknologi HTML telah menjadikan reka bentuk responsif satu standard. Anda tidak perlu menjadi pengaturcara untuk menggunakan dan memanfaatkan teknologi ini. Mengelak teknologi ini ke dalam kerja anda akan menjadikannya lebih mudah diakses dan boleh dibaca dan pastinya akan menjadi kemahiran kerja yang berharga untuk anda sebagai seorang pereka infographic.

Jika anda tidak menggunakan reka bentuk responsif, fikirkan di mana penonton sasaran anda akan melihat infographic anda dan bekerja mundur dari sana. Jika kebanyakan pembaca anda mendapatkan bahan anda pada platform atau bahagian skrin tertentu, anda membuat reka bentuk dengannya.

Pengguna tidak selalu mahu menatal ke bawah untuk melihat lebih banyak, jadi fikirkan maklumat yang anda mahu pembaca anda lihat apabila mereka mula melihat infographic anda.

Untuk kerja yang perlu diperkecil untuk cetak dan penggunaan web serentak - katakan anda bekerja di akhbar, dan infographic anda akan berjalan dalam edisi cetak dan dalam talian di laman web itu - tetap menggunakan fail vektor. Mereka akan memudahkan anda membuat skala pekerjaan anda.

Resolusi skrin untuk maklumat grafik

Salah satu soalan yang paling umum dan asas yang ditanya dalam reka bentuk laman web ialah resolusi skrin monitor yang digunakan. Jawapan yang agak tidak menolong ialah kerja anda harus dioptimumkan untuk resolusi yang paling biasa, tetapi ia harus berfungsi untuk kesemua mereka.

Sebaliknya, tiada reka bentuk wujud yang kelihatan sama dalam setiap resolusi, platform, dan penyemak imbas, jadi mewujudkannya bukan matlamat yang realistis. Apa yang anda mahu adalah keseimbangan - sesuatu yang kelihatan sempurna di bawah keadaan yang paling biasa dan masih kelihatan sangat baik dalam keadaan kurang biasa.

Statistik StatCounter memantau statistik mengenai pelbagai faktor yang mungkin anda dapati berguna, termasuk resolusi skrin teratas, resolusi mudah alih dan pelayar yang digunakan.

Sentiasa periksa kerja anda dengan melihatnya dalam pelayar yang berbeza dan saiz semula tetingkap penyemak imbas untuk melihat bagaimana kerja anda kelihatan dalam keadaan yang berbeza. Dan sentiasa reka bentuk dengan khalayak anda dalam fikiran. Sebagai contoh, jika anda mengetahui sasaran khalayak kebanyakannya menggunakan peranti mudah alih, reka bentuk dengan mudah alih dalam fikiran.