Количество просмотров:
0В последнее время инфографика, в том числе интерактивная, завоевала большую популярность. Так как посетители постоянно просматривают инфографику на планшетах, телефонах и компьютерах, следует создавать ее на HTML5.
Ниже описаны 3 способа, помогающие разработать бесподобную интерактивную инфографику на базе HTML5.
1) Обдумайте, почему вы делаете именно такую инфографику.
Прежде чем думать о технологии, следует оценить графику с позиции зрителя. Невзирая на то, что HTML5 дает совершенно новое средство для представления истории данных, он не снабжает автоматически данные целью или смыслом. Всегда проверяйте, отвечает ли придуманная инфографика следующим характеристикам:
- Свежая. Чем ваша инфографика выделяется из серой масссы?
- Информативная. Представляете ли вы точные и занимательные факты?
- Адекватная. Рассказывает ли ваша информация согласованную историю?
- Интересная. Притягивает ли зрителя ваша история? Радует ли его участие в ней?
- Уникальная. Новая ли инфографика? Использовалась ли она раньше?
Задание этих вопросов поможет спланировать цели инфографики и то, какой отклик она найдет у аудитории. Готовая инфографика должна выражать вашу идею в ясном и привлекательном виде. Она должна быть необычной, но в то же время строгой. Графика должна притягивать читателя, а представленным данным надлежит быть лаконичными. Удачная инфографика привлекает аудиторию и легко усваивается.
2)Заставьте инфографику двигаться.
Adobe Edge Animate – инструмент анимации HTML5, делающий веб-графику динамичной, позволяющий дополнить ваш авторский дизайн интерактивностью и движением. Он также объединяется с другими творческими инструментами, обеспечивая органичную связь между дизайном и HTML на сайте. На демонстрационной странице Adobe Edge Animate есть прекрасные шаблоны и примеры динамичной графики.
Также можно привнести интерактивную графику, использующую последние обновления CSS и HTML5 в браузерах для создания причудливых эффектов, к примеру, новейшую спецификацию форм CSS.
3) Данные.
Инфографика – ничто без мощных источников данных и инструментов для их иллюстрирования. Источники данных могут варьироваться, в интернете масса общедоступных массивов данных, предоставляющих сырые данные для обработки.