Используйте Framer X для создания интерактивных прототипов

Статьи по дизайну

Как дизайнеры, всегда возникает вопрос о том, какие инструменты прототипирования вы должны использовать для своего проекта. Существует множество программ для таких задач, как каркасное моделирование (см. Наши лучшие инструменты каркасного моделирования), создание прототипов и создание сложных взаимодействий; однако очень немногие инструменты способны справиться со всем этим. Framer — это инструмент, который обладает всеми этими функциями…

Использование CSS-клипа для создания интерактивных эффектов, часть II

Статьи по дизайну

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

Создание интерактивных градиентных анимаций с использованием Granim.js

Статьи по дизайну

Градиенты могут мгновенно улучшить внешний вид веб-сайта, если его использовать с правильной цветовой комбинацией. CSS также прошел долгий путь, когда дело касается применения градиента к любому элементу и его анимации. В этом уроке мы уйдем от CSS и создадим анимацию градиента с помощью библиотеки JavaScript, которая называется Granim.js. Эта библиотека рисует и анимирует градиенты на…