Веб-дизайн

355

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

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

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

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

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

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

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

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

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

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

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

Возможно, вы помните британский бренд Nothing и их крутые наушники и смартфоны с необычным дизайном

Opal Composer позволяет настраивать отснятые на профессиональную веб-камеру Opal C1 кадры и видео — применять фильтры, добавлять стикеры, регулировать звук и многое другое. Сайт эффектно презентует продукт за счёт трёхмерных анимаций по скроллу и интерактивных взаимодействий с элементами

Классный способ презентовать книгу о шрифтовом дизайне — построить стиль лендинга на монохромных экспериментах с типографикой

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