Флэт иллюстрация

Основные принципы. Иллюстрация, как важный компонент Flat Design. Примеры. Полезные советы
Если посмотреть на современные тенденции в дизайне, можно выделить один большой тренд, который называется Flat Design (плоский дизайн). Каждому, кто хочет, чтобы его дизайн был актуален, необходимо знать об этом понятии, научиться его использовать и применять это знание в своей работе.

Flat иллюстрация — часть такого направления, как плоский дизайн.
1
Плоский дизайн
Плоский дизайн (англ. flat design) — минималистичный подход к оформлению сайтов, мобильных приложений и печатных изданий, целью которого является сделать эстетически приятный, легкий в использовании продукт.

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

Плоский дизайн пришел на смену понятию «скевоморфизм». Скевоморфизм — такой стиль, когда все элементы максимально реалистичны и выглядят, как настоящие. Считалось, что человеку легче разобраться с компьютерным интерфейсом, если он будет похож на настоящий объект. Но, как и многое другое, это направление в дизайне устарело и на смену ему пришло тотальное упрощение. Можно сказать, что плоский дизайн является частью одного глобального тренда. В эпоху переизбытка информации и постоянной суеты общество стремится к упрощению того, что его окружает.
Переход от скевоморфизма в iOS 6 к плоскому дизайну в iOS 7 в дизайне иконок Apple
Материальный дизайн
Материальный дизайн (англ. material design) является своеобразным развитием плоского дизайна, был представлен общественности компанией Google летом 2014 года. Их целью являлось создать визуальный язык, который включает в себя хороший дизайн и возможности современных технологий и науки; разработку системы, предоставляющей единое восприятие контента на устройствах различных размеров. Материальный дизайн позволяет пользователю мгновенно понять базовый функционал интерфейса.
Подробнее про материальный дизайн можно прочитать на официальном сайте Google.
2
Примеры использования Flat Illustration
Плоская иллюстрация на посадочных страницах
Прежде всего, плоский дизайн встречается в web — это посадочные страницы всевозможных сервисов и услуг. Иллюстрация применяется на обложке сайта или может быть визуальным обозначением функций, свойств продукта.

Также Flat иллюстрация применяется в интерфейсе web-сервисов в качестве иконок, подсказок по эксплуатации сайта, иллюстраций того или иного продукта. Это встречается в таких сервисах, как Google, Dropbox, различные интернет-банки.
Применение Flat иллюстрации также можно встретить в разнообразных информационных сайтах. Например, бейджик новости может быть проиллюстрирован как фотографией, так и иллюстрацией. Также портрет автора статьи в виде иконки.

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

Чтобы читать дальше, купите курс

Принципы дизайна в Digital — это курс из 20 лекций, доступных на вебе в формате лонгридов.
Курс поможет освоить базовую теорию дизайна, понять, из каких этапов состоит работа над дизайном в вебе, и развить визуальный вкус.

Вы можете купить эту лекцию отдельно, цена одной лекции — 500 руб.
Предыдущая
Следующая
Оглавление