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

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025
  • Бесплатный курс по дизайну с личным куратором: m-d-a.ru/desig...
    Подробнее о программах обучения дизайну MDA: clck.ru/388MLh
    Промокод на большую скидку на онлайн-курс: SECRETMDAONLINE
    Работы студентов: mdaworks
    Отзывы и интервью студентов: • Отзыв о курсе «Веб-диз...
    Пример кликабельного дизайн-макета: www.figma.com/...

Комментарии • 52

  • @moscow_digital_academy
    @moscow_digital_academy  4 месяца назад

    Бесплатный курс по дизайну с личным куратором: m-d-a.ru/design?

  • @theaisdi
    @theaisdi 4 года назад +19

    Господи спасибо вам) я получила большой заказ и заказчик очень хочет что то анимированное крутое и с эффектами. А я в свою очередь начинающий веб-дизайнер. Ломала голову что делать и наткнулась на ваше видео. Благодаря вашему видео у меня пришло озарение. Спасибо, надеюсь я обязательно сделаю крутой дизайн!

    • @БекзатНабиев-п1м
      @БекзатНабиев-п1м 4 года назад

      У меня возник вопрос.А если мы сделали кликабельный дизайн то вкаком формате нужно его потом выводить?

  • @shamilaskerov
    @shamilaskerov 4 года назад +5

    Спасибо! Все очень доходчиво и ясно без лишних слов.

  • @svetlonlaine4765
    @svetlonlaine4765 3 года назад

    Просто класс. Долго искала такую подробную инфу 👍😘

  • @vermishel600
    @vermishel600 5 лет назад +3

    Класс! Большое спасибо, молодец! Для начинающих очень доходчиво показал. Лайк)

  • @Annadov30
    @Annadov30 5 лет назад +3

    Большое спасибо! Очень понятно и легко.

  • @Juliyamoments...
    @Juliyamoments... Год назад

    Спасибо большущее!!! Все ясно,понятно!

  • @nataliptaxa8545
    @nataliptaxa8545 4 года назад

    только начинаю знакомиться с figma очень нравиться программа. Хотя раньше вообще в продажах была и думала что не смогу понять,оказалось все намного проще

  • @rotnemw
    @rotnemw 5 лет назад +7

    Привет, спасибо за отличный материал )
    10:20 - можно сделать проще, выбрав вместо mouse on / out просто while hovering ;)

  • @АнтонМанихин-ю5х
    @АнтонМанихин-ю5х 3 года назад +1

    ОЧЕНЬ КРУТО! Спасибо!

  • @ЛизаРи-у4у
    @ЛизаРи-у4у 3 года назад

    Только начала просмотр видео и сразу ловите лайк за фоновую музыку)))

  • @olli9863
    @olli9863 2 года назад

    Очень полезно, спасибо! Буду пробовать)

  • @breadchick2022
    @breadchick2022 5 лет назад +1

    Вау!
    спасибо за полезный туториал! обязательно попробую повторить некоторые фишки)

  • @ekaterinak8459
    @ekaterinak8459 4 года назад

    Потрясающе познавательное видео! Очень вам благодарна!

  • @alibizhanatuly2790
    @alibizhanatuly2790 9 месяцев назад

    Красавчик☝🏻

  • @Volia-sv7
    @Volia-sv7 4 года назад

    Спасибо! Полезный урок! Успехов!

  • @ronnyron8398
    @ronnyron8398 4 года назад

    Круто)) спасибоо большое, успехов вам)

  • @alena_liven
    @alena_liven 3 года назад

    Спасибо) всё просто и понятно

  • @ВаряАгафонова-з5ф
    @ВаряАгафонова-з5ф 4 года назад

    спасибо большое за урок, очень было полезно! 😊👍

  • @mariamhakhoyan4629
    @mariamhakhoyan4629 3 года назад

    Спасибо, было очень полезно😊

  • @vikalove464
    @vikalove464 2 года назад

    Спасибо!

  • @maxtwin09
    @maxtwin09 4 года назад +2

    то есть, вы хотите сказать, можно официально теперь тырить гифки?

  • @faridmekhtiev538
    @faridmekhtiev538 4 года назад

    лучший братишка !

  • @erzatabdyrasulov7223
    @erzatabdyrasulov7223 Год назад

    Спасибо вам большое !! А пожалуйста скажите как все жто сохранять ?

  • @ИгорьКостиков-з3э
    @ИгорьКостиков-з3э 4 года назад

    Круто, респект!

  • @yun_zey966
    @yun_zey966 2 года назад

    Спасибо за видео! А как потом этот макет вместе с кликами перекинуть в Тильду для дальнейшего создания сайта?

  • @nikitinartemiy1
    @nikitinartemiy1 5 лет назад +7

    Так, а двойное действие можно присвоить? Так юзер не обязательно будет кликать именно на надпись, а просто на прямоугольник.

    • @komkoff91
      @komkoff91 4 года назад +1

      Можно создать отдельный фрейм размером с прямоугольник и ему уже присвоить действие

  • @rsklv7668
    @rsklv7668 2 года назад

    Где найти такие же стилевые гифы(((

  • @fromvytvytska
    @fromvytvytska 4 года назад

    Очень интересненько. Такой вид страницы называется лендинг, да?)

  • @alva_shina
    @alva_shina 8 месяцев назад

    Почему при открытии ссылки на прототип - появляется чёрный экран? Как исправить баг на телефоне?

  • @larisakuschner6084
    @larisakuschner6084 4 года назад

    Очень интересно! Спасибо!

  • @natalianagirnyak
    @natalianagirnyak 3 года назад

    Спасибо большое! Скажите, пожалуйста, а как сделать интерактивную карту... по такому же принципу? Какие плагины посоветуете?

  • @АнастасияМашкина-п8з

    Очень круто. А где можно найти подобные gif ☺️

  • @erzatabdyrasulov7223
    @erzatabdyrasulov7223 11 месяцев назад

    Здравствуйте , скажите пожалуйста как называется мелодия на фоне?

  • @prbeats5977
    @prbeats5977 7 месяцев назад

    Лучше так не привыкать делать навигацию. Меню всегда нужно делать компонентом, и размещать на фреймах инстансы меню, тогда не будет этой паутины из навигаций. Достаточно прописать переходы только в родительском компоненте, а не на каждом фрейме.

  • @prbeats5977
    @prbeats5977 7 месяцев назад

    Познавательно! Не совсем понятно в пользу чего принято нестандартное решение писать имя фамилию с маленькой буквы в заголовке

  • @cherepushka4236
    @cherepushka4236 5 лет назад

    Пасибки!

  • @ВалерияМухомедзянова

    Влад, скиньте, пожалуйста, сайт где вы брали гифки, спасибо! :)

  • @OlexandrHrytsai
    @OlexandrHrytsai 4 года назад

    Покажи где такие гифки взять

  • @ЛеонидБорисов-ч5х
    @ЛеонидБорисов-ч5х 4 года назад

    Спасибо, классное видео, можно вопрос эти эффекты потом во вкладке код тоже записываются в CSS ?

    • @BuKorostearu
      @BuKorostearu 4 года назад

      Лайфхак, сделай эти эффекты, и сам посмотри пишет код или нет 😂

  • @hutson9919
    @hutson9919 5 лет назад

    Скажи, пожалуйста, как ты делаешь такие плавные обрезания на заставке, где внутри девушка

  • @nataliptaxa8545
    @nataliptaxa8545 4 года назад

    где можно гивки смотреть искать, можете порекомендовать сайты

  • @БекзатНабиев-п1м
    @БекзатНабиев-п1м 4 года назад +1

    У меня возник вопрос.А если мы сделали кликабельный дизайн то вкаком формате нужно его потом выводить?

    • @alexeyzalogin7037
      @alexeyzalogin7037 4 года назад

      Просто даёшь верстальщику доступ к файлу с дизайном, а он уже верстает.
      Если тебя интересует реализация, то через hover в css скорее всего, ничего выводить не нужно, всё остается в макете для наглядного примера как это должно работать.

  • @HoldonColdfield
    @HoldonColdfield Год назад

    НаМаНа

  • @audiomegalibrary8959
    @audiomegalibrary8959 4 года назад

    Спасибо! Полезный урок! Успехов!