Маркетинговое агентство HubSpot опубликовало список из 15 ключевых трендов веб-дизайна в 2018 году.

1) Огромные шрифты

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

Пример использования крупного жирного шрифта на сайте

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

Синемаграфия — высококачественные видео и GIF-файлы, непрерывно воспроизводящиеся по кольцевому принципу. Использование короткометражного ролика в качестве полноэкранного фона — быстрый и эффективный способ представления компании потенциальным клиентам.

Пример использования синемаграфии на сайте

3) Брутализм

Брутализм возник как реакция на усиливающуюся стандартизацию веб-дизайна. В интернете развелось слишком много аккуратных сайтов с чётко выверенной структурой. Уставшие от однообразия дизайнеры стали создавать вызывающе «неправильные» макеты: хаотичные, эклектичные, асимметричные, резкие и агрессивные, с нонкомформистскими визуальными эффектами.

Пример брутализма в веб-дизайне

4) Насыщенные градиенты

Калейдоскопические многоцветные градиенты прочно обосновались в топе трендов веб-дизайна последних лет. В 2018 году их продолжат использовать в качестве полноэкранных фонов.

Пример использования градиента в веб-дизайне

5) Наслоения ярких красок

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

Пример цветового структурирования в веб-дизайне

6) Текстовый дизайн сайта

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

Текстовый дизайн сайта

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

10-е годы XXI века смело можно будет окрестить эпохой минимализма и плоского дизайна. Лишённые всякой визуальной глубины конструкции остаются в моде и в 2018 году. Причём тренд усиливается. На смену тяжеловесным и реалистичным фотографиям приходят лёгкие плоские картинки. Разработчики сайтов всё чаще прибегают к помощи графических дизайнеров и профессиональных иллюстраторов. Такой подход гарантирует 100% уникальность оформления и максимальную точность визуального сопровождения текстов.

Пример использования иллюстраций в веб-дизайне

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

Минимализм, доведённый до крайности — ещё один тренд дизайна сайтов в 2018 году. О его живучести можно долго спорить, но приверженцы идеи «ничего лишнего» действительно существуют. Один из них — дизайнер Матье Буле (Mathieu Boulet), ограничивший содержимое первого экрана сайта несколькими ссылками на свои профили в соцсетях и страницу «О проекте».

Ультраминимализм в веб-дизайне

9) Дуотон в веб-дизайне

Упрощённые двухцветные цветовые схемы по-прежнему в моде. Ещё бы, ведь они выглядят так гармонично и современно.

Пример использования дуотона в веб-дизайне

10) Микс горизонтального и вертикального текста

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

Микс горизонтального и вертикального текста

11) Геометрические формы и паттерны

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

Геометрические формы и паттерны

12) Шрифты с засечками

«Шрифты семейства Serif выставили ножки вперёд». Шрифты с засечками никогда не пользовались популярностью в веб-дизайне. Из-за наличия лишних штрихов их признавали нечитаемыми. Во имя сохранения чёткости и чистоты дизайн-макетов им традиционно предпочитали рублёные шрифты (гротески). Но начертания с засечками эволюционировали, упростились и теперь тоже претендуют на место в веб-дизайне.

Шрифты с засечками проникают в веб

13) Наезд текстов на картинки

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

Пример наезда текста на картинки в веб-дизайне

14) Органические формы

В природе углы встречаются нечасто — большинство предметов имеет обтекаемую форму. Современный веб-дизайн тоже стремится к естественности. На смену остроугольным макетным сеткам приходят изогнутые линии и мягкие органические формы. Популярны так называемые blob-фигуры: капли, кляксы, волны, завитки. Данный эффект мы уже опробовали на клиентском сайте (вторая картинка снизу).

Органические формы в веб-дизайне

Blob на сайте IT Partner

15) Рисованные шрифты

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

Пример использования пользовательского шрифта на сайте

Вместо заключения

Таковы основные тренды разработки дизайна сайтов 2018. Какие-то из них окажутся недолговечными, другие войдут в историю отрасли. Наша с вами задача — выбрать те, которые принесут реальную пользу бизнесу, удержат посетителей на сайте, повысят лояльность.

И помните: вы всегда можете обратиться за профессиональной помощью в отдел веб-разработки «СофтЭксперт». Команда в составе опытных дизайнеров, программистов, веб-аналитиков и руководителей проектов создаст для вас красивый и экономически эффективный сайт.

Контактная информация:
  • Телефон (многоканальный): 8(4872)700-270, доб 240.
    Карпачёва Ирина Николаевна

    Должность: руководитель отдела веб-разработки
    E-mail: 240@sfx-tula.ru