Начало лета ознаменовано отдыхом и легкостью, отпусками и каникулами. И веб-дизайн в этот период становится более непринужденным: все чаще и чаще встречается обилие пустого пространства и простоты.
Данная тенденция проявляется в ряде трендов начала летнего периода. Мы наблюдаем большое количество элементов навигации с новым поворотом. Такое ощущение, что это возвращение идеально симметричных сеток и кругов. Это именно то, что модно в июне.
1. Светлая навигация на цветном фоне
Кроме бургер-меню, давно ли мы в последнее время думали о тенденциях в навигации по веб-сайту? Эта маленькая часть веб-дизайна очень нужна, но не всегда становится основной задачей в проектах. Людям часто не нравятся некоторые ссылки.
Но данная тенденция быстро распространяется. Дизайнеры начинают отказываться от стандартного меню навигации с белым фоном и черным текстом, выбирая дизайн наоборот. И это весьма интересно.
В каждом из представленных ниже изображений содержатся элементы навигации на темном фоне.
Интересно в данном стиле то, что цвет действительно фокусирует дизайн иначе. В первую очередь, внимание направлено на большое белое пространство, являющееся главной составляющей дизайна. А после взгляд перемещается на яркую область и сканирует элементы навигации.
Это весьма удобный шаблон, так как навигационные элементы помогают понять содержание сайта. Череда небольших слов может оказать помощь пользователю в решении остаться на странице и узнать больше. Цвет позволяет остаться на странице на несколько мгновений дольше.
2. Круги
Круги в веб-дизайне являются одной из тех тенденций, которая будто возникает и испаряется… и повторяется. Данная форма будто какое-то время преобладает, а потом моментально испаряется.
У данного явления отсутствует реальная причина – вероятно, это правильно для большинства тенденций в дизайне. Вспомните, как были помешаны дизайнерские проекты на кругах, когда появился Material Design?
Большой плюс использования кругов в дизайне – это то, что данная тенденция не зависит от других. Можно применять круги практически для любого элемента дизайна, начиная с навигационных частей до панели, это привлекает внимание к анимации дисплея. На самом деле не существует единого комплекса правил для того, чтобы эту форму использовали более эффективно.
Круги работают из-за значений, которые с ними связаны. Так как у кругов отсутствует идентифицируемое начало или конец, они будто перемещаются словно колесо. Данную фигуру часто воспринимают как женскую, она культурно переплетена с любовью, энергией и силой. Это можно увидеть в проектах, приведенных ниже.
На сайте Bimble используется большой яркий круг для привлечения внимания.
Веб-сайт Ракель Акон применяет круги, чтобы обозначить движение и достичь гармонии.
Здесь применяются круги в движении, они передают сильную энергию при помощи анимированных элементов и яркой палитры цветов.
3. Идеальные сетки
Мы применяем различные виды сеток. У всех дизайнеров имеется собственный взгляд на одну и ту же идею. Данная тенденция рушит какие-то из них и возвращается к более простой симметричной сетке с накоплением для демонстрации нескольких элементов.
В отличие от других макетов, которые можно разработать, данные идеальные сетки являются сбалансированными и гармоничными.
Несмотря на то, что в данной тенденции отсутствует что-то примечательное, она отлично применима для блоков контента, которые тяжело разработать визуально. Именно поэтому данный стиль прекрасно подходит для сайтов-портфолио, которые можно заказать у нас.
Но это не только для таких. В любом сайте можно применять одну и ту же идею разными способами.
Габриэль Алвес применяет микс статичных и движущихся картинок, чтобы показывать проекты в практически квадратной сетке. Все элементы имеют всплывающую накладку, где указана дополнительная информация.
На сайте Liebe Quark с полноэкранной сеткой содержатся яркие комбинирования текста и картинок, но в действительности здесь отсутствуют интерактивные элементы.
На сайте Payvision используется вертикальная сетка фото для выделения сотрудников. Здесь сетка – не полноэкранный вариант в отличие от других примеров, она располагается по центру, чтобы акцентировать внимание пользователя.
Но все эти сетки объединяет одно – каждый элемент одинаков по весу с точки зрения цвета и глубины на дисплее. Элементы заполняют свое собственное пространство, они затрагивают соответствующие элементы, исключая пробелы между ними.
Данные сетки являются единым целым для обеспечения четкой визуальной точки входа в дизайн.
Выводы
Нашим любимым трендом в этой коллекции стали круги. Эта простая форма для дизайна, который можно разработать для использования различными способами, так как она имеет очень много смысла. Можно даже не обратить внимание на круги, если не смотреть именно на них.
А какая тенденция в веб-дизайне понравилась именно вам?
За более подробной информацией вы можете обратиться к специалистам кампании Лаборатория бизнеса.