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

Продолжение большой статьи о 19 самых ярких трендах, которые нам предстоит увидеть в 2018 году.

Первая часть и первые 11 трендов.


12. Разрушение сетки

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

Cedric Lachot Website

Red Collar Digital Agency

13. Креативная типография

Не только творческая типографика будет оставлять свет в 2018 году, но это, безусловно, будет одним из ведущих направлений предстоящего года. «Мир чистого воображения», как сказал Вилли Вонка.

db8a0559752143.5a37ecc25463f

2e973459752143.5a37ecc25410bПроект: ILOVEDUST – 3D TYPE COLLECTION 1
Автор: ILOVEDUST

c442f859752143.5a2faa469d035Проект: Typography 3D – 9
Автор: Alexis Persani

14. Привет из 80-х

Видел ли я это где-то раньше? Конечно: цвета и узоры из 80-х и 90-х возвращаются с их угловатостью и отважными контрастами. Это ностальгический климат или просто повторяющаяся тенденция? Или это скорее из-за детей этих ярких и сумасшедших лет, которые становятся дизайнерами сегодня?

Их старые игрушки и их мамы в иногда сомнительных нарядах являются вдохновением для этого динамичного, живого тренда.

56920759752143.5a38e10c0ae56

Проект: BLIINK Ident
Автор: Yukai Du

07b75259752143.5a38ebdab7820Проект: 80’s inspired Pattern | POINT //////// | W-1411 FLY
Автор: Rahul Das | Álvaro Peñalta | WRITE SKETCH &

15. Модульное пустое пространство

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

8b0c9259752143.5a37d55de0587Проект: — Ifys
Автор: Adencys
2cf8ceccd9f84247eea89Проект: Minim E-commerce Website | Nona Home E-commerce Website | Digital Agency Website
Автор: Daniel Tan

16. Разделение страницы

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

4ac1ec59752143.5a37ae1c5ffaeПроект: Fold animation
Автор: Divan Raj

 

ac48e28a977d366b4dc33Проект: Product Landing Page UI | Design Thinking | Split fold cards for blog
Автор: Dinesh Shrestha | Radowan Nakif Rehan | Divan Raj

17. Яркие цветные страницы

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

Пусть столкновение произойдет: двойные тона больше не в тени и в конце концов, каждый бренд может попробовать рискнуть. Дайте цвета полотну!

2f40c159752143.5a3a46f097dc7Проект: Running on experience
Автор: Adobe
338fbf59752143.5a37a5dccd637Проект: Egwineco | Nike Tech Pack in-store app
Автор: egwineco.com | Shakir Dzheyranov, Luis Liwag, Robo Inc.

18. Одноцветные иконки

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

09bd8bc079fb2ba0d84aaПроект: Icon Design
Автор: Eaton

19. Утонченная металлическая отделка

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

78138bbcb853e431e2b3bПроект: Grand Spectacular 2016
Автор: C&B Advertising
39a4c0d1e6f35228947d5Проект: Various Concepts
Автор: Oleg Morozov
81f1377fdbf6633c1477aПроект: Black & Gold | Blindness
Автор: Daniel Aristizábal | Carlos García, Daniel Aristizábal
Источник: telegra.ph