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