Як задизайнити класний сайт з трендовою меш градієнт анімацією у Figma? Як зробити горизонтальне прокручування? А вертикальне? А скріншот усієї сторінки сайту? А як там компоненти? А Auto Layout? Вітаю, ти на каналі «Ліза про дизайн»!♡ У цьому відеоуроці ми разом задизайнимо крутезний сайт для бренду косметики „Florence by Mills” . Навчимося робити scrolling, скріншот цілого сайту, ефектну анімацію…. Поради для початківців , пояснення технічних моментів (сітки,frame, відступи,групи…) і багато багато натхнення! Приємного перегляду! Вперед досягати успіху ! З любов‘ю, Ліза Я на Patreon - / lizkhl круті конспекти, актуальні відео-уроки та персональний колл зі мною,щоб допомогти тобі вирости, як UX/UI дизайнер! Наше дизайн community у ТГ каналі -
ДИЗАЙНИМО РАЗОМ ( УРОКИ В FIGMA ) - • ДИЗАЙНИМО РАЗОМ ( УРОКИ В FIGMA ) P.s. Постав вподобайку і підпишися ! SOCIAL ✩ insta (@LIZKHL) :
https://instagram.com/lizkhl?igshid=q... ✩ startup :
✩ скачати нашу аплікацію:
✩ особистий канал : / lizakhlopkova ✩Telegram канал :
FAQ ✩ Скільки років? 23 ✩ Хто я? co-founder стартапу VRpartments, де я Chief Product Officer, а також Product Designer в Торонто ✩ Де живу ? Краків, Польща #uxui #uxuiдизайн #figma 00:00 - Привіт! 00:30 - Що ми будемо робити? 00:35 - Хто я ? 01:01 - Поради початківцям 02:30 - Сітки 02:56 - Скріншот цілого сайту GoFullPage 03:49 - Frame в Figma 04:15 - Кольори 04:36 -AutoLayout і тексти 05:33 - Відступи 05:50 - Посилання в описі ! 06:25 - Лого для сайту 07:00 - Дадамо «магії» в сайт 08:15 - Підпишись! 08:47 - Тексти - h1, body copy 09:35 - Call to action 10:51 - Додаємо логотип в групу 11:09 - Про мій процес роботи 11:38 - Вивчайте стиль бренду 12:22 - AutoLayout і кнопки 12:42 - Текст, кнопки, відступи і AutoLayout 13:22 - Сайти - це не складно 13:45 - Створюємо секції 15:24 - Додаємо зображення в секції 15:58 - Чому варто дизайнити на білому фоні 16:42 - Підрівнюємо відступи 16:59 - Секція з продуктом і ціною 18:38 - Горизонтальне прокручування (horizontal scrolling) 20:21 - Дизайнимо останню секцію 25:05 - Футер (footer) 26:38 - Робимо крутезну mesh gradient анімацію в Figma 29:14 - Підсумки 29:58 - Дякую за перегляд!