Повторяем дизайн сайта в Figma из Behance #1 | Лендинг в Фигме [Уроки Веб дизайна]

Поделиться
HTML-код
  • Опубликовано: 7 ноя 2024

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

  • @anjelaagakhanova4017
    @anjelaagakhanova4017 11 месяцев назад +1

    вы сделали благое дело для новичков)

  • @pinkpanther2349
    @pinkpanther2349 8 месяцев назад +2

    Спасибо большое за работу, за труд, за информацию!

  • @sergeyk8072
    @sergeyk8072 10 месяцев назад +2

    Всё круто, спасибо.

  • @alehanchos
    @alehanchos Год назад +1

    Спасибо за такие видео, для новичка это очень полезно! Надеюсь, еще увижу что-то новое, если у Вас появится время :)

  • @elenabondareva384
    @elenabondareva384 Год назад +1

    Отличная практика! Супер понятно про страшный лейаут! Спасибо, Георгий.

  • @PieceOfInternet
    @PieceOfInternet 3 года назад +7

    Тот самый момент, когда случайно находишь блог, проникаешься историей автора о становлении UX/UI дизайнером через "тернии к звездам", а потом видишь как интересно он преподносит материал и делает дизайн. Странным образом, помимо верстки я теперь еще заинтересован в UX/UI направлении теперь) Вы мотивируете. Спасибо.

  • @vPritykTV
    @vPritykTV 2 года назад +2

    Очень классный урок. Вместо часового занятия заняло 5 часов. Зато начало появляться понимание работы с компонентами и AutoLayout. Спасибо большое.

  • @ИгорьГлазков-с1б
    @ИгорьГлазков-с1б 3 года назад +1

    Георгий здравствуйте. Рад снова зайти к вам в гости. Толковые интересные уроки. Очень рад за вас.

  • @МаринаКотлярова-и2р

    Уже пересмотрела много уроков. Ваша подача лучшая. Спасибо большое. Это видео - то, что мне нужно.

  • @elenabondareva384
    @elenabondareva384 Год назад +1

    Отличная пища для практики! Спасибо за такую понятную подачу сложного материала!

  • @АлексПетров-ы9п
    @АлексПетров-ы9п 3 года назад +13

    Георгий, очень классный урок, не останавливайтесь, продолжайте, прекрасная подача материала и очень полезные примочки.

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

    Спасибо!!! Конечно продолжай)

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

    Спасибо! Не забрасывайте канала, пожалуйста

  • @anndymo8065
    @anndymo8065 2 года назад +1

    Спасибо большое! Очень полезный МК)

  • @olagulakowa3227
    @olagulakowa3227 3 года назад +3

    спасибо за видео, очень нравится такая рубрика, продолжайте, пожалуйста))

  • @PAngie29
    @PAngie29 2 года назад +1

    Большое спасибо за видео! Начала учиться веб-дизайну недавно и видео было очень полезно!

  • @СергейКондулуков-з9ч
    @СергейКондулуков-з9ч 2 года назад +1

    Автору большое спасибо. Всё ясно. Буду повторять урок 🙂

  • @МадинаХаликова-н3у
    @МадинаХаликова-н3у 2 года назад +1

    Хорошо объясняете, спасибо большое!

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

    Спасибо Георгий! Видео очень помогло.

  • @oksanakhammud7888
    @oksanakhammud7888 3 года назад +3

    Очень очень интересно и главное информативно! Спасибо огромное!!!

  • @АнгелинаГореленко-о8о

    Класс, мне понравилось) Еще бы хотелось понять как тот же дизайн потом сделать для мобильной версии) И можно про прототипирование

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

    Спасибо,попробую повторить.Только начинаю.

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

    спасибо очень крутой урок таких очень мало на ютубе

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

    🔥🔥🔥спасибо!

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

    продолжайте обязательно.

  • @sergiyrasskazov6530
    @sergiyrasskazov6530 Год назад +1

    Направляющую поставил криво. Кнопки сделаны одна больше чем вторая. Лого заскринил все пиксилит ... Короче свернул я такого коуча и сделал вывод что так делать нельзя 😅😅👌

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

      я как увидел кривые напрявляющие, мне аж плохо стало

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

    Спасибо за видео-урок. Излагаете материал локонично, понятно. Успехов Вам, продолжайте снимать видео)))

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

    Замечательный урок.Ждем новых полезных видео,гайдов и советов,а так же интересно было бы посмотреть тренды дизайна / разборы работ / отрисовку сложных элементов в фигме

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

    классно спасибо!!❤️‍🔥

  • @urmichk.7241
    @urmichk.7241 3 года назад +1

    Георгий, очень доходчиво все объяснил, спасибо большое. Если будет время, пожалуйста, сделай адаптив в 4х или 3х вариантах этого же макета. Пишу в ютуб "адаптив в фигме", а в видео все рассказывают и показывают на прямоугольниках этот адаптив

    • @ГеоргийТимофеев-ч7э
      @ГеоргийТимофеев-ч7э  3 года назад +1

      про адаптив уже делал видео (правда не этого макета)
      ruclips.net/video/jghijgFpFoE/видео.html
      возможно будет полезно

    • @urmichk.7241
      @urmichk.7241 3 года назад

      @@ГеоргийТимофеев-ч7э о, спасибо

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

    Очень не хватает таких видео в ру-сегменте, пили еще)
    Добавь еще себе плагин где отображаются хот-кеи на которые ты нажимаешь)

  • @Alina18-z5t
    @Alina18-z5t 3 года назад +1

    Cпасибо! Отличная работа!

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

    Здравствуйте
    Подскажите, пожалуйста, что за инструмент используется на 5:50?

  • @Анна-щ5ъ4е
    @Анна-щ5ъ4е 2 года назад

    суперский урок! спасибо вам огромное!

  • @АлександрАлександров-ж3г8т

    по чаще выставляй такие видео ,и более подробно про горячие кнопки и так далее

  • @ГеоргийТимофеев-ч7э
    @ГеоргийТимофеев-ч7э  3 года назад +1

    🔥 Бесплатная книга «от Курьера до Дизайнера интерфейсов». Моя история, как я стал дизайнером.
    disk.yandex.ru/i/NRKQQjVT-dqsZg
    Поддержать канал - boosty.to/georgytim
    Телеграм - t.me/bygeorgytim

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

    отличный урок. Спасибо! Расскажите про прототипирование,пожалуйста.

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

    Спасибо БОЛЬШОЕ

  • @ЮлияКоролёва-э1х
    @ЮлияКоролёва-э1х 2 года назад

    Очень полезно! Спасибо!

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

    спасибо!! 💜😊

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

    как на виндовс сделать скриншот такой как у тебя?

  • @НаталияЮрченко-ц1л
    @НаталияЮрченко-ц1л 2 года назад

    у меня на 16 минуте в моей фигме исчез блок с текстом в правом меню (хотела сделать настройки а не где..) как такое может быть? как исправить?

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

    Спасибо!

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

    не зря время потратил, очень информативно

  • @ЛуизаГумарова-ц4щ

    а что такое инстанс кнопка? как вы его так скопировали?

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

    А как делать скриншот логотипа, чтоб его так вставить?

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

    Крутой урок, но я что то не плняла, как вы эти рандомные иконки нашли. У меня нет такого. Это в платных функциях?

    • @ГеоргийТимофеев-ч7э
      @ГеоргийТимофеев-ч7э  3 года назад +1

      иконки я брал из плагина Material Design Icons, можете в фигме посмотреть этот плагин, раньше он был бесплатный, сейчас не знаю. Либо можете подобные иконки брать отсюда: fonts.google.com/icons?selected=Material+Icons

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

      @@ГеоргийТимофеев-ч7э спасибо!

  • @НадеждаАлексеева-л1ы

    Подскажите, пожалуйста, а как сделать скриншот логотипа? Не поняла, как именно это делается(

    • @ГеоргийТимофеев-ч7э
      @ГеоргийТимофеев-ч7э  3 года назад +1

      Можете установить себе на компьютер программу, например Light Shot. С ее помощью можно делать скриншоты по кнопке PrtScn

    • @НадеждаАлексеева-л1ы
      @НадеждаАлексеева-л1ы 3 года назад

      @@ГеоргийТимофеев-ч7э спасибо! Попробую так сделать)

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

    Это супер полезный урок, спасибо!

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

    Super

  • @АлексПетров-ы9п
    @АлексПетров-ы9п 3 года назад +2

    Георгий, повторил всё легко ) очень понравился твой блочный подход и работа с компонентами и Autolayout, а как на счёт повторить вот такое: www.behance.net/gallery/105051993/Edge_One-landing-page?tracking_source=search_projects_recommended%7Clanding%20page

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

      Слишком простой для тренировки, нужно что-то посложнее

    • @ГеоргийТимофеев-ч7э
      @ГеоргийТимофеев-ч7э  3 года назад

      Алекс, вы молодец, если все получилось легко!) За предложенный вариант лендинга для тренировки спасибо! Без проблем можно разобрать) есть интересные блоки, над которыми можно потренироваться в применении компонентов например)

    • @ГеоргийТимофеев-ч7э
      @ГеоргийТимофеев-ч7э  3 года назад

      Vlad Akhmetov предлагайте свой вариант :)

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

      @@ГеоргийТимофеев-ч7э например, такое или что-то подобное с ленд-бука)) wealthx.ai

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

    Плохой микрофон

  • @Swooford
    @Swooford 10 месяцев назад

    Почему между кнопками навигации 24?????? А не 25 например или 20,30, круглое число…

  • @К.Большой
    @К.Большой 3 года назад

    Как с биханса скопировать эту страницу в фигму

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

    14:04