Истории мотивации и достижений

Следите за историями ученых и их исследовательских экспедиций

11 трендов веб дизайне в 2023 году

Alakris Group

Tue, 16 Apr 2024

11 трендов веб дизайне в 2023 году

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


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


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


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


1. Ностальгия и эстетика Y2K

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


Тенденции ностальгии исторически имеют (горячо обсуждаемый) 40-летний цикл (одни говорят, что 30, другие 50). С появлением социальных сетей принятие и распространение новых тенденций стало более доступным, поэтому этот цикл ускоряется. И вот, спустя 23 года после 2000 года, эстетика рубежа веков вернулась в полную силу.


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


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


Это Крис! домашняя страница. Бежевый фон. Плавающие желтые и оранжевые кнопки используют полупиксельный шрифт для CTA.

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

Есть несколько отличных ресурсов для поиска вдохновения в Интернете для Y2K. Используйте Wayback Machine Интернет-архива, чтобы ознакомиться с дизайном реальных веб-сайтов той эпохи или проследить эволюцию дизайна конкретного веб-сайта на протяжении десятилетий. Для более тщательной подборки Музей веб-дизайна (и его фантастическая лента в Твиттере) демонстрирует скриншоты культовых дизайнов конца 90-х и начала 2000-х годов.


Шрифты Y2K и текстовые дизайны

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


Шрифты, используемые в веб-дизайне в эпоху Y2K, были простыми, часто без засечек или моноширинными, а иногда и явно пикселизированными, как на веб-сайте Кристофера Нельсона выше. Поскольку в начале 2000-х изображения загружались медленно, веб-дизайн склонялся к простым, ориентированным на текст макетам с большим количеством пустого пространства.


Классический веб-сайт эпохи Y2K мог бы выглядеть примерно как FanFiction.net примерно в 2001 году — много пустого пространства, маленькие значки изображений и много Arial или Verdana.


Домашняя страница FanFiction.net с 2001 года. 3 вкладки в стиле манильских папок над алфавитным списком категорий, показанные в виде подчеркнутых синим цветом ссылок.

FanFiction.net примерно 2001 года может удовлетворить все ваши потребности в фанфиках по Аниморфам. (Источник: Wayback Machine)

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


Адам также использует жирный шрифт без засечек, чтобы привлечь внимание к определенным элементам своего дизайна, уравновешенный сочетанием светлых засечек для визуального интереса. Дизайн даже включает в себя оттенок кибер-эстетики с использованием шрифта с перечеркнутым нулем (например, Terminal или Consolas) для дат.


Портфолио Адама Хо. Контент отображается в 3 столбцах в стиле журнала, в которых сочетаются шрифты, размер текста и изображения.

Сайт личного портфолио Адама Хо. Адам любезно включает в свой дизайн полный список шрифтов: Verily Serif Mono, Nickel Gothic, Fake Receipt, Carta Nueva, Arial, Neue Haas и Alte Haas.

Уникальные курсоры

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


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


Шаблон ретро-сайта. Белый фон, серые кнопки и меню. Черный текст «Привет, я Мак» рядом с черно-белой карикатурой на настольный компьютер, улыбающийся и держащий плоскогубцы.

Mac, клонируемый ретро-шаблон сайта Маккензи Чайлд.

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


Чтобы продолжить тему Y2K, Маккензи использует цветовую схему в градациях серого, макет с крупными рамками и шрифт без засечек, на которые непосредственно повлияло раннее программное обеспечение, такое как Apple Lisa и Adobe PageMaker.


Пикселизация

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


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

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

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


2. Пользовательские шрифты

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


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


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


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


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


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


Трафаретные и трафаретные шрифты от Tré Seals

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



На веб-сайте Тре Силса используются его собственные оригинальные шрифты для создания поразительного визуального эффекта.

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


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


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


Красочные рисованные надписи от Леандро Ассиса

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


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

Веб-сайт Леандро Ассиса так же интересен, как и его собственные шрифты.

Один из наших любимых примеров

Это была работа Леандро Ассиса, бразильского художника-надписчика, который создает яркие и игривые шрифты, вдохновленные карикатурой и иллюстрацией. Забавный графический стиль его работ стал популярным среди таких клиентов, как Nike, Amazon Music и даже Drag Race РуПола.


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


Trompe-l’oeil от Орели Марон

Недавно в веб-дизайне появилось несколько отличных примеров надписей, которые выглядят как рисунки мелом, металлические и неоновые вывески и даже текстильные эффекты, такие как вышитые буквы. Этот стиль называется trompe l’oeil, что в переводе с французского означает «дурачить глаз». Это создает иллюзию 3D-текстуры и реальных материалов, почти исчезающих с экрана.


Сайт Орели Марон. Липкая панель навигации над двумя квадратными изображениями с надписями. Слева: сетка 3x3 из разноцветных букв в разных стилях. Справа: буквы мелом.

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

В частности, нам понравилась работа Орели Марон с надписями trompe l’oeil. Ее нестандартные надписи имитируют физические, художественные средства. Этого эффекта добиться непросто, но она подготовила серию курсов и руководств по дизайну надписей, чтобы помочь дизайнерам создавать свои собственные оригинальные надписи.


3. Совместно используемые фреймворки

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


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


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


Дизайнеры делятся своими сайтами в виде клонируемых шаблонов на Made in Webflow. Мы также наблюдаем всплеск числа людей, которые делятся шаблонами Notion, такими как этот от Триста Адлингтона, и создают системы стилей, такие как Client-First от Finsweet. Кроме того, многие создатели вносят свой вклад в библиотеки ресурсов, такие как The Noun Project.


Домашняя страница фреймворка Knockout. Черная, оранжевая и серая цветовая гамма. Преимущество крупной типографики: адаптивная сетка, простое именование классов, модульное поведение, адаптивность.

Фреймворк Эдгара Аллана Knockout.


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


4. Иллюстрации с размерностью

С появлением метавселенной в моду входят иллюстрации, имитирующие виртуальный мир, — 3D-иллюстрации и глиняный морфизм лидируют.


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


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

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


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

Домашняя страница агентства Redis. Черный фон, белый текст «Агентство Redis» с зелеными 3D-брызгами и репой, плавающей над текстом.

На веб-сайте агентства Redis есть увлекательная 3D-иллюстрация, которая динамически перемещается по мере прокрутки страницы.

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


Метавселенная

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


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


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


2 киборга, плавающие в космосе по обе стороны от белого текста «это ваши ворота в метавселенную».

Totem — это операционная система на основе блокчейна, которая помогает пользователям создать личность Web 3.0 для «экобудущего».

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


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


Глиняный морфизм

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


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


Домашняя страница ГУУУЛП. 3 иллюстрации в стиле глиняного морфизма, вплетенные в полноэкранный текст «ГУУУЛП».

LS Graphics создала Guuulp!, коллекцию 3D-иллюстраций фигур и объектов, вдохновленных глиняным морфизмом.

Глиняный морфизм — отличный подход для создания трехмерных человеческих фигур, которые выглядят игривыми, не приближаясь к территории сверхъестественной долины. Отличными примерами являются анимационная библиотека Guuulp!, в которой есть большое количество людей в стиле пластилина, и сайт грантов сообщества Webflow, который включает персонажей Claymorphic, чтобы оживить страницу.


5. Взаимодействия «просто для удовольствия»

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


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


Яма для шариков Fuse.kiwi. Не совсем белый фон, плоские неоново-зеленые круги падают на страницу. Серо-голубые значки с тенью (камеры, ноты, книги, палитра красок), плавающие среди кругов.

Анимационный эффект Ball Pit от Fuse.kiwi.

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


Lazarev.agency о странице. Белый фон, черный текст. В центре: 3D-анимация забрызганной краской каменной головы.

Персонаж Батумбы от Lazarev Agency находится в центре внимания на его веб-сайте.

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


Раскройте свой творческий потенциал в Интернете

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


Начните бесплатно

Начните бесплатно

6. Загрузка анимации

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


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


Домашняя страница Антонио Сегурадо. Черный фон. В центре: белый текст «Привет, меня зовут Антонио Сегурадо».

Вас приветствует анимация загрузки сайта Антонио Сегурадо.

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

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


Загрузочный экран Рэйчел Бавареско. Иллюстрированный профильный портрет женщины с голубыми волосами и белыми очками над текстом "загрузка..."

Анимация загрузки сайта Рэйчел Бавареско.

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


7. Сотрудничество

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


Домашняя страница Трелло. Светло-фиолетовый и белый градиент фона. Черный текст «Trello помогает командам продвигать работу вперед» рядом с иллюстрацией людей, выходящих из экранов ноутбуков и передающих предметы друг другу.

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

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


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


8. Премиум-контент

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


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


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

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

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


Другой сайт, Ladies Get Paid, имеет платный портал, который дает пользователям доступ ко всему сообществу женщин в бизнесе, а также к образовательным ресурсам.


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


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


9. Легкие, более эффективные веб-сайты

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


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


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


10. Более целенаправленное использование уведомлений

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


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


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


Мобильный экран Уведомление Twitter, предлагающее пользователю добавить описание к изображениям.

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

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


Некоторыми другими недавними примерами, которые мы видели, была новая Apple iOS, которая включает функцию «Поделиться статусом фокусировки» и информировать тех, кто пытается связаться с ними, если они установлены в режим фокусировки во время вождения или в режиме «Не беспокоить» после сна. Lyft также включил невероятно полезные уведомления, такие как «поездка занимает больше времени, чем ожидалось» и бесшумная помощь 911, когда это необходимо.


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


11. Настраиваемые возможности просмотра

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


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


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


Макет веб-сайта с демонстрацией проекта «Persistent Dark Mode Switch». Черный фон, белый текст. Вверху справа: переключение темного/светлого режима.

Persistent Dark Mode Switch Тимоти Рикса позволяет пользователям включать и выключать темный режим. Клонируйте этот дизайн, чтобы поэкспериментировать с этой функцией.

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


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

Большая кровать от дизайнера UX UI Анферни Грант.

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


Анферни Грант даже превратила веб-сайт в захватывающую сказку на ночь с The Big Bed. Он позволяет пользователю зачитывать разделы вслух или переходить к определенным страницам. Любой, кто читал детям сказки на ночь, поймет, насколько полезно возвращаться к их любимой странице снова и снова (и снова, и снова) снова.


2023 год — год вовлеченности пользователей

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


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


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


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

Обучиться бесплатно веб дизайну можете на нашем сайте

0 Комментарии

Оставить комментарий