Достраивание
При скролле иллюстрации на сайте как бы достраиваются. Было бы прикольно развить идею: не просто смещать куски фотографий, а достраивать интерьер, расставлять картины по полкам. За наводку спасибо каналу Дизайн-снайпер.

Источник
#веб #анимация

Книги на полке
Приятный приём на сайте: при скролле книги искажаются, аккуратно имитируя реальный опыт взаимодействия с книжной полкой. За наводку спасибо @sergej_petrov

Источник
#web #анимация

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

Источник
#web #анимация

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

Смотрится интересно и смело. За ссылку спасибо @artemfedorov

Источник
#web #интерфейс

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

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

Источник
#визуализация

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

Источник
#презентация

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

Источник
#mobile

Смена текстов
Не совсем визуальный, а скорее продуктовый приём, но очень уж классно: сайт шрифтового дизайнера, на котором можно по клику поменять любую строчку. Работает не идеально, а всё равно радует.
Приём в том, что тематика сайта становится не просто темой рассказа на сайте, а влияет на сам инструментарий, интерактив, способ взаимодействия с этим сайтом. За наводку спасибо @okirillooova

Источник
#web #типографика

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

Источник
#интерфейс

Росчерк
Текстовый блок по форме росчерка. Красота спонтанности и экспрессии.

Источник
#типографика