Эффект фигуры из объёмных форм в Figma. Практический урок от арт-директора
HTML-код
- Опубликовано: 28 июн 2024
- 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Эффект фигуры из объёмных форм в Figma
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
0:00 Вступление
1:04 Фрейм
1:44 Хедер
4:26 Элементы первого блока
6:11 Эффект фигуры из объемных форм
12:31 Карточки
13:37 Карта
15:06 Заголовок второго уровня
15:30 Блок с новостной подпиской
17:05 Текст описания
18:02 Заключение
🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
☀️ Написать менеджеру школы: t.me/uprocksale
ПОЛЕЗНОЕ ДЛЯ UX/UI-ДИЗАЙНЕРОВ:
Скачать бесплатно кириллические шрифты: www.fonts.uprock.ru/
Все самые полезные сайты и мокапы для дизайнеров: www.baza.uprock.ru/
Бесплатная онлайн-книга по UX/UI-дизайну: www.uprock.ru/education
Зарубежные статьи по UX: www.uprock.ru/all-articles
Видео-уроки по дизайну: t.me/uprockdesign
НАШИ СОЦ. СЕТИ:
Личный инстаграм Евгения: / zhenya.ninja (запрещен в РФ)
Крутые анимации из наших кейсов: dribbble.com/uprockpro
Лучшие сайты на Behance: www.behance.net/uprockawards
Заказать дизайн сайта или брендинг компании: www.agency.uprock.ru
#вебдизайн #figma #ux #uprock
🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Материалы к уроку - goo.su/aOoV9up
Спасибо большое за урок, Евгений! Вы великолепны 😊👍🏻🤩
Пожалуйста, Марина☺️ Спасибо за такой позитивный комментарий)
как же побыстрее хочется к вам в школу)
всегда смотрю ваши видео и развиваюсь в дизайне
Очень ждем)
Спасибо большое, что оценил подход школы)
Отличный макет)) понравилась работа с изометриком
Спасибо, Юлия🙏 Да, прикольное и в то же время простое решение)
Приветствую ,очень круто ,думаю сейчас над покупкой вашего курса
Привет, буду рад видеть у себя в школе) Уверен будешь приятно впечатлен уровнем обучения.
Женя, спасибо:)
Всегда пожалуйста👍
Спасибо!
Пожалуйста)
Евгений, очень полезный урок, если не сложно, не могли бы Вы поделиться, как подбирали для композиции отступы в автолейаутах и размеры при прорисовке аксонометрической декоративной формы? Просто чувством, исходя из опыта или все предварительно рассчитываете? Было бы интересно узнать)
Спасибо🙏 Просто чувством)
🤗🤗🤗👏👏👏🔥🔥🔥
Как расположить заголовок от нижней границы обложки чтобы показывались пиксели как у тебя? На 6:10
Салют! Для этого достаточно зажать Alt / Option
@@UPROCK разобрался, спасибо Жень.
не могу найти комментарий с ссылкой на фигму(( можете продублировать?
в видео говорится о закрепленном комменте, но у меня он, видимо, не отображается
Материалы к уроку - www.figma.com/file/LrfTuCJSblMTX9HIl7sNOw/05.04.2023---%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0-%D0%B8%D0%B7-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BC%D0%BD%D1%8B%D1%85-%D1%84%D0%BE%D1%80%D0%BC-%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0-(%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0)?type=design&node-id=75%3A3383&mode=design&t=TDe4Ejx5H4Syoz5C-1
а какими горячими клавишами пользуешься ?
Салют, Елизавета! Горячие клавиши сильно ускоряют работу, поэтому имеет смысл освоить все существующие комбинации. Дальнейшее использование уже индивидуальный момент, дело удобства и привычки
плиз обновите ссылку к материалам к уроку😩
Салют! Ссылка в закреплённом комментарии работает
Я на уроках труда в школе такую штуку делал из дерева😃
Как я тебя понимаю)
А вот тут без матюков(как на стриме), скучно, но информативно😊
Согласен, без матюков всегда скучнее, но везде нужен баланс)
Жень, только не "Light height", а "Line height")
Ой ну прям докопались)) тогда уж и не "группирировать", а "группировать")) Но если честно, пофиг на такие детали, материал полезный, спасибо большое!🫶
Спасибо, я действительно косноязычный, как раз потому что с детства дал себе установку что важнее суть чем ее форма. Поэтому чуть подзабиваю на форму) Но суть превыше всего
А зачем все иконки оборачивать в варианты?
Чтобы легко одним кликом менять при необходимости одну на другую. Но в основном, чтобы попрактиковаться работать с вариантами и применять их почаще, в конечном итоге это сильно сэкономит время)
А почему макет 1920, а не 1600? Как раньше ты советовал делать, брать 1600, а теперь только для больших десктопов выкладываешь
Привет потому что раньше контейнер на 1200 был более универсальным, а сейчас стало поровну широких мониторов и ноутбучных. Время идет и мои знания идут в ногу с ним)
+1
🙏
а вдруг это не вы делаете? а девочку заставляете? хотим видеть руки на мышке!
Главное, чтобы ты смог такое нарисовать)