Веб-дизайн 2018. Каким он будет?

Веб-дизайн 2018. Каким он будет?

10 декабря 2017

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

1. Широкий формат и фулскрин фото и видео

Широкоформатные фото и видео обретают все больше поклонников.

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

Видео-заставка на весь экран полностью погружает зрителя в создаваемую атмосферу, создавая эффект присутствия.

 

 

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

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

Вокруг птицы перемещается рой точек.

 Здесь мелькают падающие звезды в ночном небе.

И снова в ход идет эффект присутствия. Живые фотографии из газет в фильме о Гарри Поттере – наша новая реальность. При этом внимание привлекается ненавязчиво, в отличие от прямолинейного видео. Вообще, прошло время прямых действий в лоб, наступила пора искать обходные пути и более тонкий подход к клиенту.

3. Частичная анимация

Если в 2016-2017 году правили гифки, сравнимые скорее с укороченными видео, сейчас наметился новый тренд на 2018 год: анимация становится все более изящной. Анимированы лишь некоторые элементы.

Некоторые элементы начинают взаимодействовать с вами при наведении мышки.

 

С отдельными элементы можно взаимодействовать.

Проводя мышкой вниз, вы открываете виртуальную шоколадку.

Выглядит современно, и не сильно грузит, что немаловажно для пользователей, выходящих онлайн со смартфона. Более 50% пользователей покидают страницу, если она не загрузилась в течение первых трех секунд после клика. А любителей выходить в интернет с мобильных устройств все больше (доля мобильного трафика только за 2016 год составила 68% от общего значения).

4. Плоская графика в 3D

Объем на плоской картинке выглядит круто.

 

3D-формат хорошо «заходит» в научной сфере, технической тематике, в области проектирования и дизайна. Здесь он смотрится органично и лежит аккурат в своей тарелке.

5. Текст и шрифты

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

Напротив, некоторые ушли в ретро. Полагаю, ч/б имеет все шансы на натуральное засилье собой пространства в 2018 году.

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

 

Шрифты также будут становиться проще и тоньше.

 

6. Самовыражение в шрифтах

Они не просто стали крупнее. Новый вызов – придавать им индивидуальность всеми возможными способами.

Более того, заголовки частично стали жить самостоятельной жизнью. У них больше нет определенного места – посередине сверху. Заголовок может накладываться на часть картинки, располагаться сбоку или снизу.

 

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

Очевидно, что многим приглянулось примитивное, но очень эффектное визуальное решение – подчеркивать текст, не являющийся ссылкой.

Полагаю, где-то вокруг этого всего и продолжатся эксперименты с заголовками в 2018 году.

7. Вертикальные линии

Горизонтальными подчеркиваниями и линиями никого не удивишь. Зато вертикаль стали использовать все чаще.

Этот прием способствует прокручиванию сайта – хочется продолжать движение вниз, следуя за направлением линии.

8. Лендинги

Посадочные страницы заиграли новыми красками. Две основных тенденции: либо серия страниц, настроенных каждая на свой тип клиента, либо лаконичная стартовая страница сайта-многостраничника.

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

9. Плоский и полуплоский дизайн

Flat и небольшие отклонения от него в виде более затененных и градиентных цветов продолжают быть в тренде.

Близкие оттенки, чуть больше объема – и flat обретает новую жизнь.

10. Уникальный контент

Люди хотят видеть все больше живого и настоящего, а не скопированного у других.

Авторские фото, съемка внутренней кухни, процесса работы – это то, что интересует пользователей. Юмор is the new black.

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

Пусть даже фото будет не ваше, но если оно подобрано с юмором – то «зайдет». Не бойтесь рисковать. Чем необычнее – тем привлекательнее в глазах посетителей сайта.

11. Загрузчик

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

Начиная со все более оригинальных страниц ошибки – 404.

Если сайт долго прогружается, часть посетителей неизбежно уйдет. Добавьте прелоадер, чтобы скрасить их ожидание.

Неважно, виноват интернет или подвисает сам сайт – второго шанса произвести первое впечатлеие не будет.

12. Контент-стратегия

Разработка стратегии введения контента помогает оставаться на волне.

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

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



Все записи блога

© 2015 - 2018, Marina Soboleva / Контент-продюсер, PR-консультант, редактор

Карта сайта

Любое использование материалов допускается только при наличии гиперссылки на http://soboleva.biz в первом абзаце или с письменного разрешения автора.