Заголовок «адаптивная иконографика» звучит странновато. Адаптивные сайты уже стали хорошим тоном, но одно дело — перестраивать сетку в зависимости от разрешения устройства, и другое — делать адаптивными сами иконки. Это гигантский скачок вперед, как для адаптивного дизайна, так и для иконографики.
Что есть адаптивность иконки
Адаптивность иконки вовсе не подразумевает, что ее размер будет меняться «по шкале», вместе с изменением размера дисплея.
Адаптивность иконки означает: разные иконки отображаются для разных разрешений.
Разница таких иконок — это разница детализации изображения. Вот о чем речь:
Зачем это нужно
Крупная иконка с минимумом деталей смотрится скучно в большом размере, равно как и детальная иконка плохо рендерится на маленьких экранах.
Подробнее и красочнее расскажет ролик P.J. Onori, одного из авторов-вдохновителей сервиса:
Сам сервис, позволяющий внедрить адаптивные иконки в ваш сайт, называется Iconic и находится здесь: useiconic.com
Популярные ответы и сколько это стоит
Иконки, что называется «умные», встраиваются с помощью CSS. Сервис Iconic может генерировать PNG с альфа-каналом, SVG, SWC, OFT, TTF, EOT, Omnigraffle. Набор самих иконок можно скачать архивом прямо с сайта. Продукт опенсорсный, на GitHub есть страничка.
Текущая версия бесплатна, коммерческой предполагается сделать следующую, расширенную версию. При этом бесплатная таковой и останется.
В общем, пользуйтесь и делитесь ссылкой!
