Тенденции современного web-дизайна

 В данной статье мы опишим модные тенденции современног web-дизайна, а также вспомним с чего все начиналось, и какими сайты были раньше. Мы не преследуем цели быть истинной в первой инстанции, поскольку вопросы связанные с дизайном зачастую оцениваются через призму субъективного отношения к красивому, что убивает любую объективность.

Горизонтальная навигация по основным разделам и вертикальное вспомогательное меню.

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

• Горизонтальную - по основным разделам сайта
• Вертикальную - вспомогательную по внутренним страницам

Такая модель была распространена в 2005 - 2010 годах, когда наиболее активно рос пользовательский интерес к web-технологиям. Тогда люди не были избалованы навороченными и удобными интерфейсами, поэтому довольствовались такими сайтами. На тот момент они были эффективны и давали хорошую отдачу. Но конкуренция заставила владельцев сайтов начать эксперименты с внешним видом. 

Flash сайты

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

WEB 2.0

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

Flat дизайн

Плоский дизайн был всегда, но особенную популярность он получил с развитием системы Microsoft Windows. Его прототипом стал всем известный metro-стиль примененный для оформления операционной системы windows 8. Здесь мы остановимся для более детального изучения данного стиля, поскольку на данный момент он является чуть ли не преобладающим в сфере web-разработок.

Концепция плоского дизайна заключается в отказе от создания элементов интерфейса, кажущихся объемными. Объемность достигается за счет теней, отблесков и текстур объектов. Таким образом любой плоский дизайн имеет три характерных признака:

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

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

Примером плоского дизайна может служить например этот сайт, на котором вы сейчас находитесь и читаете эту статью.

Основным недостатком плоского дизайна является его однородность. Зачастую на сайте с плоским дизайном сложно определить является ли тот или иной элемент активным и поэтому ряд критиков считает данный тренд в дизайне временным и неустойчивым. Мы с ними в этом в корне не согласны.

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

Material дизайн

Из названия понятно, что речь пойдет о чем-то связанном с материалами. И вы не ошиблись, этот тип web-дизайна сочетает в себе все прелести плоского дизайна, но при этом не является таким консервативным, позволяя дизайнерам экспериментировать с тенями и различными цветовыми выделениями. Впервые он был представлен компанией Google для своей операционной системы Android в 2014 году.

Данное направление в дизайне сейчас активно развивается. Например, оно активно используется в iOS.

Минимализм в web-дизайне

Вообще минимализм в искусстве, не только в web но и в других его предметных областях известен давно. Его основное отличие от других направлений заключается в минимальном оформлении элементов. Эстетический эффект достигается за счет правильной геометрии и продуманного расположения элементов дизайна. Для поддержки дизайна часто используются полномасштабные фоновые изображения. Это придает дизайнам в стиле минимализм роскошности.

Как правило минималистичные дизайны используются в тематиках имеющих высшую ценовую группу, по сравнению с возможными заменителями. Хорошим примером сайта в стиле минимализм является все известный сайт apple.com. Мы часто слышим от наших клиентов, что они хотят себе такой сайт и на самом деле в этом нет ни какой магии. Сложность и основной недостаток минималистических сайтов заключается в использовании беспрецендентно качественных изображений. Такие изображения зачастую в разработке могут стоить в несколько раз дороже разработки самого дизайна.

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

Полигональный стиль

К сожалению не очень распространенный в России стиль, по неизвестным нам причинам. Его отличительной особенностью является использование полигональных форм, как основы всего дизайна. При этом элементы такого дизайна могут сочетать в себе различные направления web-дизайна. Конечно в чистом виде полигональный стиль встретить сложно. Его часто смешивают с flat или metro стилями.

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

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

Скевомофизм

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

Ключевую роль в данном стиле играет графика. Этот стиль требует от дизайнера максимально детальной прорисовки элементов интерфейса. Как правило на разработку дизайна в стиле скевоморфизм уходи в 2 раза больше времени.

Типографика в стиле скевоморфизм практически ничем не отличается от обычной web-типографики. Используются общие ограничения по сочетанию шрифтов и их размерности с основными элементами интерфейса сайта.

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