Плоский дизайн ворвался в нашу жизнь достаточно резко и для многих неожиданно благодаря крупным компаниям, которые начали использовать этот подход несколько лет назад. Но, на самом деле, это направление существовало и раньше, и развивалось параллельно с реализмом и скевоморфизмом. И пришел он в веб-технологии из полиграфической продукции 20 века, именно там активно применялись ярко выраженные плоские элементы, упрощенная графика, доходящая до символизма. Но стоит разобраться по порядку, с чего все начиналось.
Скевоморфизм – дружелюбный интерфейс для неопытных пользователей
С появлением первых версий Windows и с ростом числа пользователей сети Интернет дизайн сайтов и приложений становился все более реалистичным. Активно развивался скевоморфизм, т.е. создание кнопок и других управляющих элементов максимально приближенными к реальности. Дизайнеры рисовали тени и объем, старались сделать кнопки такими, чтобы даже самый неопытный пользователь догадался на них нажать.
Время шло. Красивые, объемные дизайны становились все более ресурсоемкими, неуклюжими и громоздкими. Изменение в восприятии дизайнов произошло, когда, с одной стороны, массовый пользователь стал более опытным, и необходимость в графических эвфемизмах стала отпадать. С другой стороны, все большее число людей начали выходить в интернет с мобильных устройств, и здесь легкость и скорость загрузки оказались намного важнее, чем тени, объем и другие украшения.
Плоский дизайн – современное решение
Плоский дизайн на сегодняшний день стал той самой концепцией, которая решает большинство проблем и определяет вектор развития графических интерфейсов на годы вперед. Эта концепция позволила:
- Снизить ресурсоемкость приложений и веб-ресурсов;
- Сместить внимание посетителей сайтов с дизайна на контент;
- Создавать удобные адаптивные сайты с единым дизайном для десктопов и мобильных устройств.
Эта своеобразная революция, началом которой считается 2010 год, вынудила огромное количество компаний произвести срочный редизайн своих сайтов и приложений, и полностью изменила облик современных гаджетов. Сам же плоский дизайн постоянно эволюционирует, развивается, создаются все более удобные и привлекательные решения. Судя по всему, именно плоский дизайн определит направление развития интерфейсов на годы вперед.
Как все начиналось
Первые элементы и попытки воплотить «плоские» идеи можно увидеть еще в начале 2000-х годов. В то время, когда массовые пользователи имели дело с трехмерностью, скевоморфизмом и реализмом, отдельные компании уже пробовали применять упрощенные элементы. Но всерьез «плоские» тенденции заявили о себе с выходом первых полноценных интерфейсов, созданных в стиле Metro.
Впервые плоские элементы были представлены массовому пользователю в 2006 году, когда компанией Microsoft был выпущен MP3 Плеер Zune. В то время внешний вид плеера вызвал целую волну критики. И, тем не менее, в 2010 году появляется новый продукт Windows Phone 7, дизайн которого также состоит из плоских элементов.
Стиль Metro сочетает в себе яркие крупные формы, символизм, доходящий до гротеска, акцент на типографике и полное отсутствие столь привычных в прежние годы скосов, теней и других подобных элементов оформления. Несмотря на критику, этот подход стал настолько популярным, что компания решилась перенести его на персональные компьютеры и создала интерфейс Windows 8 именно в таком стиле.
С одной стороны, Microsoft Windows 8 оказался не самым удачным продуктом, с другой, плоские интерфейсы начали внедрять и многие другие компании. Дольше всех «сопротивлялись» новым тенденциям в Apple, они до последнего заявляли, что отказываться от скевоморфизма не планируют, но к 2013 году новая система iOS 7 также стала плоской.
Из интерфейсов в веб-дизайн
Вслед за новыми интерфейсами веб-мастера также стали все активнее использовать плоские элементы. Как оказалось, современные пользователи не нуждаются в таком количестве подсказок, как раньше, они уже способны понимать и символические плоские интерфейсы, как в приложениях, так и на веб-страницах. А возможность сконцентрировать внимание не на «шапке» и «объемном» меню, а на контенте была с огромным энтузиазмом воспринята коммерческими компаниями.
Кроме того, для адаптивной верстки плоский стиль оказался настоящей находкой. Избавление от ресурсоемких кнопок и других управляющих элементов позволило ускорить загрузку сайта на любых устройствах без потери качества действительно важных элементов, изображений товаров, фотографий и т.д.
Вслед за мировыми брендами облегчать дизайн сайтов стали самые разные компании, и сегодня практически весь Интернет стал «плоским». С другой стороны, объемные трехмерные сайты также никуда не делись, такой дизайн сегодня называют «богатым» и применяют в случае необходимости. Например, если для тех или иных целей требуется создать красивую презентацию, то реалистичные изображения и такие же «богатые» управляющие элементы незаменимы. Также, при создании браузерных многопользовательских игр, предназначенных для десктопов, без трехмерности не обойтись. Но теперь «богатые» дизайнерские изыски применяются только там, где они реально необходимы.
Перспективы развития плоского дизайна
Угадать, что будет создано в ближайшем будущем, достаточно сложно, ведь новые идеи появляются практически каждый день, в том числе, в области веб-дизайна. Но пока что можно смело утверждать, что плоский дизайн не только не исчерпал свои возможности, но его потенциал раскрыт далеко не полностью.
Сайты с плоским дизайном, как показывает практика, реже нуждаются в редизайне и серьезных обновлениях, мода на плоские элементы также не проходит и, скорей всего, будет актуальна еще очень долго. Экономия ресурсов и адаптивная верстка также будут высоко цениться еще очень и очень долго.
Заметны и некоторые тенденции развития плоского дизайна, например, компания Google активно экспериментирует, стремясь собрать все лучшее из разных стилей – плоского и скевоморфизма, и некоторые их разработки уже привлекли к себе внимание самых разных специалистов.
А сегодня вы можете воспользоваться автоматической html версткой вашего плоского дизайна, которая будет максимально экономична и удобна для реализации вашего проекта.
