Upteam
loading...
10 современных трендов веб-дизайна на 2020 год

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

1. Больше свободного места

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

Благодаря эффекту пустого пространства на личном сайте дизайнера пользователь сразу концентрируется на ключевой информации.

2. Полностраничная «шапка»

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

Выбор в пользу массивной «шапки» сделали создатели сайта Discord. Действительно, продуманное расположение элементов заставляет пользователя задержать взгляд на заголовке —читатели, как правило, концентрируют свое внимание на верхнем левом углу страницы. Кнопки чётко обозначены контрастным цветом. Простое и привлекательное изображение справа уравновешивает композицию элементов.

3. Анимация курсора

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

4. Динамическая прокрутка

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

5. Кастомные иллюстрации

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

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

6. Кластерный дизайн

Асимметричная верстка становится популярной. Дизайнеры работают с CSS Grid Layout (иначе говоря, с двумерной «сеткой», системой макетов, которая может обрабатывать как столбцы, так и строки, что позволяет с лёгкостью согласовать расположение элементов адаптивного веб-дизайна в разных браузерах.

Насчёт такого макета нельзя с точностью сказать, будет ли он совместим со всеми интерфейсами, но, тем не менее, кластерный дизайн имеет все шансы стать главной тенденцией веб-дизайна в 2020 году.

Онлайн-портфолио Цзинци Фан показывает, насколько функциональным может быть асимметричный макет. Пустое пространство помогает выделить ключевые образы, а ассиметричная вёрстка делает сайт более динамичным и оригинальным.

7. Цветовые тренды

В современном дизайне веб-сайтов используются цветные «подвалы», и каждый год на волне популярности оказывается новый цвет. В 2018 году это был жёлтый, в 2019 – синий, а лучшее решение в 2020 — это мятно-зелёный.

В течение последнего года веб-дизайнеры по всему активно экспериментировали с градиентами, и, вероятно, подобные эксперименты будут в тренде ещё долго.

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

Веб-сайт Trello — отличный пример включения приглушенного цветового низа и градиентов в плавный иллюстративный дизайн.

8. Жирный шрифт

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

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

9. Внимание к пользовательскому опыту

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

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

Chobani представляет пользователям смартфонов лаконичный дизайн с продуманным использованием пустого пространства. Содержание сайта легко считывается благодаря аппетитным крупным фотографиям.

10. Увлекательные истории

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

Сайт бренда экологичных и этичных продуктов питания Zume – хороший пример умного сторителлинга. Бренд рассказывает о том, как решает проблему развития продуктовой инфраструктуры, делая приготовление, доставку и упаковку пищи более эффективными.

No Comments

Leave A Comment

VIEW
CLOSE