РОБИМО ДИЗАЙН HERO SECTION У FIGMA (ПОРАДИ,ЛАЙФХАКИ,ТЕХНІЧНІ МОМЕНТИ )
Вставка
- Опубліковано 12 чер 2024
- Привіт, вітаю тебе !♡
Класичний дизайн в нюдових кольорах для українського бренду аксесуарів та взуття Kacharovska. Цікаво? Обов'язково дивися цей урок - зробимо разом hero section в figma, поділюся своїми лайфхаками,порадами та технічними моментами, щоб зробити твої дизайни професійнішими!
Я на Patreon - / lizkhl
круті конспекти, актуальні відео-уроки та персональний колл зі мною,щоб допомогти тобі вирости, як UX/UI дизайнер!
P.s. Постав вподобайку і підпишися !
SOCIAL
✩ insta (@LIZKHL) : lizkhl?igshid=q...
✩ startup : vrpartments.com
✩ скачати нашу аплікацію: linktr.ee/vrpartments
✩ особистий канал : / lizakhlopkova
✩Telegram канал : t.me/liza_pro_design
FAQ
✩ Скільки років? 22
✩ Хто я? co-founder стартапу VRpartments, де я Chief Product Officer,
а також Product Designer в Торонто
✩ Де живу ? Краків, Польща
00:00 - Вітаю тебе!
00:31 - Крок 1 - колір для background
01:11 - Обираємо desktop
01:26 - Колони роблять дизайн професійнішим
03:22 - Технічні моменти
05:13 - Пам'ятай про стилі
06:06 - Розміщуємо логотип
09:45 - Call to action - обов'язкова складова
10:48 - Перевіряємо чи сходяться кольори в дизайні
12:47 - Не бійся експерементувати
13:30 - Розміщуємо зображення в hero section
15:08 - Робимо h1
18:06 - Можливість підписатися на розсилку бренда
21:15 - Робимо анімацію в наш дизайн
22:02 - Робимо перехід на наступну секцію ( 2 варіанти)
23:59 - Дизайнимо другу секцію
26:56 - До зустрічі !
Величезне дякую! Супер формат! Так просто і так надзвичайно ❤️❤️❤️
дуже приємно що є люди які розвивають україномовний ютуб, і взагалі все інше💛💙
Дякую, це неймовірно приємно, що Ви так ввжаєте ❤️
Шукала "Figma tutorial" серед англомовного контенту і знайшла україномовний - вогонь! Дякую і було дуже цікаво!)
Дуже імпонує ваша подача внформації!
Я декілька разів крикнув "WOW"!) Дуже гарно, а деякі технічні рішення взагалі топ, "я такий - що так можно було???" ))) Дякую!
АААА! Дякую дуже дуже!!!❤️❤️❤️
Завжди цікаво дивитися твої туторіали. Дуже шкода, що вони обмежені по часу. Хотілося б побачити який би вийшов повноцінний результат, а так трохи все поспіхом і не має відчуття завершеності. Але дякую за твою роботу, ти крута!
Дякую за чудові відео. Такі дизайни виглядають дуже круто. Класно, що коли дивишся покроково, то все стає реальним))) Дуже надихаючі відео, які виводять зі стану апатії.
Ти заряджаєш мотивацією, дякую за твої відео!!!
Тут стільки усього класного, що я кілька разів ставила на паузу, щоб перевести подих від захоплення 😮 Дуже вдячна за якісний контент, про рядки і крок по 8 пікселів навіть не додумалася 😯💖
Оооой! Клас, дуже дяяяякууююю ❤️
Дякую за відео! Дуже цікаво та інформативно! Було б цікаво також більше розібрати моменти з анімацією та переходами! З нетерпінням чекаю на наступне твоє відео!
Дякую дуже ❤️ Супер, все буде!😍
Ліза, це суперово! Дякую!
Дуже гарно, я надихнулась.
Здається, що так просто, а так стильно. Дякую
Кльово що ти так добре знаєш, що турбує програмістів. Крок 8px спрощує програмістську «математику», тому що робить можливою генерацію стилів по формулі. Наприклад, відступи з кроком 8px дає 8, 16, 24, 32 в тд.
Дякую за урок! Дуже цікаво та насичено! Дякую, що українською!
Дуже круте відео, дякую! завдяки тобі з’явилася мотивація продовжити створювати власне портфоліо 💗
Юху! Дуже рада 😍
Дякую за відео🥰💕✨
Так круто вийшло !!! 😍
Обіймаю!😍
Дуже круто!
❤Я на Patreon - www.patreon.com/lizkhl
📹 Канал про життя - ua-cam.com/users/LizaKhlopkova
📱tg канал - t.me/liza_pro_design
Свернуть
лайк за класне відео!
Я не дизайнер, але твої відео то є любов 😍
До речі, у своїй роботі я використовую декілька твоїх плюх для роботи в фігма))
Так рада! Дякую дуже за підтримку, це реально любов ❤️
Дякую за відео)
Дякую за підтримку 😍
Знайшла вас,вже після придбання курсу на прометеусі:( Викинула гроші на вітер...
У вас море корисної інформації та з вами дуже цікаво!)
Гарно вийшло, мені подобається. Хотів би побачити відео про дизайн для застосунків
Дякую! Зрозуміла, все буде 😍
Дякую за відео , було багато корисного - особливо сітки .🌺
Суперрррр. Мінімалізм наше все
Супер круто!😻😻😻
Дуже давно не знаходила цікавого контенту, який прям ХОЧЕТЬСЯ дивитися, особливо українською 🤤🤤
До речі, практичне питання, а як ти завантажила її лого у векторі? Дякую ☺️🙏🏻
Дякую. Дуже рекомендую патрон . Інформація супер цінна .
Дууууже дякую ❤️
Лайфхак з сіткою - топ!
Нове відео 😍
Відео, як завжди бомба! Мені було б цікаво подивитись на розробку дизайну, якогось мобільного застосунку.
Дякую дуже, буде 😍
Дуже круте відео. Чекаю ще 🤍
Підскажи, будь-ласка, як брати лого з сайтів, щоб робити редизайни? Дякую 😊
Спасибо за видео!! Извините, а можно узнать марку камеры, которой вы снимаете видео? Спасибо большое заранее!
Привіт) наскільки я чула то залишати не цілі числа не варто, це потім ускладнює роботу при розробці. Ти коли зменшувала “made in Ukraine” ти зменшувала це як область і в панелі налаштувань там залишались десяті (типу розмір шрифта 12,09) і так само з овалами.
Чи ти потім це все підчищаєш ?
привіт. ти в сітках кажеш про веб-дизайн і юай-дизайн окремо. підкажи, будь ласка, може, я щось плутаю, але яку саме різницю ти в них вкладаєш? дякую)
Скажіть, будь ласка, а як ви вирізали логотип із сайту і вставили це у фігму??
Я тільки починаю захоплюватися дизайном і ви мене неймовірно надихаєте🥰Дякую за вашу роботу
Ліза, дякую Вам за Вашу працю, дуже зрозуміло і доступно з першого ролика. 💗👍
Я дуже хочу змінити свою роботу і самостійно опанувати навичками в UX/UI-дизайні. Я думаю, що в мене вийде.
Я хотіла б запитати Вас, чи Ви закінчували курси або самостійно оволоділи професією?
Я маю досвід покупки курсів "Тестування ПО", та вони залишилися для мене загадкою.
Тому я вирішила, що буду навчатися самостійно за допомогою UA-cam та інших ресурсів. Хотіла би від Вас отримати підтримку.🙏
👍
Коментар підтримки та промені добра!))
Дяяяяякую ❤️
Клас! Дуже крутий дизайн. Мені так сподобався такий формат відео)))
Скажи, будь ласка, а можна додавати до свого портфоліо такий варіант сайту, де ми використали фото з їх сайту? Чи не буде це порушенням авторського права?
Дякую!
Треба додати посилання на їх сайт 🙂
Дякую за теплі слова ❤️
Круть. Яка мова!
😍😍😍
Дякую за відео, ви молодець) Чи можу запитати як ви скопіювали собі лого в хорошій якості?
Дякую дуже 😍
ua-cam.com/users/shortse2bWsTROdoc?feature=share - ось зняла шортс де показала як швидко брати лого 3 способи ❤️
Дякую дуже за підтримку 😍
@@lizaprodesign вже встигла подивитися! Дуже вам вдячна за такий швидкий фідбек прямо цілим відосом❤️ Це неймовірна любов💙💛💙💛
Добрый день а подскажите как смотреть сайт вот так как вы в компьютере
Привітямба 👋🏻
Завжди було цікаво от що. Лендоси зазвичай роблять якомога ем… особливими. Багато усіляких нестандартних штук, які не зустрінеш в решті інтерфейсу. Наприклад каруселі, чудні прокрутки, анімації, блоки нестандартної форми тощо. А чи кастомер дійсно цінує це? Чи конвертується це в додаткові $$$?
Привіт!
Чесно, дуже цінує, навіть без цього не купують дизайн скажімо так. Іноді думаю, ну ок бюджет малий - роблю максимально просто, а вони кажуть, що скука - і реально чекають на чудні прокрутки 😀
@@lizaprodesign думаю, такі особливості мають служити певній меті, допомагати споживати контент.
Наприклад, Епл будує багатий експірієнс навколо прокрутки з метою показати продукт з різних ракурсів, таким чином прокрутка дає ефект перегляду інтерактивного відео.
Бачив лендінги в стилі слайдів, які на невеличкий mouse scroll або свайп прогортають один екран інформації. Це може бути надлишковим, тому що така кастомізація прокрутки займе більше часу програміста (і грошей замовника), але ніяким чином не допомагає споживати контент.
Паралакси… часто ефект без корисної функції.
Каруселі… сам не знаю, чи є в них користь?
Ох, тут можна довго продовжувати 😄
Скажіть, будь ласка, яким чином Ви взяли логотип з чужого сайту і перевели його в цей формат?
І яким чином можна додати фото у фігуру?( Що б не робила, не виходить(
ua-cam.com/users/shortse2bWsTROdoc
Ось, показала як лого беру) А за фігуру, робите фігуру і обираєте на панелі де колір ( де ще градієнт ), що це картинка і обираєте яка 🙂
💙💛
топ-топ-топ
В очікуванні результату
хочеться поримувати...
Не задля розради,
а просто для плати
за дружні поради
й корисні лайфхаки.
спойлєр результату: нямка-нямка)
Вірш просто чудовий 😍
Дякую дуже 😍😍😍
Привіт, як ти зробила, що кнопка more на 16:00 хвилині крім бордерів збільшила і текст, у мене не виходить це😬 хоч я зробила автолейаут, але все одно не виходить. Бордери збільшуються, текст лишається таким малим, як був)
Контент - 100
Зробіть будьласка базовий огляд на годину, про функціонал фігми!
А як його правильно зберігати? Я хочу зберегти але в мене тільки є PDF, або коли вибираю через інше то просто виходять 4 різні картинки. Допоможіть😅 Як правильно зберегти?
Зробіть скірншот
А подскажите как можно так вырезать логотип? Хотела полностью повторить, но не понимаю как логотип как отдельный элемент вырезать
Його просто с сайту візьміть і перетягніть на робочий стіл, він на сайті вже у пнг, вирізати не треба 🙂
@@lizaprodesign Спасибо, не знала что так бывает)
два дні мучалась - до поки ваш комент не прочитала)
Цікавить напрям UX/UI дизайн. Взагалі, я превьюмейкер та монтажер відео. Думаю що цей напрям знайде мене, а я знайду його. Також мене цікавить напрям тестувальника, та Front-End Девелопера. А второстепенне моє заняття це дропшиппінг)
Цікаво!
шкода шо всі сайти ти малюєш на англ((( а було би круто по укр
Точно! Я забуваю блін бо звикла робити так! Зроблю зроблю наступний раз ❤️
@@lizaprodesign дякую
Кльово що ти так добре знаєш, що турбує програмістів. Крок 8px спрощує програмістську «математику», тому що робить можливою генерацію стилів по формулі. Наприклад, відступи з кроком 8px дає 8, 16, 24, 32 в тд. Зручно.
Ну і крім того майже всі UI бібліотеки використовують крок в 4 або 8пх
Ви просто топ з усіх топів! Дякую дуже, бо сама не рискую пояснювати детально, просто допомогли ❤️