Найти тему
История дизайна

История Flat иллюстрации

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

shutterstock.com
shutterstock.com
shutterstock.com
shutterstock.com

Плоский дизайн или флэт-дизайн — пришел в 2010 на смену скевоморфизму. Плоским иконкам и кнопкам предшествовали изображения, показывающие объекты реалистично: с демонстрацией деталей, светотени и бликов.

Иконки IOS в стиле скевоморфизм
Иконки IOS в стиле скевоморфизм

Сначала флэт-дизайн полностью отрицал тени и объем.

Флэт дизайн в момент возникновения
Флэт дизайн в момент возникновения

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

Иконки  IOS сегодня.
Иконки IOS сегодня.

Почему эти противоположные стили сменили друг друга?

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

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

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

Плакат в стиле Баухаус
Плакат в стиле Баухаус

Швейцарский дизайн стал последователем философии школы Баухаус, один из принципов которой — «Форма следует за функцией». Ясные читабельные шрифты, простые, понятные иллюстрации помогали быстро доносить информацию. Поэтому его также можно назвать предшественником флэт-дизайна.

Плакат в швейцарском стиле
Плакат в швейцарском стиле
Плакат в швейцарском стиле
Плакат в швейцарском стиле