Веб-дизайн постоянно развивается. То, что еще вчера выглядело модно и свежо, может в одночасье оказаться устаревшим, а давно забытые тренды могут снова стать актуальными.
Список из 13 дизайн-трендов, за которыми стоит следить в этом году, чтобы создавать стильные современные сайты:
1. Крупные шрифты
Всё больше компаний склонны использовать крупные шрифты с жирным начертанием. Этот приём отлично работает, если на остальном пространстве страницы применяется сдержанный минималистичный стиль. Пример — страница французского агентства Big Youth.
2. Синемаграф
Это проигрываемые на автоповторе короткие HD-видеоролики или файлы в Gif-формате. Размещенные на бэкграудне, они делают статичные страницы визуально более интересными и динамичными. Великолепный пример широкоэкранного синемаграфа — главная страница датского агентства CP+B Copenhagen. Такой приём несомненно удерживают внимание посетителя сайта больше, чем обычно.
3. Эксперименты с композицией
Чтобы выделиться из множества аккуратных разлинееных макетов сайтов, некоторые дизайнеры выбирают более смелые эклектичные структуры. Арт-директор Will Geddes показывает примеры своих работ в неожиданном коллаже из перекрывающих друг друга изображений:
4. Яркие градиенты
Ожидается громкое возвращение калейдоскопичных градиентов. Сайт агентства из Цюриха Y7K — прекрасная иллюстрация, как сделать двухцветный эффект свежим и современным в случае заполнения градиентом главной страницы сайта.
5. Яркие, насыщенные цветовые схемы
Многослойность из ярких цветов добавляет глубину и текстуру сайту, созданному на простом макете. Как в примере стильного бразильского сайта:
6. Чёткие, прямые высказывания
На многих сайтах сделали выбор в пользу отказа от навигации и изображений, полагаясь только на несколько строк текста, информирующих о сфере компетенции компании.
Скандинавы особенно это любят: датское агентство B14 использует главную страницу только для лаконичного описания своей миссии и размещения ссылок на свои работы. В мире, перенасыщенном информацией, это современный способ самопрезентации компании в интернете.
7. Иллюстрации
Всё больше компаний обращаются к иллюстраторам и графическим художникам за созданием эксклюзивных иллюстраций для своих сайтов. После стольких лет господства флэт-дизайна и минимализма, иллюстрации – это идеальный приём для придания сайту неповотримости и оригинального духа. Очаровательный пример — сайт NewActon (дизайн австралийского агентства ED).
8. Ультра-минимализм
Доводя классической минимализм до крайности, некоторые дизайнеры бросают вызов общепринятому представлению о том, как должен выглядеть веб-сайт, показывая только необходимый минимум графической и текстовой информации. На сайт французского дизайнера Mathieu Boulet нет ничего лишнего, а только демонстрация его работ и ссылки на профили в соц. сетях.
9. Дуплекс (дуотон)
Цветовые схемы из двух оттенков выглядят круто и современно. Как в этом примере Australian Design Radio.
10. Сочетание вертикального и горизонтального текста
Освобождение от необходимости отображать текст только по горизонтали и расположение его вертикально вносит свежее новое измерение. Сочетание горизонтально и вертикально ориентированного текста используется на странице режиссера Мэтта Поттерфильда, которая иначе смотрелась бы слишком просто.
11. Геометрические узоры и паттерны
Причудливые узоры и формы довольно часто появляются на сайтах, разбавляя строгий минималистичный дух флэт-дизайна. Канадская дизайн-студия MSDS на своей главной странице использует дерзкие, узорчатые буквы:
12. Модульный дизайн
Модульный дизайн определённо будет набирать обороты в 2017 году. Это верный способ создать аккуратный, доступный веб-сайт, удерживающий внимание и заинтересовывающий пользователя. Пример от дизайн-студии Waark демонстрирует нестандартный приём в модульном дизайне: наведение мыши на разделительные линии между модулями вызывает интересный волновой эффект.
13. Наложение текста на изображения
Текст, слегка перекрывающий изображения, стал популярным приёмом в блогах и портфолио. Художник-фрилансер и frontend-разработчик Thibault Pailloux выделили перекрывающий текст красочным подчеркиванием под каждым заголовком.
