РОБИМО ТРЕНДОВИЙ АНІМОВАНИЙ ДИЗАЙН В FIGMA ( mesh градієнт, компоненти, скролінг…)

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ม.ค. 2025

ความคิดเห็น • 117

  • @nikavink2194
    @nikavink2194 2 ปีที่แล้ว +17

    Це просто неймовірно! Я дуже рада, що знайшла цей канал( той єдиний випадок, коли кажу «дякую» алгоритмам ютубу)
    Дякую за твою працю і за такий доступний та НЕЙМОВІРНИЙ контент! Це вогонь! 🔥

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      МЕНІ ТАК ПРИЄЄЄМНОООО! ДЯЯЯЯКУУЮЮЮ ❤️

  • @Snatxy
    @Snatxy 2 ปีที่แล้ว +19

    Дуже рада українському контенту 🥰

  • @unifer2567
    @unifer2567 2 ปีที่แล้ว +24

    Дякую за те що ти робиш, це надихає 🤗

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      ДЯЯЯКУУУЮЮЮ ❤️

  • @riverinyourarea
    @riverinyourarea 2 ปีที่แล้ว +10

    Дякую за урок та натхнення 🥰✨
    Кольори чудові, вже якийсь час хотіли використати схожу гамму, це відео стало закликом до дії👌

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +1

      Дякую за підтримку ❤️
      Насправді це і надихнуло, я зайшла на їх сайт, а там такі кольори 😍😍😍😍😍😍😍😍 і все, мене понесло. Хотілось чогось «доброго» хаха

  • @annaua4395
    @annaua4395 2 ปีที่แล้ว +1

    Велика дяка за те що робите саме для початківців! 🙏 важко починати! Ти дуже допомогаешь! Дякую!

  • @liza_zeleniuk
    @liza_zeleniuk 2 ปีที่แล้ว +3

    Ваш спосіб створення mesh gradient виглядає набагато швидшим і практичнішим, ніж той, який використовую я. Дякую, що поділились. Також ніколи ще не користувалась шрифтом Avenir. Спробую.

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дуже рада! Обіймаю ❤️

  • @Iryna-u6q
    @Iryna-u6q ปีที่แล้ว +1

    Ліза,золотко,дякую!!!!шукала щость на кшталт цього!!!💖💖💖💖💖💖💖💖💖💖💖💖💖💖

  • @DariaChan
    @DariaChan 2 ปีที่แล้ว +2

    Дякую велике
    Такий якісний україномовний контент - то ван лав

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дякую за підтримку ❤️

  • @МаринаВознюк-х9щ
    @МаринаВознюк-х9щ ปีที่แล้ว

    Легко, доступно та головне - запам'ятовується! Дякую)

  • @mariiashyian2246
    @mariiashyian2246 2 ปีที่แล้ว +6

    Привіт. Дякую за відео! Такі гарні кольори, підіймають настрій🙂 Знаю, що тут багато початківців, тому їм буде дуже корисно таке відео, але хотіла б запропонувати ідею зробити дизайн не лендінгу. Може онбордінг з анімацією, наприклад, або сайт-портфоліо. Знаю, що на це потрібно витратити більше часу, щоб придумати все. Але просто як ідея) в будь-якому разі дякую за регулярні корисні відео для дизайнерів! Це дійсно надихає ♥️

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +2

      Привііііт!
      Дякую дуже, так так - ідея клас. Роблю більше лендосів, бо це якщо так подумати один з найскладніших, та найпопулярних видів сайту, особливо якщо тестове. Плюс можна багато що показати 🙂
      Але ідея клас, щось придумаю ❤ Обіймаааю

  • @2yunona
    @2yunona 2 ปีที่แล้ว

    Таке надихаюче відео, що я аж оформила подібно свій перший кейс! Дякую! 😘

  • @Destielcanon
    @Destielcanon 2 ปีที่แล้ว +5

    Дякую!

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дякую за підтримку 😍

  • @innaradchuk6367
    @innaradchuk6367 2 ปีที่แล้ว +1

    круто вийшло! хочу вже дійти до того рівня, аби за 30 хв генерувати і кріейтити дизайн)) до речі цікаво було б подивитись відео огляд плагінів, які найчастіше юзаєш)

  • @irynavoytehina1150
    @irynavoytehina1150 4 หลายเดือนก่อน

    У Вас чудовий канал!!!Дякую!

  • @nadiakh2799
    @nadiakh2799 ปีที่แล้ว +1

    ❤💛💙просто неймовірно! Дякую за цікавий і корисний відео-урок, ну прям дуже...💜 як раз в тему, вивчаю анімацію у фігмі.😎 Просто і доступно.💜

  • @user-sonic1106
    @user-sonic1106 ปีที่แล้ว

    Супер! Видно, що ти справжній майстер своєї справи. Хочу теж так вміти)) Дякую!

  • @ВалерияГординская-м1с
    @ВалерияГординская-м1с ปีที่แล้ว

    Дуже круто, надихаюче. Продовжуйте! )))

  • @friendApril
    @friendApril 2 ปีที่แล้ว +3

    Почерпнула для себе пастельні відтінки, з ними потрібно спробувати погратись, надзвичайно естетично виглядає) а також фон зі smart animation, обов'язково реалізую подібне в наступному дизайні. Спасибі тобі❤

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дяяяякуууююю ❤️ Дуж рада!

  • @margaritapazhitnykh8038
    @margaritapazhitnykh8038 2 ปีที่แล้ว +3

    Дзякуй за файнае і карыснае відэа, вельмі прыемна глядзець і ўвесь час пазнаваць нешта новае!)

  • @daria_kruts
    @daria_kruts 2 ปีที่แล้ว

    знаєш, ти дуже легко доносиш інформацію новачкам (це я), рідко помічала щось награне в процесі твоєї роботи
    мені подобається атмосфера твоїх відеоуроків 🥰
    і як пишуть нижче в коментарях - ти таки надихаєш на поступове, ненапряжне створення початкових легеньких сайтів, щоб одного дня впевнитись в тому, що можу вже надалі робити щось дійсно уніклальне для кожного, і пишатись своїми роботами і собою.
    ДЯКУЮ!💫

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      ОБІЙМАЮ І ДУЖЕ ДЯКУЮ ❤️

  • @_hmaaraaa_
    @_hmaaraaa_ 2 ปีที่แล้ว +1

    Привіт! Дякую за такий чудовий відео-урок, це просто вау 😍

  • @prettylittleliar9701
    @prettylittleliar9701 2 ปีที่แล้ว +1

    Дуже дякую 💘
    Мені здається, такий градієнт можна використовувати в багатьох тематиках, просто потрібно гратися з динамікою анімації та кольорами. Обожнюю твої уроки 💥

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дяяякую за підтримку ❤️ Тааак, це навіть і ціль цього відео, показати саме його і надихнути на градієнт

  • @inna13aleks
    @inna13aleks ปีที่แล้ว

    Дякую за швидкий та зрозумілий т'юторіал)

  • @tonynolovebaby
    @tonynolovebaby 2 ปีที่แล้ว

    Як завжди, дуже гарне відео, Лізочка, дякую тобі та бажаю усього найкращого 💜

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дякую, Вам також ❤️

  • @NataliiaRo
    @NataliiaRo 2 ปีที่แล้ว +1

    Дуже крутий урок, як завжди! дякую

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дякую за підтримку ❤️

  • @nataliyakazyuk3055
    @nataliyakazyuk3055 2 ปีที่แล้ว

    Ви неймовірна! Дякую за крутий контент ❤ дуже щаслива, що знайшла вас 🤗

  • @lina_litl
    @lina_litl ปีที่แล้ว

    Дуже цікаво. Дякую за відео

    • @lizaprodesign
      @lizaprodesign  ปีที่แล้ว

      Дякую за підтримку ❤️

  • @olhaholonko9579
    @olhaholonko9579 2 ปีที่แล้ว +2

    Дуже круто, дякую!❤

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дякую за підтримку ❤️

  • @alpha_17x
    @alpha_17x 2 ปีที่แล้ว

    Як завжди, класне відео

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +1

      Дуже дякую! Обіймаю 😍

  • @tenjfive
    @tenjfive 2 ปีที่แล้ว

    Дякую за відео, вже зробила дизайн 🫶🫶🫶

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +1

      ОООО! Це рівень ❤️

  • @МирославаСрибна-г7в
    @МирославаСрибна-г7в 6 หลายเดือนก่อน

    Анімація прикольна, єдиний нюанс, як на мене, це білий шрифт на такому ніжному фоні )

    • @lizaprodesign
      @lizaprodesign  6 หลายเดือนก่อน

      Так! Дякую, Все правильно) Цьому відео 2 роки)

  • @nadiakhrapchun7072
    @nadiakhrapchun7072 ปีที่แล้ว

    Привіт, булоб класно побачити як ти робиш дизайн застосунку. Особливо ux

  • @olegivnaolegovna6472
    @olegivnaolegovna6472 2 ปีที่แล้ว

    почала дивитися і вже вподобайки за українську! Молодець!

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дяяякуууююю ❤️

  • @Destielcanon
    @Destielcanon 2 ปีที่แล้ว +9

    Було б дуже класно як би ти зробила прям все все по порядку, якими кнопками користуватися , шо де як робити. Просто більшість ( так як і я) прям з повного 0 починають , і ти намагаєшся зробити це швидко і не зрозуміло куди шо нажимати 🥹❤️
    Відео буде довге, але дуже корисне!

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дякую, зрозуміла ❤️

  • @veronikabarankevych9926
    @veronikabarankevych9926 2 ปีที่แล้ว +1

    Якк красиивоооо вийшло 😍😍😍 !!!

  • @АльбінаСвітла
    @АльбінаСвітла 2 ปีที่แล้ว

    Юху! Я зробила і в мене вийшло! ❤дякую тобі велике! )) 🤗

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      ДУУУУУЖЕ РАДА ❤

  • @ДианаМатюшкина-щ7я
    @ДианаМатюшкина-щ7я 2 ปีที่แล้ว

    Обожнюю твої відео🥰🥰

  • @IllusionDreamy
    @IllusionDreamy 2 ปีที่แล้ว +4

    Було б круто, якщо б Ви зняли відео про те як правильно виконувати та презентувати тестові завдання 🙏

  • @МашаСоловей-ч2ч
    @МашаСоловей-ч2ч 2 ปีที่แล้ว

    Анімація вогонь!)
    Коли ти вчила автолеяуту - помітила що ти зробила tidy up перед тим як додати його - та це зайвий крок. Можна без нього жати на додавання автолеяуту =)

  • @2011vengertaras
    @2011vengertaras 2 ปีที่แล้ว

    Лиза, круто). Молодчага

  • @cartel3580
    @cartel3580 2 ปีที่แล้ว +1

    Можно еще уроков про дизайн
    💋так тебя люблю 💋

  • @anetkaf2558
    @anetkaf2558 2 ปีที่แล้ว +5

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

  • @НастяКасандяк
    @НастяКасандяк 2 ปีที่แล้ว

    дуже цікаво😍

  • @ilyapanishchev5206
    @ilyapanishchev5206 ปีที่แล้ว

    Половину слов к сожалению не понимаю но для пирвого разу попробую сказати дюже дякую за сие гарные видео (сильно не ругайтесь)

  • @ОльгаЯнова-ч5х
    @ОльгаЯнова-ч5х 2 ปีที่แล้ว

    Дуже гарно, Ліза! Цікаво було б побачити ваші інші роботи)) Підкажіть, як вас знайти на Біханс?

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Дуже дякую! 😍
      У мене нема біханса)

  • @ShelanMJ
    @ShelanMJ 2 ปีที่แล้ว

    я вчусь 3д, але Ваш матеріал також цікавий, дякую

  • @NastyaSk-tu8zv
    @NastyaSk-tu8zv ปีที่แล้ว +1

    Скажіть будь ласка як подивитися відступи не на apple

  • @olehpavlenko3638
    @olehpavlenko3638 2 ปีที่แล้ว

    Цікаве відео, дякую. Сьогодні в мене від вашої сторіс світ перевернувся😆 Я то раніше думав, що це ваша доця, якось і одну ніч думав як у вас може бути така велика дочка, а сьогодні оказалось це ваша сестричка 🤣🤣

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +1

      Дяяякую! Мама Мія, у нас різниця 10 років аххах 😂😂😂😂

    • @olehpavlenko3638
      @olehpavlenko3638 2 ปีที่แล้ว

      @@lizaprodesign Бувають різні ж ситуації. Наприклад в моєї однокласниці дочка пішла в перший клас, але там була запланована дитина, тому все окей. Я за вас на 2 рочки тільки старший) Все ж таки ніхто не застрахований від "факапів"🤷🙂

  • @anyaprots
    @anyaprots ปีที่แล้ว

    Підкажіть будь-ласка як ви переміщуєте відстань по одному пікселю? Що ви нажимаєте🙏

  • @АлінаЛатишева-ц1э
    @АлінаЛатишева-ц1э 2 ปีที่แล้ว +1

    Ліза, те неймовірна молодець, дуже круте відео (чекай на новий дизайн від мене😅). Відео неймовірно цікаве❤❤❤❤ ти дуже надихаєш❤

  • @yanaivchak9448
    @yanaivchak9448 2 ปีที่แล้ว

    Ліза, підкажіть будь ласка як таку анімацю передавати для програмістів, на верстку? Дякую

  • @dariponpon
    @dariponpon 2 ปีที่แล้ว

    Дякую за відео, але в мене два запитання.. Чому там де блок new arrivals справа дуже близько до границі?
    ще цікаво чому ви робите ширину сторінки 1440px, а не 1920. Та хотілось би узнати - ця анімація лише для демонстрації, чи це практично для frontend? дякую

  • @alya_0_1
    @alya_0_1 ปีที่แล้ว

    Добрий день, я тільки починаю цьому навчатися і тому мабуть мої питання банальні, ахаха.
    А де ви вирізаєте фотографії від фону? Фотошоп наче платний. Чи є щось безкоштовне? Можливо плагіни якісь? Дякую за відповідь 💗

    • @kanevska2760
      @kanevska2760 ปีที่แล้ว

      Привіт! Сподіваюсь ще потрібно. Плагін Remove BG -видаляє задній фот фотографії ^^

  • @Notozec0nd0m
    @Notozec0nd0m 2 ปีที่แล้ว +1

    Not bad, I wonder if the color of the menu and white paragraph text on light background will pass the Google minimum contrast requirements

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +1

      Yeah, it won't

    • @Notozec0nd0m
      @Notozec0nd0m 2 ปีที่แล้ว

      @@lizaprodesign I would use dark font colors or different backgrounds

  • @ИнгаЧайка-я4э
    @ИнгаЧайка-я4э 9 หลายเดือนก่อน

    Дякую за відео, супер контент! Є два питання.1 так і не зрозуміла навіщо нижній прямокутник під анімацією? 2. чому може анімація притормажувати після кожного повороту, наче трішки завмирати на секунду, а не рухатись плавно?

  • @ВикаСербин-ю1т
    @ВикаСербин-ю1т ปีที่แล้ว

    де ви берете іконки?

  • @ВикаСербин-ю1т
    @ВикаСербин-ю1т ปีที่แล้ว

    як доєднатись до курсу?

  • @LilaStarzZzZ
    @LilaStarzZzZ 2 ปีที่แล้ว

    а хіба посилання у меню зверху і текст на call to action не мають бути темнішими? є ж правило-на темному фоні світлий текст і навпаки

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Так, текст на CTA повинен бути темнішим, але в мене на екрані це виглядало темніше в оригіналі і не звернула увагу в процесі. Але завжди про це говорю у відео, тому вирішила через одну неуважність цілий відос не перезнімати

  • @forgetmenot2590
    @forgetmenot2590 ปีที่แล้ว

    Чому не відкривається посилання на патреон?😢

  • @yun_zey966
    @yun_zey966 2 ปีที่แล้ว

    Привет) а для чего нужно ставить маску на эти три цвета?

  • @VolPhickchannel
    @VolPhickchannel 2 ปีที่แล้ว

    Гарне відео, як на мене в дизайні трішки проблема з контрастністю, деяким користувачам буде не комфортно)

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Та да, на кнопці так, помітила вже після зйомки. Знімаю за 40 хвилин увесь сайт і себе з вступами, і це перший драфт, ще не навчилась прям усе усе робити ідеально, саму це бісить 😞
      Але не хвилюйтесь я завжди кажу про це, особливо про CTA
      а так кольори усі з офіційного сайту тільки

  • @ira_miira
    @ira_miira 2 ปีที่แล้ว

    на потреоні оплата знімається завжди 1го числа незважаючи якого числа підписався?

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Привіт, так, така система у Патреона через те, що достаєш доступ до усього, що було за місяці одразу

  • @ІгорДудій-ц5ы
    @ІгорДудій-ц5ы ปีที่แล้ว

    Я чи можливо цей дизайн вивести в html код ?

  • @itshirts
    @itshirts 2 ปีที่แล้ว

    З аксесабіліті є проблємки)

  • @LilaStarzZzZ
    @LilaStarzZzZ 2 ปีที่แล้ว

    всетаки sold out трохи скруглила)

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Ахахах точно) значить перегляд уважний! Дякую 😄😄😄

  • @Design_video_web
    @Design_video_web 2 ปีที่แล้ว

    Як подивитись відстані від елементів?
    Напривлад я хочу щоб всі елементи були 50 пікселів один від одного
    Було б класно як би Ви зняли коротеньке відео про це.
    Просто на відео видно як Ви це робите, але не зрозуміло як?

    • @justdiamond3437
      @justdiamond3437 2 ปีที่แล้ว

      Привіт, нажимаєш на елемент від якого хочеш глянути відстань, наводиш курсором на той елемент до якого хочеш побачити відстань, та зажимаєш альт ( ну я так принаймні дивлюсь)

  • @anastasiiagunko7370
    @anastasiiagunko7370 2 ปีที่แล้ว +4

    Слежу за вашим каналом, очень нравится подача контента и то что делитесь своим опытом) Но я как лид-дизайнер, который постоянно делает ревью подобных макетов, не могу пройти мимо😅 Первое что очень бросается в глаза - плохой контраст выбранных пастельных оттенков для бекграунда и белого текста на нем. Сделайте тест на accessibility через плагин в фигме - эти цвета не пройдут. Не хватает баланса в отступах между элементами - в хиро секции текст и кнопка сильно прибиты друг к другу (+ такие длинные тайтлы в одну строчку тяжело читаются), во втором блоке отступы между карточками большие, а в следующем очень маленькие. Также в футере лейаут не очень гармонично выстроен. Обычно СТА элементы по типу подписки располагают справа, а линки сайта слева. Либо же можно было как-то выделить Stay Up To Date секцию, добавив подложку. Иконки соцсетей очень тяжелые получились - визуально они почти как инпуты, а линки сайта выглядят в сравнении очень мелко.
    Спасибо что показали возможности режима прототипа - многие дизы на это забивают❤‍🔥

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +4

      Дякую за Ваш коментар, але на цю тему можна сперечатись дуже довго.
      Тому не можу погодитись з Вашим коментарем, адже дизайн це штука така.
      На кожного ліда є лід зі своєю думкою, досвідом та баченням і це прекрасно 😍
      Більше того, іконки соц сітей - це просто скрін з їх сайта, в відео я показую як вставляти секції які вже існують у клієнта швидко.
      Насправді багато що там з їх сайта (як тейтли в одну строку і тд. ) , бо фокус на іншому в цьому відео
      А там, як ви розумієте, свій лід 🙂

    • @anastasiiagunko7370
      @anastasiiagunko7370 2 ปีที่แล้ว +1

      @@lizaprodesign Так, дизайн в цілому звісно штука суб'єктивна. Але це не зовсім той випадок, адже ігнорується один із базових принципів в дизайні сайтів/інтерфейсів - принцип accessibility, який можна визначити об'єктивно за допомогою відповідних тулів.
      Про іконки та фокус в відео - ок, справедливо😉

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +3

      @@anastasiiagunko7370 погоджуюсь тільки з кольором CTA, але і це дві секунди змінити 🙂 ,
      тому мабуть не углублялась в цей момент на зйомці.
      Адже це перший варіант без правок.
      Але не хвилюйтесь, я завжди кажу у відео, що таке СТА і яким кольором і з Якоб ціллю його роблять, так що мої підписники знають про це ❤️

  • @FdoRovMiro
    @FdoRovMiro 2 ปีที่แล้ว

    Варіант ДО був кращим)

  • @perfect_evil7961
    @perfect_evil7961 2 ปีที่แล้ว +1

    Дизайн аля шаблон 2000-х с envato =D

  • @birthdaycake1841
    @birthdaycake1841 2 ปีที่แล้ว

    я не розумію, як можна мешити градієнти і переробляти колір кнопки з включеною сіткою, це анріл😂 я і в спокійному стані сітку роблю зразу сірою, шоб по очам не било, а ви прям cyborg🫣🦾

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว

      Скажу чесно, найскладніше це знімати процес і розповідати.І світло ще в очі від лампи 😂 От коли це буду нормально робити, тоді буду кіборгом точно ахахах

  • @antonhrechynskyi3052
    @antonhrechynskyi3052 2 ปีที่แล้ว +1

    лол, це дизайн якогось джуна, ви ж тільк псуєте наглядовість для тих хто вчится і потім вже люди роблять галімі реальні проекти які опускають український дизайн

    • @lizaprodesign
      @lizaprodesign  2 ปีที่แล้ว +3

      Дякую за коментар, завдяки Вам це відео подивляться більше людей 😍

  • @lizaprodesign
    @lizaprodesign  2 ปีที่แล้ว

    ❤А на Patreon - www.patreon.com/lizkhl
    📹 Мій lifestyle канал - th-cam.com/users/LizaKhlopkova
    📱tg канал - t.me/liza_pro_design

  • @tonito4779
    @tonito4779 ปีที่แล้ว

    Норм подруга, но не в мойом вкусє