Сайты

175

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

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

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

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

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

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

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

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

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

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

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

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

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