Flat Design

Плоский дизайн (англ. flat design) — дизайн интерфейсов программ и операционных систем, представленный как противоположность реализму. По задумке, «плоский дизайн» должен подчёркивать эффект «очаровательной простоты» и утончённости.^[1] Стал набирать популярность с 2010 года^[2], а с 2013 становится новым стандартом в дизайнерском компьютерном направлении^[2].

История

Прообразом для плоского дизайна стали направления в искусстве, связанные с традицией Интернационального стиля: минимализм, баухаус^[3][4][5][6] и Международный типографический стиль^[7] (также известный как швейцарский стиль). Последнее оказало наибольшее влияние на формирование плоского дизайна^[3][8].

Несмотря на то, что интерфейсы и сайты с элементами плоскости и минимализма создавались ещё в 2000-е годы, массовую популярность они приобрели после того, как с 2010 года Microsoft стала выпускать продукцию, выдержанную в плоском metro-стиле, тем самым противопоставляя свою дизайн-политику продукции Apple, выдержанной в стиле скевоморфизма. Однако ещё в 2006 году компанией Microsoft был выпущен mp3-плеер Zune, который содержал в себе элементы плоского дизайна^[8]. В 2010 году Microsoft выпустила мобильную операционную систему Windows Phone 7 с использованием интерфейса Metro, выдержанного в стиле плоского дизайна, где также доминируют яркие цвета. После коммерческого успеха Microsoft выпускает новую операционную систему Windows 8 в стиле Metro^[4]. Фактически с началом выпуска Windows Phone и Windows 8 начинается эра плоского дизайна.^[2]

В 2013 году компания Apple выпустила операционную систему iOS 7, дизайн которой также отказывается от скевоморфизма в пользу плоскости^[8], это приводит к ещё большей популяризации плоского дизайна и делает его новым преобладающим направлением в компьютерном дизайне^[2]. Вскоре после этого на плоский дизайн также перешли поисковик и приложения от Google вместе с их операционной системой Android, вышедшей в интерфейсе Material Design.^[9]

К 2015 году использование объёмного дизайна практически прекращено.

Замысел

Изначально концепция плоского дизайна заключается в отказе от реализма — иллюзии трёхмерного изображения или объекта, которая достигается путём создания отражения, текстур, теней^[4] и создании так называемого плоского дизайна с использованием простейших одноцветных элементов. Согласно задумке, визуально плоский дизайн выглядит более привлекательно и изящно^[10]. Также простой дизайн снимает дополнительную нагрузку на сайты или программы, благодаря которому они работают и загружаются быстрее^[4]. Плоский дизайн противопоставляется так называемому «богатому дизайну» (англ. rich design), в котором значительный акцент делается на разнообразные визуальные и звуковые эффекты^[4][11].

Плоский дизайн был широко распространён в 80-е годы по причине того, что уровень технологий не позволял создавать сложные текстуры, однако, и тогда впервые стали появляться простые элементы скевоморфизма, чтобы создать визуальную связь с цифровым объектом. Сегодня элементы псевдовыпуклости перестали привлекать большинство пользователей^[12]. Основные принципы плоского дизайна:

• В плоском дизайне должны использоваться визуально двухмерные объекты, исключаются любые элементы, придающие эффект глубины и объёмности, при изображении объекта используются только его контуры^[1].
• Элементы должны выглядеть максимально простыми, для чего используются односложные фигуры с чёткими контурами^[1].
• Необходимо грамотно использовать разные типы шрифтов, они должны быть простыми и не выбиваться из общего дизайна^[1].
• Плоский дизайн должен включать в себя лишь несколько основных цветов без переходов и градиентов, которые могут быть яркими^[1].

Flat design и Интернациональный стиль

Различными авторами высказывается устойчивое мнение, что flat design тесно связан с художественной системой 1930 - 1960 годов. ^{[3] [13]} Искусствовед Екатерина Васильева обращает внимание на сходство элементов flat design с принципами Интернационального и Швейцарского стиля^[14] — ключевого явления в архитектуре, дизайне и графике середины и второй половины XX века ^[15]. «Обнаруживая общее начало с такими явлениями, как интернациональный графический стиль, flat design выступает как одно из наиболее влиятельных направлений современной визуальной системы». ^[16] Исследователи считают Flat Design идеологическим продолжением Швейцарского стиля^[17].

Полагают, что устойчивость flat design может быть объяснена не только его функциональным удобством (графическая простота, двухмерное изображение), но и с обращением к системе Интернационального и Швейцарского стиля ^[14][13], который можно рассматривать как основу современного дизайна ^[15]. Влиятельность flat design в современной визуальной системе может быть связана с фактом сознательного обращения flat design к художественным и структурным принципам Интернационального стиля. ^[3] Элементы и принцип flat design могут быть соотнесены с архитектурой и промышленным дизайном Ле Корбюзье, Людвига Мис ван дер Роэ, Фрэнка Ллойда Райта, Алвара Аалто, а также с графикой Яна Чихольда, Макса Билля, Йозефа Мюллер-Брокмана, Армина Хофмана и др.^[7]

Критика

Некоторые дизайнеры уверены в том, что мода на плоский дизайн в его радикальном виде является лишь временным явлением и интерес к нему со временем спадёт. Один из явных недостатков плоского дизайна заключается в том, что из-за отсутствия теней сложно различить ссылки и понять, являются ли они действующими^[18]. С другой стороны, плоский дизайн хвалят за его простоту и универсальность, он может подходить для самых разных приложений и размеров экрана. Дизайнеры в конечном счёте уверены, что в будущем эволюция компьютерного дизайна закончится на том, что плоский дизайн также будет сочетать в себе элементы скевоморфизма, который позволит подробнее выделять мельчайшие детали^[18][19]. Некоторые считают, что повальная мода на плоский стиль является следствием того, что скевоморфизм в течение слишком длительного времени навязывался как самый «идеальный и передовой» дизайн для сайтов и программ. Сначала пользователи недоверчиво относились к новому стилю IOS 7, но быстро привыкли к нему, приняв «плоскость» за новый стандарт^[20].

• 
  Youtube «классический»
• 
  Youtube «плоский», в 2015—2017 годах
• 
  Google «классический»
• 
  Google «плоский», с 2015 года

Примечания

Литература

• Васильева Е.В., Гарифуллина (Аристова) Ж.С. Flat-Design и система интернационального стиля: графические принципы и визуальная форма // Знак: проблемное поле медиаобразования. 2018. № 3 (29). С. 43-49.
• Филиппова М. Принципы Flat-design и проблема интернационального стиля: графическая программа и ее специфика. // Месмахеровские чтения - 2022. Материалы международной научно-практической конференции. Сборник научных статей. Санкт-Петербург, 2022. С. 650-656.
• Clum, L. A Look at Flat Design and Why It's Significan // UX Magazine. (May 13, 2013)
• Gessler, N. Skeuomorphs and Cultural Algorithms // UCLA Anthropology (June 12, 2012)
• Turner, Amber Leigh The history of flat design: How efficiency and minimalism turned the digital world flat. // The Next Web (Mar 19, 2014)
• Terror D. Lessons From Swiss Style Graphic Design // Smashing magazine (July 17, 2009)

Ссылки

• История плоского дизайна: как эффективность и минимализм сделали цифровой мир плоским

Эта страница в последний раз была отредактирована 24 февраля 2024 в 21:03.