60 ТРЕНДОВ ВЕБ ДИЗАИНА В 2023 ГОДУ

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

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

Дизайнеры воспринимают эти обстоятельства по-разному. Некоторые испытывают волнение и любопытство по поводу того, что ждет их впереди, а технологии вдохновляют их на исследование неизведанного. Другие с вызовом реагируют на существующие ограничения и настроения, а стиль их работ начинает варьироваться от стремления к эскапизму (уход от реальности) до бунтарства и инноваций. Одно можно сказать наверняка: в 2023 нас ждет смешение разнородных стилей.

12 лучших тенденций графического дизайна на 2023 год

2. Новый взгляд на ризографию

3. Возрождение панка

4. Линейный дизайн в стиле ретро

5. Аэрографический сюрреализм

6. Несовершенная ботаника

7. Космическая психоделия 90-х

8. Комбинация измерений

9. Кислотная графика

10. Экспериментальный эскапизм

11. Сложные композиции

12. Абстрактные градиенты

Мистицизм

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

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

Новый взгляд на ризографию

Ризография — технология печати, разработанная в середине 80-х годов японской корпорацией Riso Kagaku Corporation. Это изобретение проложило путь к дешевой и массовой печати с использованием точек и ненасыщенных цветов. Такие изображения часто получались зернистыми и непреднамеренно стилизованными под двойную экспозицию.

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

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

«Яркие винтажные оттенки с “шумными” градиентами напоминают мне старую технологию печати и действительно производят впечатление на зрителя. Визуальные эффекты вызывают ощущение, будто я исследую другой мир, и теряюсь в атмосфере этого дизайна». Lindyrose Designs, дизайнер 99designs by Vista

Возрождение панка

Панк — бунтарская контркультура, уходящая корнями в дадаизм 1920-х годов. Она зародилась на задворках общества и сохраняется там по сей тень.

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

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

Линейный дизайн в стиле ретро

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

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

Аэрографический сюрреализм

Сюрреализм — направление в дизайне, которое по сей день не теряет популярности по причине своей оригинальности и бесконечной изобретательности. Но в 2023 году он неожиданно получит новое прочтение: мы увидим сочетание сюрреализма с техниками аэрографии 80-х, когда мягкие ретро-фильтры накладываются на странные, фантастические образы.

«Сияние аэрографа 80-х годов проявляется все чаще и чаще, отступая от Y2K-тренда 2000-х». Джастин Хамра, арт-директор 99designs by Vista

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

Несовершенная ботаника

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

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

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

«Текстура краски придает дизайну живой вид, и я надеюсь, что мы увидим больше сделанных вручную, натуральных текстур. Некоторые клиенты по-прежнему предпочитают “слишком идеальные” дизайны, но несовершенства — это действительно круто». Элис З., дизайнер 99designs by Vista

<img class=»img-fluid» src=»https://global-uploads.webflow.com/60a35497ea15cf45782248b1/6491a999539e66481d5e3d08_639c564ae26%20
.webp» title=»»>

Космическая психоделия 90-х‍

В прошлом году психоделия 60-х вернулась в графический дизайн в форме эскапизма (бегство от реальности), завлекая зрителей в насыщенные, красочные миры. В 2023 году тенденция продолжит развиваться, но на этот раз через космическую психоделию 90-х.

Если психоделия часто черпает вдохновение из природы (разноцветные облака, тающие грибы и т.д.), то космическая психоделия — это союз будущего и прошлого. В ней представлены ретро-техники 90-х годов: стиль Мемфис, эстетика субботних утренних мультфильмов и цвета школьных принадлежностей от Лизы Франк. И все это смешивается с футуристическими элементами, такими как андроиды и космические корабли, vaporwave-ландшафты, смоделированные среды и неоновый киберпанк. Эти яркие иллюстрации отражают оптимизм, с которым современные дизайнеры смотрят в технологическое будущее.

«Поскольку многие из нас по своей натуре мечтатели, мы пытаемся использовать эти приятные ностальгические эмоции для создания новой реальности. Сочетание ретро и футуристического стиля выглядит действительно великолепно сейчас, когда мы заново изучаем этот мир». Элис З., дизайнер 99designs by Vista

Комбинация измерений

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

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

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

Дизайн веб-сайта от deandesign, иллюстрации и брендинг от OscarBastidas.

Кислотная графика

Кислотная графика, которую иногда называют Y2K-гранжем, — это следующий этап возрождения стиля 2000-х, начавшегося в прошлом году. Грязные текстуры, хромированный металлик, ломаные сетки и бесформенные элементы. Это редкий тип ностальгии, который предпочитает темные, мрачные воспоминания теплым и приятным, и немудрено, ведь он родился из готической субкультуры конца 90-х.

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

Экспериментальный эскапизм

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

«Вступая в 2023 год, мы должны не только ожидать, что произойдет, но и учитывать то, что произошло в течение этого года». Терри Богард , дизайнер 99designs by Vista

Большая часть этих экспериментов вдохновлена последними достижениями в области технологий, поскольку 2022 год ознаменовался вирусным распространением искусства, созданного искусственным интеллектом, развитием метавселенных и появлением снимков межзвездного пространства, которые стали возможными благодаря космическому телескопу Джеймса Уэбба. Все эти открытия оставили свой след в творческой индустрии. Дизайнеры черпают вдохновение из технологических экспериментов и ​​объединяют их со своим собственным творческим опытом.

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

«Такие программы, как DALL-E и Midjourney, делают AI-искусство доступным для всех. Я видела несколько удивительных работ, особенно в области типографики, и уверена, что они продолжат менять наши представления о дизайне и взгляды на окружающий мир».

Сложные композиции

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

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

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

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

Абстрактные градиенты

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

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

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

«Абстрактные градиенты набирали популярность последние несколько лет, но с недавних пор они обрели еще большее очарование. Они стали квинтэссенцией креативного тренда, который будет продолжать набирать обороты и развиваться в 2023 году.» strawberriesandmocha, дизайнер 99designs by Vista

Вы готовы к главным трендам 2023 года?

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

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

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

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

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

Возможно вы обратили внимание, что последние год-два мировой интернет (и российский в частности) захватила ностальгия по эпохе конца 90-х-начала 2000-х. Это проявляется во всём – в моде снова одежда с элементами 2000х, ютуб заполонили обзоры на игры для Сега и Нинтендо, в соцсетях люди вспоминают музыку тех времен и говорят, что “раньше было лучше”. Эта тенденция не обошла стороной и веб-дизайн.

Максимализм (режим Гоблина)

Этот стиль очень похож на предыдущий, но всё же отличается.

Максимализм, известный также как режим гоблина – это экстравагантный и дерзкий стиль веб-дизайна. Он переполнен яркими красками, разнообразными элементами и деталями.

Само словосочетание “режим гоблина” появилось еще более 10 лет назад, но завирусилось в феврале 2022 года. Оно обозначает стиль жизни, при котором человек отвергает “нормальный” образ жизни современного общества – ленится, питается “неправильной” едой, не соблюдает режим дня, мало выходит из дома, в общем делает абсолютно всё для своего собственного комфорта.

Как это связано с веб-дизайном? Этот режим можно рассмотреть как отказ от всех социальных норм, новый взгляд на “норму”. Так и в веб-дизайне, сайт в стиле максимализма – это нечто такое, на что смотришь и думаешь “а что, так можно было?”.

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

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

3D иллюстрации и claymorphism

3D иллюстрации в веб-дизайне являются отличным средством для создания визуально привлекательных и уникальных интерфейсов. Этот стиль дизайна использует трехмерные объекты, которые оживляют веб-сайты и делают их более реалистичными.

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

Такие иллюстрации привлекают внимание, добавляют глубину и объем к элементам дизайна. Благодаря этому, пользователи получают ощущение взаимодействия с объектами, что делает визуальный опыт более цельным и привлекательным. А еще 3D иллюстрации позволяют создавать реалистичные отражения, тени и текстуры, а также отлично сочетается с анимацией. Это придает интерфейсам еще больше глубины.

В 2023 году 3D иллюстрации выходят на новый уровень и привносят что-то новое в тренды.

Так, например, claymorphism (от слова clay – глина) – это новый тренд в веб-дизайне, который начал набирать популярность в 2021 году. Он является эволюцией дизайна «неоморфизма» и сочетает в себе реализм и минимализм.

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

Еще одна особенность этого стиля – использование ярких и насыщенных цветов. Вместо стандартных нейтральных оттенков или пастельных тонов, claymorphism предлагает использовать акцентные цвета, чтобы привлечь внимание к элементам на странице.

3D анимация в веб-дизайне

Один из последних трендов в веб-дизайне – микровзаимодействия. Они представляют собой мелкие анимации, эффекты и детали, которые добавляют интерактивности и привлекательности к веб-сайту или приложению. Эти микроанимации влияют на пользовательский опыт и делают его более привлекательным и удобным для пользователей. А некоторые интеракции с пользователем несут чисто развлекательный характер — их еще называют “just for fun interactions”.

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

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

Микровзаимодействия выполняют три ключевые функции:

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

Вот так можно «повертеть» меню на сайте fuse.kiwi

Один из заметных трендов в современном веб-дизайне — это использование “человечного” копирайта. Человечный копирайт включает в себя текст, который имитирует разговорный стиль общения и направлен на создание более доверительной атмосферы на веб-странице.

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

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

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

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

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

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

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

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

Создание адаптивных макетов веб-страницы стало обязательным уже давно, но в последнее время оно вышло на новый уровень.

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

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

А в некоторых случаях дизайнеры даже придумывают специальные решения для мобильных версий – дизайн может значительно отличаться от полноэкранной версии и иметь какие-то свои “фишки”.

Важно отметить, что адаптивный веб-дизайн требует хорошего понимания и использования современных технологий, таких как HTML5, CSS3 и JavaScript. Он также требует тщательного тестирования на различных устройствах и браузерах, чтобы гарантировать оптимальный пользовательский опыт.

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

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

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

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

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

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

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

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

Проходные и устойчивые тренды

Бывает коммерческий дизайн и вау-дизайн. Коммерческий помогает компаниям доносить ценности до аудитории и продавать, поэтому важно, чтобы такой дизайн был удобным для пользователя. Его используют при создании сайты компаний, сервисы и приложения. Вау-дизайн производит впечатление. Это конкурсные работы, фестивальные проекты, то есть так называемый «дизайн для дизайнеров».

Их не всегда стоит смешивать и добавлять фишки из вау-дизайна в коммерческий дизайн. Например, когда вы работаете над сайтом для гидравлического оборудования, у которого целевая аудитория — заказчики в возрасте 35-45 лет, то анимация только помешает пользователям воспринимать информацию.

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

Минимализм

Минимализм в веб-дизайне остается популярным на протяжении нескольких лет, но сейчас его используют в другой интерпретации. Раньше минимализм выражался в простой аккуратной эстетике: много воздуха и ничего лишнего. Но с приходом конструкторов пару лет назад стало много шаблонных, похожих друг на друга сайтов.

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

Я считаю, минимализм никуда не уйдет, он так и будет одним из важнейших трендов. Потому что это история про чистоту и контент. Дизайн, в котором нет ничего лишнего и каждая деталь на своем месте.

Продукт как элемент дизайна

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

Баухаус

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

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

Типографика

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

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

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

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

Ретро-стиль

Ретро-стиль — это не устойчивый тренд, но мода циклична, и дизайнеры периодически к нему возвращаются. Его пытаются переосмысливать, сочетать с минимализмом и добавлять к нему современные элементы.

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

Использование искажений

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

Структурные блоки

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

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

Темная тема

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

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

Пастельные тона

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

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

Монохром

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

Эффект глубины и тени

Иногда предмет на экране выглядит так, будто достаточно только протянуть руку, чтобы взять его. Объекты могут быть выполнены в 3D-графике, двигаться с разной скоростью в разных плоскостях, и за счет этого достигается эффект объема.

В тренде — наложение слоев, работа с тенями, но не так, как с ними работали в 2010-ых годах, а на современный лад. Если пару лет назад я думала, что точно никогда не буду использовать тени, то сейчас все чаще прибегаю к аккуратным решениям.

Сплит-экраны

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

Микроанимация и моушн-дизайн

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

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

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

Кастомные курсоры

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

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

3D-элементы

Одним из трендов 2022 года считаются объемные фигуры с простой или сложной геометрией. Все чаще мы можем наблюдать 3D-сцены на сайте: когда все элементы будто оживают и вращаются. Например, карта собирается из точек или кристалл по центру экрана вращается, пока пользователь скроллит контентную часть.

Тренд будет актуален не только на сайтах, но и офлайн: например, в рекламе и иллюстрациях.

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

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

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

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

Долгоиграющий тренд родом из 80-х и 90-х, который актуален и сейчас. В 2023 году мы ещё встретим градиенты на сайтах. Однако их вид будет несколько сложнее привычного. Например, потрясающие сетчатые градиенты (от англ. Gradient Mesh) со сложной структурой. Они сочетают в себе минимализм и иллюзию движения, вызывая восторг пользователей. А дизайнерам дают простор для творчества.

Проникнуться красотой градиентов можно на сайтах:

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

Глиноморфизм — совсем молодой тренд веб-дизайна, однако его ждёт большое будущее. На сайтах дружелюбные люди в моде (в отличие от метро).

Узнать глиняных жизнелюбов можно по этим приметам:

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

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

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

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

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

Желание следовать трендам имеет смысл: без регулярного обновления сайт постепенно теряет свою актуальность. Примеры из статьи можно использовать как по отдельности, так и вместе. Например, комбинировать 3D-графику с анимацией или дополнять интерактивную типографику градиентами.

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

Пробуем заглянуть в будущее и предсказать тренды веб-дизайна 2023 года. Мы спросили дизайнеров сайтов на Тильде, какие визуальные приёмы будут популярны в следующем году. Получился список из двенадцати пунктов — попробуйте в комментариях угадать, чьи предсказания сбудутся.

Тренды от Тани Дё. Таня создаёт аутентичные сайты для людей, влюблённых в своё дело. 12 сайтов попали в #madeontilda — галерею лучших проектов пользователей Тильды.

Рисованный стиль и простые авторские иллюстрации на детский манер

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

Эксперименты с типографикой

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

Человечный копирайт

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

Минималистичный первый экран

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

Нестандартное расположение текста

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

Выделенные границы модулей

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

Элементы UX-интерфейса в веб-дизайне

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

Футуристические цвета и текстуры

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

Тренды от Школы Тильды — онлайн-школы дизайнеров сайтов на Тильде. Она подходит тем, кто хочет освоить новую профессию или делать сайты для себя и своего бизнеса. Курс Tilda Start помогает освоить основы дизайна и изучить возможности Тильды, а на Tilda Pro учат создавать сайты с уникальным дизайном и рассказывают, как подготовить их к продвижению.

Дизайнеры вдохновляются сайтами 90-х, переосмысливают интерфейсы самых первых сайтов и адаптируют их по 2023 год. Линии, табличная вёрстка, примитивная графика, простота и наивность элементов — база ностальгического тренда.

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

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

Как думаете, какие предсказания сбудутся и какие ещё тренды мы увидим в следующем году?