11 мая 2017

13 трендов веб-дизайна в 2017

Время чтения: 3 мин.

Горизонты веб-дизайна непрерывно расширяются и развиваются. 

Вещи и идеи, сегодня считающиеся свежими и современными, за одну ночь могут легко стать вчерашним днём, а тренды, от которых открестились ещё в далеком прошлом, могут резко снова появиться на обложке «Vogue».

Чтобы помочь вам подготовиться к новой дизайн-волне 2017, мы собрали здесь 13 основных трендов, придерживаясь которых, вы сможете остаться на высоте. Вдохновитесь проектными решениями и не потеряйте «нить стиля» в своих работах.

13 трендов веб-дизайна в 2017

1) Жирный шрифт

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

2) Синемаграфы

Синемаграфы – видео высокого разрешения или изображения в формате GIF, зацикленные на определённых движениях, – стали очень популярны как средство «оживления» статичных веб-страниц. Полноэкранные анимации, как этот потрясающий пример из датского агентства «CP+B Copenhagen«, уж точно заставят любого посетителя задержаться на сайте подольше. 

3) Экспериментальные композиции

Чтобы выделиться из аккуратной, монотонной рекламной «кладки», некоторые дизайнеры прибегают к использованию эклектичных структур. Арт-директор Уилл Геддес демонстрирует примеры своих решений в неожиданных коллажах из наслаивающихся картинок. 

4) Яркие градиенты

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

5) Яркие цветные слои

Красиво уложенные разноцветные слои придают глубину и создают простую и стильную текстуру, прямо как на сайте команды Melissa Meio-Fio из Сан-Пауло. 

6) Простой прямой текст

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

Датсткая компания В14 определила всю главную страницу официального сайта под обыкновенное описание своей миссии и несколько ссылок на примеры своих работ. Такой вот современный и лаконичный подход к презентации информации. 

7) Иллюстрации

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

8) Ультра-минимализм

Доводя классический минимализм до предела и презирая условности о «должном» внешнем виде веб-сайта, некоторые дизайнеры, отражают в нем лишь самое необходимое. Сайт дизайнера Матье Буле – это несколько ссылок на его профили в социальных сетях и дополнительную информацию. 

9) Двухцветный

Такие уравновешенные двухцветные структуры выглядят круто и современно, прямо как у Australian Design Radio.

10) Микс горизонтальных и вертикальных надписей

Освобождая текст от приевшегося горизонтального выравнивания и располагая его по вертикали, вы можете добавить свежие нотки в облик вашего сайта. Вот пример от арт-директора Мэтта Портерфилда, смешавшего горизонтальный и вертикальный текст для создания простого и интересного вида главной страницы.

11) Геометрические фигуры и узоры

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

12) Модульный дизайн

Модульный дизайн – определенно новый тренд 2017 года. Это простой и надежный способ создания опрятного и доступного сайта, который способен долго не надоедать пользователям. Студия дизайна Waaark предлагает нашему вниманию интересную модульную композицию: при наведении курсора на разделительные ребра между модулями, можно наблюдать очень забавное и неожиданное «волнующееся» поведение. 

13) Наложение текста и картинок

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

А какие тренды по вашему мнению охватят наступивший год?