Делаем кликабельный дизайн-макет в Figma
HTML-код
- Опубликовано: 8 фев 2025
- Бесплатный курс по дизайну с личным куратором: m-d-a.ru/desig...
Подробнее о программах обучения дизайну MDA: clck.ru/388MLh
Промокод на большую скидку на онлайн-курс: SECRETMDAONLINE
Работы студентов: mdaworks
Отзывы и интервью студентов: • Отзыв о курсе «Веб-диз...
Пример кликабельного дизайн-макета: www.figma.com/...
Бесплатный курс по дизайну с личным куратором: m-d-a.ru/design?
Господи спасибо вам) я получила большой заказ и заказчик очень хочет что то анимированное крутое и с эффектами. А я в свою очередь начинающий веб-дизайнер. Ломала голову что делать и наткнулась на ваше видео. Благодаря вашему видео у меня пришло озарение. Спасибо, надеюсь я обязательно сделаю крутой дизайн!
У меня возник вопрос.А если мы сделали кликабельный дизайн то вкаком формате нужно его потом выводить?
Спасибо! Все очень доходчиво и ясно без лишних слов.
Просто класс. Долго искала такую подробную инфу 👍😘
Класс! Большое спасибо, молодец! Для начинающих очень доходчиво показал. Лайк)
Большое спасибо! Очень понятно и легко.
Спасибо большущее!!! Все ясно,понятно!
только начинаю знакомиться с figma очень нравиться программа. Хотя раньше вообще в продажах была и думала что не смогу понять,оказалось все намного проще
Привет, спасибо за отличный материал )
10:20 - можно сделать проще, выбрав вместо mouse on / out просто while hovering ;)
ОЧЕНЬ КРУТО! Спасибо!
Только начала просмотр видео и сразу ловите лайк за фоновую музыку)))
Очень полезно, спасибо! Буду пробовать)
Вау!
спасибо за полезный туториал! обязательно попробую повторить некоторые фишки)
Потрясающе познавательное видео! Очень вам благодарна!
Красавчик☝🏻
Спасибо! Полезный урок! Успехов!
Круто)) спасибоо большое, успехов вам)
Спасибо) всё просто и понятно
спасибо большое за урок, очень было полезно! 😊👍
Спасибо, было очень полезно😊
Спасибо!
то есть, вы хотите сказать, можно официально теперь тырить гифки?
лучший братишка !
Спасибо вам большое !! А пожалуйста скажите как все жто сохранять ?
Круто, респект!
Спасибо за видео! А как потом этот макет вместе с кликами перекинуть в Тильду для дальнейшего создания сайта?
Так, а двойное действие можно присвоить? Так юзер не обязательно будет кликать именно на надпись, а просто на прямоугольник.
Можно создать отдельный фрейм размером с прямоугольник и ему уже присвоить действие
Где найти такие же стилевые гифы(((
Очень интересненько. Такой вид страницы называется лендинг, да?)
Почему при открытии ссылки на прототип - появляется чёрный экран? Как исправить баг на телефоне?
Очень интересно! Спасибо!
Спасибо большое! Скажите, пожалуйста, а как сделать интерактивную карту... по такому же принципу? Какие плагины посоветуете?
Очень круто. А где можно найти подобные gif ☺️
Здравствуйте , скажите пожалуйста как называется мелодия на фоне?
Лучше так не привыкать делать навигацию. Меню всегда нужно делать компонентом, и размещать на фреймах инстансы меню, тогда не будет этой паутины из навигаций. Достаточно прописать переходы только в родительском компоненте, а не на каждом фрейме.
Познавательно! Не совсем понятно в пользу чего принято нестандартное решение писать имя фамилию с маленькой буквы в заголовке
Пасибки!
Влад, скиньте, пожалуйста, сайт где вы брали гифки, спасибо! :)
Покажи где такие гифки взять
Спасибо, классное видео, можно вопрос эти эффекты потом во вкладке код тоже записываются в CSS ?
Лайфхак, сделай эти эффекты, и сам посмотри пишет код или нет 😂
Скажи, пожалуйста, как ты делаешь такие плавные обрезания на заставке, где внутри девушка
где можно гивки смотреть искать, можете порекомендовать сайты
У меня возник вопрос.А если мы сделали кликабельный дизайн то вкаком формате нужно его потом выводить?
Просто даёшь верстальщику доступ к файлу с дизайном, а он уже верстает.
Если тебя интересует реализация, то через hover в css скорее всего, ничего выводить не нужно, всё остается в макете для наглядного примера как это должно работать.
НаМаНа
Спасибо! Полезный урок! Успехов!