Что такое цветные шрифты?

Цветные шрифты, похоже, станут сенсацией в мире графического дизайна в 2018 году, но немногие пока представляют, что это такое и как можно использовать такие шрифты. Если не увлекаться техническими аспектами этой тенденции и объяснить все простыми словами, то получается, что этот горячий тренд обещает вернуть веселье в типографику.

Все что нужно знать графическим и веб-дизайнерам, это то, что новая технология будет оказывать сильное влияние на цифровой и печатный дизайн в течение долгого времени.
Что такое цветные шрифты

Если дизайнер работает над серьезным проектом, то ему лучше использовать векторные символы или группы символов. Или растровые, но в хорошем разрешении. Созданные с нуля дизайнерами-шрифтовиками, подобные сложные изображения смотрятся красиво, но лишены функциональности и гибкости обычного шрифтового файла. По сути, это просто эффектные векторные или растровые иллюстрации, просто в этом смысле арт-объектом выступает буква или символ.

Так было, пока не появилась новая технология. Цветные шрифты, которые иногда называют хроматическими, представляют собой следующий шаг в эволюции типографики. Цветным шрифтам присущи такие характеристики, как цвет, градиенты и текстуры, внедренные в шрифтовой файл. Если файл векторный, то он может масштабироваться, без потери качества, а вот с растровыми версиями все обстоит сложнее: такие шрифты будут выглядеть размытыми, если их размер будет выше установленной максимальной величины.

Тренды веб-дизайна

Каждый цветной шрифт состоит из основного ядра, которое содержит стандартный файл OpenType и дополнен данными в формате SVG. Отличить цветной шрифт от обычного несложно, он именуется так: OpenType-SVG. Когда пользователь просматривает типографику в браузере, который поддерживает новую технологию, он может увидеть красочную версию дизайна. Если же нет, то браузер покажет обычный шрифт. Здесь стоит оговориться: цветной шрифт это не просто шрифт, окрашенный в какой-либо цвет. Этого можно добиться с помощью CSS. Нет, цветной шрифт это сложная композиция, где каждый символ тщательно проработан и где используются различные дизайнерские приемы. Так как цветные шрифты тренд относительно новый, большинство браузеров пока не поддерживают эту технологию. Но в ближайшем будущем все изменится.

Как использовать цветные шрифты?

Большинство дизайнеров в начале своей карьеры пережили «шрифтовую лихорадку» — период смелых экспериментов с типографикой. Объемные, светящиеся или «металлические» шрифты – все это поначалу очень интересно, но потом энтузиазм стихает, так как такие шрифты мало где можно использовать. И дизайнер обращается к стандартным шрифтам. С ними работать гораздо проще и безопаснее. К тому же цветной шрифт это не тот тренд, который понравится поклонникам минимализма. Сейчас это больше похоже на баловство – цветной шрифт является полной противоположностью минимализму, его корни уходят в ретро-стиль, где активно использовались смелые оттенки и различные эффекты, такие, как тени, обводки и градиенты.

Тренды в дизайне

Честно говоря, цветные шрифты сейчас балансируют между хорошим вкусом и полной безвкусицей, но у них определенно есть будущее и они обязательно займут свою нишу. Как только тренд на ретро-дизайн окрепнет, то шрифтовой максимализм проявится в самых разных областях: в печати, моде и даже дизайне интерьеров. Цветные шрифты и позиционируют себя как серьезную тенденцию, у них другая функция – привлекать внимание. Это делает их перспективным инструментом для маркетологов и дизайнеров, которые хотят внести что-то новое в уже сформировавшиеся каноны. Цветные шрифты – это весело. Ранние версии цветных шрифтов создавались для использования в цифровой среде, но все указывает на то, что вскоре появятся подобные гарнитуры и для печати.

Будущее цветных шрифтов

Поскольку цветные шрифты являются новой технологией, многие браузеры, устройства и программные продукты пока не поддерживают новую технологию. Ничего страшного: если в браузере нет поддержки цветного шрифта, он покажет стандартную версию OpenType. Но все изменится очень быстро – шрифты OpenType-SVG уже объявлены отраслевым стандартом, так что ждать обновления браузеров осталось совсем недолго. Сейчас эти забавные шрифты можно просмотреть в поздних версиях Firefox (начиная с версии 26), а также в Microsoft Edge (начиная с версии 38 в Windows 10).

Цветные шрифты

Что касается использования цветных шрифтов в программном обеспечении, то с ними можно работать в таких программах, как Adobe Illustrator (CC 2018), Photoshop (CC 2017) и InDesign (CC 2018). Некоторые дизайнеры уже начали экспериментировать с анимированными версиями цветных шрифтом, так как технология SVG поддерживает анимацию. Такие шрифты можно использовать при работе с редактором Adobe After Effects. Это открывает перед дизайнерами большие возможности и нет сомнений, что анимированная типографика скоро появится повсюду – от социальных сетей до видео.

Сфера применения цветных шрифтов

Если дизайнер пал жертвой соблазна, у него может возникнуть жгучее желание выбросить старые шрифты и полностью перейти на цветные. Но прежде чем начать создавать проекты, напоминающие наркотический бред и галлюцинации, стоит остановиться и немного подумать. Цветные шрифты можно использовать далеко не везде. Как и в случае со стандартными шрифтами, некоторые цветные шрифты выглядят не слишком хорошо. Так что возможность использования далеко не равная обязательной реализации. Пока количество цветных шрифтов невелико, имеет смысл присмотреться к этому тренду. Всего через несколько месяцев таких шрифтов станет гораздо больше, вот тогда и нужно начинать аккуратно внедрять их в свои дизайн-проекты.

Но при этом нужно помнить об ограничениях. Если цветной шрифт является растровым, то не рекомендуется превышать максимальный размер, потому что такой шрифт будет великолепно выглядеть на рекламном флаере, но распадется на пиксели при масштабировании в браузере. Нужно также учитывать, что цветные шрифты весят больше, чем обычный OpenType. Ненамного, но больше, а это может привести к увеличению времени загрузки сайта или приложения.

К сожалению, множество пользователей не смогут увидеть результат эксперимента веб-дизайнера с цветными шрифтами. Люди консервативны, они не так часто обновляют браузеры или программные обеспечение. Так что пройдут долгие месяцы или даже годы, прежде чем пользователи смогут увидеть дизайн во всем его великолепии. Это значит, что у цветного шрифта должна быть красивая и сбалансированная основная версия.

Поскольку цветные шрифты яркие и кричащие, они могут испортить дизайн. Но для некоторых проектов, особенно тех, которые нацелены на молодую аудиторию, это может оказаться идеальным решений. Работа с цветным шрифтом это всегда риск, так что использовать его нужно дозированно, например, для определенных типов заголовков или как фокусный элемент для привлечения внимания.

Вывод

Цветные шрифты могут стать одним из самых горячих трендов в веб-дизайне. Эта технология позволяет создавать очень эффектные шрифтовые композиции, в том числе и анимированные. Пока еще эта тенденция находится в зачаточном состоянии и цветных шрифтов, доступных для загрузки, совсем немного. Тем не менее, у них есть ясная перспектива и вполне понятные сферы применения. Так что приживется эта тенденция в дизайне или нет, покажет время.