Дизайн

Тренды в веб-дизайне 2018 (часть #1)

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

Также преобладает динамика и яркие краски, оригинальные иллюстрации и больше свободы в творчестве.

2018 год будет годом красок и движения. Звучит интересно, не так ли?

1. Футуристичный орнамент

Еще в начале 2000-х годов, будущее казалось тем, что мы видели в Матрице: прокрутка последовательности чисел, технологии, робототехника, пульсирующий свет.

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

7707c259752143.5a300a6a2e089Проект: Automotive cluster effects exploration process
Автор: FΛNTΛSY

6477c6ba1347d28762e51Проект: Crown Tech | SpaceShip | Data Visualization Concept
Автор: Jan Wolinger | Arif Rachman Hakim Yogyakarta | Mario Šimić

2. Простота и комфорт

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

b303b759752143.5a2e8f1ef0ddaПроект: Rem
Автор: Alim Maasoglu

e181dc37daebe8e3d2122Проект: A propos du cancer | WaveOC Corporate Website Redesign
Автор: Extra | Tetiana Donska

3. Дополнительная глубина (с полу-плоским дизайном)

Добавление вишенки на торт традиционного плоского дизайна может быть правильным направлением в 2018 году: немного затенения поможет придать объектам объем, в то время как минимализм, на котором и строится плоский дизайн, по-прежнему доминирует.

b56bc159752143.5a3942bc8806dПроект: Nike Promotion Ads — Parallax Effect
Автор: Jardson Almeida

ea186559752143.5a300acf48382Проект: Flyknit Lunar 3 | Made You Look 👁 255 | Live a little more.
Автор: Callum Notman | STUDIOJQ

4. Адаптивные логотипы

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

Адаптивные логотипы станут решающими для дизайнеров: бренд должен уметь представить себя, независимо от размеров и пространства.

186633e1131fb60b399feПроект: Premiere League | Evolving Google Identity | Nike Air
Автор: DesignStudio | Google Design | Nike

5. Оригинальные иллюстрации

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

5a897801a0f2a8c2a676cПроект: Lifecycle
Автор: Iswanto Arif

6. Анимации, гифки и параллакс

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

В 2018, скорее всего, продолжится тенденции параллакса (устойчивые изображения с одним подвижным элементом, например, чашка

с анимированным дымом, выходящим из нее). Важно никогда не стоять на месте!

e710a459752143.5a2ff93402b26Проект: Neo Kids – Onboarding Concept
Автор: FΛNTΛSY

7a1e8559752143.5a393b0c51cc4Проект: Exploring The North Face
Автор: Eddie Lobanovskiy

02ac7059752143.5a393b0ce01efПроект: cinemagraphs.com
Автор: Kevin Burg

6c3be259752143.5a393b0cdfd95Проект: cinemagraphs.com
Автор: Jamie Beck

giphy

7. Микро-взаимодействия

Они повсюду. Каждый раз когда вы лайкаете что-то на Facebook или свайпаете в мобильных приложениях, вы делаете микро-взаимодействия. И они работают очень хорошо, учитывая, что их цель состоит в том, чтобы привлечь пользователей и гарантировать динамический UX.

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

Готовы поспорить, что они будут в топе и в 2018 году.

e49e0859752143.5a393723487bc

9869bd59752143.5a39372347ccf

59901f59752143.5a3937234848aПроект: My idea | An incident in front of you! | Playlist – Radial Interaction
Автор: Johny vino™

8. Неприятные яркие градиенты

Они исчезли около 10 лет назад и были замещены плоским дизайном. Градиенты были воссозданы такими гигантами, как Spotify и Instagram, который ввел их обратно в 2015 году. Градиенты 2.0 менее грязные, чем их предшественники: цвета хорошо различимы и приятны глазу. Градиенты теперь становятся синонимом свежести, прохлады, цифрового поколения.

a5e11b59752143.5a3a40efce63dПроект: Nike Free Design
Автор: Leo Natsume

94ad451acb2ad5c1b70daПроект: A Poster every day – Collection 2 | Elje – group website
Автор: Magdiel Lopez | elje-group.com

9. Полуреалистичный 3D

3D всегда восхищает. Его сила будет играть с вымыслом и реальностью в манере настолько тонкой, что иногда невозможно отличить. Это изображение или рендер? Границы становятся тоньше.

Проект: YOOX: Make a Wish
Автор: Peter Tarka, Mateusz Krol, JVG ™

db918b59752143.5a3a449059fd3

36096a59752143.5a3a44905a7c9

ebf20459752143.5a3a44905a4b5Проект: NIKE iD
Автор: Jordi Pagès

e56903da926c88ead15b7Проект: Personal Collection | Air Max ’17
Автор: Peter Tarka | Berd ., Lukas Vojir, mark haley, Oliver Harris, Jeff Thomson, Fred Huergo, James Owen

10. Одноцветный 3D дизайн

Использование одного цвета в 3D позволяет разработчикам пощекотать глаз зрителей трюком с глубиной и тенью.

Несмотря на отсутствие контраста, эффект гладкий и полон объема, фигуры появляются будто из стены. Своего рода магия, которую можно будет увидеть вокруг в 2018 году.

ce0371ad2049bbed2816aПроект: Magrela Popcorn | Amazonia Beverages
Автор: Hugo Aranha

11. Двойная экспозиция

В конце 2015 года Pantone потрясла мир дизайна, объявив Rose Quartz и Serenity, как «Цвет года». Возможно именно это вызвало тенденцию на использование смешанных, двухцветных паллет в цифровом дизайне. К 2016 году множество сайтов стали перенимать использование дуплекса, особенно Spotify, и в 2018 году эта тенденция продолжит эволюционировать.

977c3359540015.5a264983aaf6cAdison Partner’s Website

9fba3259540015.5a264983aac00Spotlight Festival Identity by Kristina Udovichenko and Shamil Karim of Manitou Design

a1bd5759540015.5a264b3a8a18a

fbc81759540015.5a264b3a8938c

8e745259540015.5a264b3a89a987h10 Double Color Exposure

Перевод @thedesigner