Идея становится сайтом.
Следующий шаг всегда должен быть понятным.
Эта кнопка ведёт к контакту. Её можно открыть мышью, касанием или клавишей Enter.
Лаборатория взаимодействийДвижение,
Движение,
которое отвечает.
Два приёма из этого портфолио. Здесь можно рассмотреть их отдельно: как свет раскрывает фотографию и как интерфейс отвечает на действие.
Проявить светом
Курсор мягко раскрывает детали затемнённого портрета. Свет следует за движением и затухает после ухода.
Для портфолио реализованы мягкая маска, плавное следование и остановка отрисовки вне экрана. Фотография остаётся видна без анимации; кнопка работает и на телефоне.
Проведите курсором по фотографии. Кнопка осветляет весь кадр.
Ответить на действие
Подсветка показывает активную область, а кнопка слегка следует за курсором. Движение ограничено, чтобы цель оставалась удобной для нажатия.
Основа — компоненты SmoothUI. Для сайта адаптированы ссылки, границы движения, клавиатурный фокус и режим уменьшенной анимации.
Источники и авторство ↗Обсудить идею
Эффекты дополняют сайт. Работы и контакт доступны независимо от них.
Перейти к контакту ↗