Плоский дизайн — это минималистичный язык дизайна или стиль дизайна , обычно используемый в графических пользовательских интерфейсах (GUI) (таких как веб-приложения и мобильные приложения ), а также в графических материалах, таких как плакаты , рисунки, руководящие документы и издательская продукция.
Плоский дизайн — это стиль дизайна интерфейса, подчеркивающий минималистское использование простых элементов, типографики и плоских цветов. [1]
Дизайнеры могут предпочесть плоский дизайн, поскольку он позволяет сделать дизайн интерфейса более рациональным и эффективным. Легче быстро передать информацию, сохраняя при этом визуально привлекательный и доступный вид. [2] [3] Кроме того, это упрощает разработку интерфейса, реагирующего на изменения размера браузера на разных устройствах. Благодаря минимальному количеству элементов дизайна веб-страницы можно загружать быстрее, легко изменять их размер и при этом выглядеть четко на экранах высокой четкости. [2] В качестве подхода к проектированию его часто противопоставляют скевоморфизму [4] и богатому дизайну . [2]
На плоский дизайн в первую очередь повлиял международный типографский стиль (также известный как швейцарский стиль ), текстовые пользовательские интерфейсы , модернизм и стили, возникшие из Баухауза . [2] [5] [6] [7] Международный типографский стиль часто считается наиболее существенным влиянием на плоский дизайн, а его появление и популяризация в 1950-х и 1960-х годах считается отправной точкой плоского дизайна, хотя некоторое время после этого не появляться в цифровом мире. [8]
В 2002 году Microsoft выпустила Windows Media Center , а в 2006 году — MP3-плеер Zune , оба из которых содержали элементы плоского дизайна. Дизайн Zune был чистым и простым, с упором на крупный шрифт строчными буквами, логотипы в виде силуэтов и монохромные цвета шрифта. [8] Microsoft продолжила этот стиль дизайна с выпуском Windows Phone 7 в 2010 году , который основывался на элементах плоского дизайна, представленных в Zune, официально оформленных как « язык дизайна Metro ». В дизайне преобладали крупные и яркие формы, сопровождаемые типографикой без засечек из семейства шрифтов Segoe , плоскими изображениями и меню с сетчатым узором. Впоследствии Metro был принят во всех линейках программного обеспечения Microsoft, включая операционную систему ПК Windows 8 . [2]
Android начал перенимать тенденции плоского дизайна с версией 4.0 «Ice Cream Sandwich» в 2011 году; Матиас Дуарте , вице-президент Google по дизайну, считал, что iOS от Apple была слишком скевоморфной , Windows Phone выглядел как «вывеска туалета в аэропорту», и что оба интерфейса были слишком жестко стандартизированы с ограниченной гибкостью для дизайнеров. Новый интерфейс платформы «Holo» был разработан так, чтобы выглядеть более упрощенным, чем предыдущие версии Android, с неоново-синими акцентами, резкими краями и тенями для глубины. [9] [10] [11] [12]
В 2013 году Apple представила iOS 7 , которая перешла на плоский дизайн пользовательского интерфейса с использованием более ярких цветов, типографики, а также размытых, полупрозрачных наложений. [13] [14] [15] В следующем году OS X Yosemite представила пользовательский интерфейс в стиле iOS 7 для операционной системы Apple Mac OS X. [16] Google начал внедрять свой собственный язык плоского дизайна, известный как « Material Design » для Android (начиная с Android Lollipop ) и других своих платформ, который основан на листах, похожих на учетные карточки , и использовании теней для увеличения глубины и иерархии. , а также плавную анимацию и переходы. [17] [18] [19] [20]
В 2017 году Microsoft представила Fluent Design System — новый плоский пользовательский интерфейс. Этот новый интерфейс отличается от своего предшественника Metro за счет использования глубины, [21] обратной связи интерфейса и нового эффекта полупрозрачности, получившего название «Акрил». [ кем? ]
Плоский дизайн подвергался критике за то, что он делает пользовательские интерфейсы неинтуитивными и менее удобными. Если сделать все элементы дизайна (меню, кнопки, ссылки и т. д.) плоскими, то определить, какую функцию выполняет элемент, может стать сложнее, например, определить, является ли элемент кнопкой или индикатором. [22] [23] Исследования показали, что плоский дизайн более популярен среди молодежи, чем среди пожилых людей. Исследования также показали, что, хотя молодые люди кажутся быстрее ориентирующимися в плоском дизайне, у них также возникают проблемы с пониманием пользовательского интерфейса. [24] В 2013 году Якоб Нильсен , эксперт в области дизайна и удобства использования пользовательского интерфейса, назвал плоский дизайн «угрозой удобству использования планшетов». Нильсен также предложил альтернативу, а именно золотую середину между скевоморфизмом и плоским дизайном. [25] Группа Nielsen в 2017 году провела исследование, согласно которому использование интерфейсов с использованием плоского дизайна в среднем было на 22% медленнее. [26]