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

Поделиться
HTML-код
  • Опубликовано: 13 янв 2020
  • Подробнее о программах обучения дизайну MDA: clck.ru/388MLh
    Промокод на большую скидку на онлайн-курс: SECRETMDAONLINE
    Работы студентов: mdaworks
    Отзывы и интервью студентов: • Отзыв о курсе «Веб-диз...
    Пример кликабельного дизайн-макета: www.figma.com/proto/fb8MtlTiK...

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

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

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

    • @user-re8uv9ri8p
      @user-re8uv9ri8p 4 года назад

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

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

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

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

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

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

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

  • @vermishel600
    @vermishel600 4 года назад +3

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

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

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

  • @Annadov30
    @Annadov30 4 года назад +3

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

  • @DaniiarMiskenbaev
    @DaniiarMiskenbaev 3 года назад +1

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

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

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

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

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

  • @user-dn2rw9eg1g
    @user-dn2rw9eg1g 3 года назад +1

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

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

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

  • @user-ur2td1qk4q
    @user-ur2td1qk4q 3 года назад

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

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

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

  • @rotnemw
    @rotnemw 4 года назад +7

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

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

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

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

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

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

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

  • @user-fj3pb6gp7m
    @user-fj3pb6gp7m 3 года назад

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

  • @user-oo9sr3bs1j
    @user-oo9sr3bs1j 4 года назад

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

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

    Красавчик☝🏻

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

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

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

    Пасибки!

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

    Спасибо!

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

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

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

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

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

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

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

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

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

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

  • @user-st9jo8tc6k
    @user-st9jo8tc6k 4 года назад

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

  • @nikitinartemiy1
    @nikitinartemiy1 4 года назад +7

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

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

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

  • @user-sd1pf4eh3p
    @user-sd1pf4eh3p 2 года назад

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

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

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

  • @user-vr5kh4wb7m
    @user-vr5kh4wb7m 3 года назад

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

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

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

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

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

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

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

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

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

  • @prbeats5977
    @prbeats5977 Месяц назад

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

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

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

  • @prbeats5977
    @prbeats5977 Месяц назад

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

  • @user-oc6vt4rr4n
    @user-oc6vt4rr4n 3 года назад

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

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

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

  • @user-re8uv9ri8p
    @user-re8uv9ri8p 4 года назад +1

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

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

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

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

    НаМаНа

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

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