РОБИМО ДИЗАЙН РАЗОМ + файл у подарунок ( Auto Layout, Маски, Figma, плагіни…)
HTML-код
- Опубликовано: 22 май 2024
- Вітаю на моєму каналі,
Час поповнити своє портфоліо !
Сьогодні у відео зробимо класний сайт в Figma разом!
Крок за кроком поясню кожну деталь : Як створити Frame і додати гріди? А створити обкладинку в Figma ? Ієрархія закоговків (або що таке h1, body copy..), чому шрифти потрібно брати з Google Font і де шукати зображення для своїх дизайнів? Стилі, header, hero section і як зробити стильні елементи «прикраси» за допомогою масок?
Про це та не тільки - у відео !
Приємного перегляду !
З любов‘ю,
Ліза
Файл чекає на тебе тут - lizkhl?igshid=Y...
📍Відео-пояснення та конспекти з UX законами
(+ ще більше РЕАЛЬНИХ прикладів) тут :
/ lizkhl
Та багато іншої крутої інформації, щоб допомогти тобі вирости, як дизайнер!
~ SOCIAL ~
▪️ІНСТАГРАМ (@LIZKHL) : lizkhl?igshid=q...
▪️ЗАВАНТАЖИТИ АПЛІКАЦІЮ НАШОГО СТАРТАПУ: linktr.ee/vrpartments
▪️ВЛОГОВИЙ КАНАЛ: / lizakhlopkova
▪️НАШЕ ДИЗАЙН КОМ’ЮНІТІ : t.me/liza_pro_design
▪️ДИЗАЙН ЧЕЛЕНДЖ В ТІКТОК: www.tiktok.com/@designerliza?...
00:00 - Вітаю на каналі !
00:40 - сюрприз для тебе !
01:30 - отримати файл - @lizkhl
01:56 - Обкладинка в Figma
02:32 - Frame i Grids в Фігмі
03:11 - Елементи для заднього фону (Auto layout, Frame ,Figma )
06:43 - Шрифти - чому з Google Font ?
07:40 - Ієрархія заголовків, робимо h1
09:03 - Ієрархія заголовків, Body Copy
10:50 - Стилі (+ номери кольорів)
11:56 - Робимо кнопку в Figma
13:42 - Вирівнюємо
14:59 - Header в Figma
16:29 - Секція з кейсами (hero section)
21:19 - Бути обережним з Auto Layout (+ Absolute position )
23:33 - Як з фрейму зробити групу ?
24:20 - Прикраса для дизайну ( Auto Layout, маски, плагін unsplash )
29:42 - Маска
30:45 - Де брати фото для своїх дизайнів ?
32:24 - Прикраса для дизайну №2 ( Auto Layout, маски, плагін unsplash )
37:47 - Чому я обираю dribbble?
39:15 - Дякую за перегляд !
#uxuiдизайн #uxui #фріланс
Як зробити дизайн сайту в Figma? Дизайн для портфоліо в Figma? Як працювати з масками в Figma? Auto Layout i Absolute position - як використовувати в Figma? Шрифти для дизайну? Ієрархія заголовків ( h1, Body Copy..)
Щоб отримати файл:
1) підписка на інстик @LIZKHL
2) в дайрект «+»
❤Я на Patreon - www.patreon.com/lizkhl
👾 інста - instagram.com/lizkhl/
📹 Канал про життя - ruclips.net/user/LizaKhlopkova
📱tg канал - t.me/liza_pro_design
Лізо, щиро тобі дякую! Я тільки вчора думала про те, що хочеться подивитися від тебе такий відео-урок. Ти дуже мене надихаєш.
ой клас!!! Дякую за підтримку ❤️
Дуже корисне та інформативне відео! Дякую!
Дякую за підтримку ❤️
Лиза, спасибо за видео! Огонь! делайте такие видео чаще)
Дуже дякую 😍
Дякую за відео, було дуже цікаво.
Люблю ваш канал.
Ви завжди так на позитиві і надихаєте все більше дизайнити)
Дяяяякую! Так приємнооо❤️
Дякую Ліза,все зрозуміло,корисно та цікаво🤗❤
Дякую за підтримку ❤️
Какое красивое и информативное видео у вас получилось, спасибо вам большое, Лиза я вас так люблю и очень вам благодарен - что помогаете новичкам развиваться в данном направлении делясь своим опытом 💋💋💋💋💋💋
Дякую,так приємно ❤️
Рубрика супер😍😍😍, дуже дякую
Я Вам дякую за підтримку ❤️
По більше б дизайнів з ісходниками, великих та довгих сайтів. Це цікавіше, ніж одноекрвнні дизайни ))
Super video!!!❤❤❤
Дякую дуже ❤️
Супер))) Підкажіть, як ви зберігаєте для dribble ? Бо викладаю і якась погана якість..
Дуже корисне і цікаве відео, ти топ!
Ви - топ!!!❤️ Дякую дуже за підтримку
Дякую за відео ❤ Повторюю, але вже без файлу, бо не спрацювало по інструкціі( Підкажіть, Зе можна отримати посилання на файл?👉🏻👈🏻
Дуже цікаво, дякую що ділишся! А ти перейминовуєш layers перед тим як віддавати файл чи програмістам все одно? 😊
По різному, чесно, те що гарно в авто леяутах, не змінюю назви. Якщо там наприклад командою з дизайнерами, то роботу чищу, якщо наприклад з програмістом, то можу не так прям ретельно
Дуже залежить ☺️
В деяких відео радять, щоб всі розміри і відступи були кратні 4. На скільки це важливо?
Дуже дякую вам за відео! Скажіть, у вас є місця з консультаціями на червень-липень?
Дякую за підтримку ❤️ Маю надію, готую дуже прикльне для Вас на цю тему
@@lizaprodesign чекатимемо 🫶🏻
до чого ж ти крута😎
Дяяяяяякуууююю!❤️
Дякую за корисну інформацію😍
Підскажи будь ласка, коли використовуємо нструмент skale, то значення розмірів стають не цілими, на приклад, 18.71 пікселів. Чи не стануть такі розміри проблемою для розробника, якому ми передаємо макет? якщо так, то як швидко зробити всі розміри цілими? можливо є якісь секретики? дякую за увагу☺
Привіт! Треба шоб перший елемент був рівним і при збільшенні зависаємо шифт, тоді усе буде в тих самих пропорція збільшуватись) якщо забули, то просто виправити це! І по трохи вивчати авто лаяут, тоді Все завжди буде Рівне ❤️
Ліза привіт. По-перше дякую тобі за чудове відео, у тебе кожне відео дуже інформативне, та цікаве 💯 А тепер, по-друге, я купила собі такий мікрофон як у тебе, але шуми при записі присутні. Напиши будь ласка, у якій програмі робиш запис. ПЛІЗ
Дякую дуже ❤️ Насправді я ніяк не обробляю, знімаю у прозі obs або якщо не записувати екран то - garage band, кручу цю штучку позаду на режим коли тільки вперед приймає звук і сам звук на повну
@@lizaprodesign дуже дякую, що відповіла 💟
❤
❤️
Ліза, ти крута! Дякую за цей канал! Допоможіть чому не виходить розмістити текст на ці прямокутні елементи? Не можу ніяк з цим розібратись! І коли розміщую текст на ці елемент колір шрифта стає таким же, як і колір цих елементів.
Дуже дякую!❤️ Хм, можливо ви елемент зробили маскою випадково?
В мене не вийшло в еліпс при вставлені картинки зберегти колір фону еліпса 😢
Привет ! Важен ли возраст для работы в области дизайна ?
Привіт, ні)
А можна буде цю роботу додати в портфоліо? Читиеба туди додати свій контент, і змінити трохи все?
Якщо казати про мене - мені ок, я розумію коли виставляю роботи тут, що потім їх можуть повторювати. Але беріть під увагу, що відео бачили багато людей і вори це побачать також, тому я раджу замінити, щоб відрізнялось, щоб роботодавці/клієнти сприймали це за Вашу роботу
@@lizaprodesign Лізо, дякую за відповідь)
+