click fraud detection
БЕСПЛАТНЫЙ КУРС
3 БЕСПЛАТНЫХ УРОКА
Узнайте как построить
автоворонку
Промокод : 

Что будет популярно в веб-дизайне в 2018

Подписаться
Галина Назарова
Журналист-копирайтер
15 тенденций веб-дизайна в 2018 году
Дизайн 2 2855 5 из 5

Мода в веб-дизайне периодически меняется. То, что выглядело современным еще буквально только что, в один момент станет безнадежно устаревшим, а тренды, отошедшие в прошлое по причине неактуальности, вдруг снова станут актуальными.

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

  1. Жирный шрифт
  2. Синемаграф (кинемаграф)
  3. Брутализм
  4. Насыщенные градиенты
  5. Наложение ярких цветов
  6. Только текст
  7. Иллюстрация
  8. Ультра-минимализм
  9. Двухкрасочная полутоновая репродукция (Duotone)
  10. Смешение горизонтального и вертикального текста
  11. Геометрические фигуры и узоры
  12. Шрифты с засечками
  13. Наложение текста на изображение
  14. Естественные формы
  15. Отрисованные вручную шрифты

Надеемся, эксперименты со стилем вас вдохновят, и вы найдете решения для своих веб-дизайнерских проектов.

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

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

Жирный шрифт

2. Синемаграф (кинемаграф)

Cinemagraphs – высококачественные видео или GIF-файлы. Вот только картинка в них движется не полностью. В отличие от гифок, в которых активным, как правило, является все изображение. Основной кадр у Cinemagraphs – застывший. Движется только какой-то элемент. Добавляя синемаграф на сайт, вы привлекаете внимание посетителей. Они слетаются на ожившее изображение (точнее его часть), как самолеты на аэродром. По ссылке вы найдете 40 примеров синемаграфов. Популярность данного дизайнерского приема стремительно увеличивается.

3. Брутализм

Возник как реакция на растущую стандартизацию веб-дизайна. Часто характеризуется резкими, асимметричными, нонконформистскими визуальными эффектами, отсутствием иерархии и порядка. Чтобы выделиться в море аккуратных, организованных веб-сайтов, некоторые дизайнеры предпочитают более эклектичные, условно-ориентированные структуры. Возможно, вы не замечали, но многие популярные бренды теперь включают эти агрессивно-альтернативные элементы дизайна на свои сайты. Взять хотя бы Bloomberg. Добавьте к этому названию «.com» и перейдите по ссылке на интернет-ресурс. Он является отличным примером описанной веб-дизайнерской тенденции.

Брутализм

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

Что это за слово такое? Заимствованное из английского. Gradient – это перелив нескольких цветов, переход от одного оттенка к другому. Используется в качестве подложки. Калейдоскопические градиенты стали популярными в 2017 году. Но и в 2018 они никуда не собираются исчезать. Скорее наоборот – закрепятся в списке веб-дизайнерских способов оформления интернет-ресурсов. Логотипы, белые надписи, «всплывающие» кнопки и прочие значки отлично воспроизводятся с таким фоном.

Цюрихское агентство Y7K иллюстрирует прекрасный пример того, что градиенты воспринимаются свежими и современными.

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

5. Наложение ярких цветов

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

Яркие цвета

6. Только текст

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

Текст

7. Иллюстрация

Все больше компаний обращаются к иллюстраторам и художникам-графикам, чтобы создать на заказ изображения для своих веб-сайтов. После многих лет доминирования плоского дизайна и простого минимализма, добавление иллюстрированных штрихов на интернет-ресурс – отличный способ сделать его особенным, добавить в него индивидуальности. Обратите внимание на сайт NewActon, разработанный австралийским цифровым агентством ED. Художественные иллюстрации на нем «всплывают» по очереди, что воспринимается необычно и стильно.

Иллюстрации

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

Углубляясь в классический минимализм по-максимуму, некоторые дизайнеры перестают соглашаться с современными представлениями о том, как должен выглядеть сайт. Они предпочитают отображать на веб-ресурсе только самые важные потребности – и ничего более. Сайт от дизайнера Матье Буле (Mathieu Boulet) сосредоточен исключительно на нескольких ссылках на его социальные профили и информацию о проектах. Упомянутый ресурс так и называется – mathieuboulet. Скопируйте название, вставьте в строку поиска и увидите, в каком стиле выполнен дизайн.

Минимализм

9. Двухкрасочная полутоновая репродукция (Duotone)

Используется 2 оттенка одного цвета. Как говорится, просто и со вкусом. Эти упрощенные двухцветные схемы выглядят круто и современно. Взгляните на пример Australian Design Radio и убедитесь в этом сами.

Duotone

10. Смешение горизонтального и вертикального текста

Чтобы разнообразить веб-дизайнерский стиль, достаточно на странице не выравнивать текст как обычно по горизонтали, а применить вертикальное размещение. Режиссер Мэтт Портерфилд (Matt Porterfield) так и сделал. Он к тексту на своем сайте takewhatyoucancarry.com применил смешанное выравнивание – горизонтальное и вертикальное.

Смешение текста

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

Причудливые узоры и фигуры появляются на сайтах теперь чаще. Они вносят разнообразие в общую картинку веб-страницы. Если их не применить, в поле зрение посетителя попадет только лишь плоский и материальный (и довольно однообразный) дизайн. Заинтересует ли потенциального клиента увиденное? Явно меньше, чем причудливые геометрические фигуры. Канадская дизайн-студия MSDS (msds-studio с «сa» после точки) на своей домашней веб-странице использует смелые узорные буквы.

Фигуры и узоры

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

Засечкой называют короткий штрих в конце буквы. Обычно он перпендикулярный. С него начинается и им оканчивается главный штрих знака. Из-за ограничений разрешения экрана дизайнеры в течение многих лет избегали шрифтов с засечками, стараясь сохранить на страницах сайтов четкость текста. После всех обновлений и работ по улучшению качества веб-ресурсов, шрифты с засечками очень популяризировались. Они никогда прежде не выглядели такими современными, как теперь, в 2018 году. Текст на The Sill подтверждает, что засечки на буквах заголовка делают интерфейс сайта изысканным и стильным.

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

13. Наложение текста на изображение

Текст, который слегка перекрывает сопутствующую картинку, станет в 2018 году МЕГА популярным. Эффект наложения букв на изображение часто используется для блогов и портфолио. Внештатный арт-директор и сторонний разработчик Thibault Pailloux размещает текст на сайте так, что буквы частично накладываются на картинку. Для большего эффекта и привлечения внимания посетителя заголовки выделяются жирным шрифтом и подчеркиваются.

Наложение текста на изображение

14. Естественные формы

Прошли времена строгих макетов сетки и острых краев. В 2018 будут преобладать изогнутые линии и мягкие естественные формы. В приведенном ниже примере из Neobi практически карикатурный фон добавляет несложному дизайну индивидуальности и ярких цветов. Зайдите на neobi.it и поскрольте – вам очень понравится!

Естественная форма

15. Отрисованные вручную шрифты

Уникальных пользовательских шрифтов в последние месяцы появляется достаточно много. Это неудивительно. Отрисованные вручную шрифты помогают дизайнерам создать отличный интерфейс, добавив сайту изысканности и шарма. То, что вы увидите на сайте kikk.be, вас однозначно вдохновит на новые веб-дизайнерские свершения! Отрисованный вручную шрифт на КIKK Festival придает сайту причудливого и даже немного таинственного вида.

Помните ли вы, на чем делался акцент в 2017? Можете прочесть об этом в нашей статье.

Как думаете, какие тенденции веб-дизайна станут самыми популярними в 2018?

Услуги агентства Wezom
Оставить комментарий
Ваш комментарий *
Ваше имя *
Ваш email *
Оцените пожалуйста статью *:
Интересные комментарии к записи
16 февраля 2018
Дизайн дело тонкое. Именно с внешнего вида начинается знакомство с сайтом.
12 февраля 2018
Спасибо за полезную информацию
Wezom
© 2000-2018 Агентство системных
интернет-решений Wezom
Создание и продвижение сайтов.
Разработка мобильных приложений
ПОЛУЧАТЬ ИНТЕРЕСНЫЕ СТАТЬИ
×

Если по какой-то причине вы не можете позвонить или дозвониться, оставьте свой номер и мы сами вам перезвоним

Номер указывайте вместе с кодом страны. Например +380ХХХХХХХХХ

Оставьте свой номер и мы сами вам перезвоним в течение дня

Номер указывайте вместе с кодом страны. Например +380ХХХХХХХХХ

Оставьте свой номер и мы сами вам перезвоним в течение дня

Номер указывайте вместе с кодом страны. Например +380ХХХХХХХХХ

Ваша заявка принята и в ближайшее время мы с вами обязательно свяжемся!

Спасибо! Ваш комментарий появится на сайте после проверки администратором