Делаем кликабельный дизайн-макет в Figma

• Видео посвящено созданию интерактивных макетов в Figma.  

• Пример оживления дизайна без использования анимации или программ.  

• Использование функционала Figma для создания кликабельности.  

• Макет для сайта портфолио иллюстратора.  

• Основные страницы: главная, внутренние страницы работ, страница контакта.  

• Механика взаимодействия: изменение фона и цвета при наведении на блок.  

• Использование GIF-анимации для создания динамики.  

• Пример с кругом, который вращается при клике.  

• Простота пользовательского пути.  

• GIF-анимацию можно найти в интернете.  

• Пример использования GIF-анимации для оживления макета.  

• Важность интерактивности для создания вау-эффекта.  

• Простота создания интерактивного макета в Figma.  

• Пример создания главной страницы сайта.  

• Добавление пунктов меню и интерактивных элементов.  

• Изменение цвета при наведении на блок.  

• Настройка перехода между фреймами при наведении.  

• Возвращение к исходному цвету при отведении курсора.  

• Настройка перехода при клике на элемент.  

• Пример создания раздела "Работы" и добавление интерактивных элементов.  

• Настройка перехода на новый фрейм при клике на надпись "Посмотреть работы".  

• Демонстрация работы фреймов и их взаимодействия.  

• Исправление проблемы с кликами и фреймами.  

• Настройка фиксированного положения логотипа и пунктов меню.  

• Настройка переходов при клике на логотип и пункты меню.  

• Создание фрейма для контактов и настройка его отображения.  

• Проверка работы переходов и интеракций.  

• Демонстрация различных способов появления экранов.  

• Настройка плавного и резкого появления экранов.  

• Экспериментирование с различными значениями для плавного появления.  

• Вставка гифок для оживления макетов.  

• Демонстрация анимации при клике на логотип.  

• Использование гифок для создания интерактивных и интересных макетов.