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

[@nikavink2194]

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

[@lizaprodesign]

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

[@Snatxy]

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

[@unifer2567]

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

[@lizaprodesign]

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

[@riverinyourarea]

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

[@lizaprodesign]

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

[@liza_zeleniuk]

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

[@lizaprodesign]

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

[@mariiashyian2246]

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

[@lizaprodesign]

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

[@annaua4395]

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

[@irynavoytehina1150]

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

[@Destielcanon]

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

[@lizaprodesign]

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

[@nadiakh2799]

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

[@Iryna-u6q]

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

[@friendApril]

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

[@lizaprodesign]

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

[@innaradchuk6367]

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

[@2yunona]

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

[@DariaChan]

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

[@lizaprodesign]

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

[@user-cj5ft9dg9z]

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

[@prettylittleliar9701]

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

[@lizaprodesign]

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

[@МирославаСрибна-г7в]

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

[@lizaprodesign]

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

[@dariakruts5845]

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

[@lizaprodesign]

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

[@margaritapazhitnykh8038]

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

[@user-sonic1106]

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

[@Destielcanon]

Дякую!

[@lizaprodesign]

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

[@IllusionDreamy]

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

[@_hmaaraaa_]

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

[@user-nv9wc2pe6x]

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

[@anetkaf2558]

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

[@nataliyakazyuk3055]

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

[@cartel3580]

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

[@tonynolovebaby]

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

[@lizaprodesign]

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

[@Nata2832]

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

[@lizaprodesign]

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

[@inna13aleks]

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

[@МашаСоловей-ч2ч]

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

[@lizaprodesign]

Дякую ❤️

[@olegivnaolegovna6472]

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

[@lizaprodesign]

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

[@olhaholonko9579]

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

[@lizaprodesign]

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

[@АльбінаСвітла]

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

[@lizaprodesign]

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

[@ilyapanishchev5206]

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

[@nadiakhrapchun7072]

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

[@veronikabarankevych9926]

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

[@lizaprodesign]

Обіймаю ❤

[@tenjfive]

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

[@lizaprodesign]

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

[@2011vengertaras]

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

[@lizaprodesign]

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

[@lina_litl]

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

[@lizaprodesign]

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

[@anastasiiagunko7370]

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

[@lizaprodesign]

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

[@anastasiiagunko7370]

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

[@lizaprodesign]

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

[@alpha_17x]

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

[@lizaprodesign]

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

[@olehpavlenko3638]

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

[@lizaprodesign]

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

[@olehpavlenko3638]

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

[@ИнгаЧайка-я4э]

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

[@ShelanMJ]

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

[@lizaprodesign]

Ох 3д 😍

[@ДианаМатюшкина-щ7я]

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

[@lizaprodesign]

Дякую дуже ❤️

[@АлінаЛатишева-ц1э]

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

[@НастяКасандяк]

дуже цікаво😍

[@lizaprodesign]

Дяяякую ❤️

[@NastyaSk-tu8zv]

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

[@anyaprots]

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

[@ОльгаЯнова-ч5х]

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

[@lizaprodesign]

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

[@evgeniyperekhod9278]

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]

Yeah, it won't

[@evgeniyperekhod9278]

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

[@VolPhickchannel]

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

[@lizaprodesign]

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

[@yanaivchak9448]

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

[@arias_thoughts]

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

[@alya_0_1]

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

[@kanevska2760]

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

[@LilaStarzZzZ]

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

[@lizaprodesign]

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

[@yun_zey966]

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

[@LilaStarzZzZ]

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

[@lizaprodesign]

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

[@ІгорДудій-ц5ы]

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

[@FdoRovMiro]

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

[@itshirts]

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

[@Design_video_web]

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

[@justdiamond3437]

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

[@forgetmenot2590]

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

[@ВикаСербин-ю1т]

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

[@ira_miira]

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

[@lizaprodesign]

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

[@ВикаСербин-ю1т]

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

[@birthdaycake1841]

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

[@lizaprodesign]

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

[@perfect_evil7961]

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

[@antonhrechynskyi3052]

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

[@lizaprodesign]

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

[@tonito4779]

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