Эффект фигуры из объёмных форм в Figma. Практический урок от арт-директора
Вставка
- Опубліковано 1 чер 2024
- 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: freeschool.uprock.ru/
Эффект фигуры из объёмных форм в 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
🔥 Бесплатный курс по дизайну с бесплатной обратной связью: freeschool.uprock.ru/
Материалы к уроку - goo.su/aOoV9up
Сидишь на работе, офигеваешь от папуасов, и думаешь - жизнь боль. А тут пуш на ютуб - любимый апрок. Ты выдыхаешь, и думаешь - ну кто еще спасет мой мозг, если не они. Спасибо! 🤟
Класс, что порадовал тебя) А что за папуасы, что я пропустил?
@@UPROCK папуасы - это те, кто до сих пор высекает на камнях наскальную живопись, не приемлет ничего нового, а в ответ на попытки их просветить, развить и прокачать мозг - швыряются в тебя бананами 🤣 у меня на основной работе таких много ) И если ты их пропустил - ты счастливый человек, значит рядом с тобой их нет ) и это очень круто )
Таджики
Спасибо большое за урок, Евгений! Вы великолепны 😊👍🏻🤩
Пожалуйста, Марина☺️ Спасибо за такой позитивный комментарий)
как же побыстрее хочется к вам в школу)
всегда смотрю ваши видео и развиваюсь в дизайне
Чем скорее решишься, тем лучше) в школе круто, я только начала учиться. До этого долго не думала - удачного момента не бывает, мы его сами создаём)) цена обучения в школе не так высока за знания, перспективы и тд. Мы вот с коллегами, к примеру, собираемся на ежегодную конференцию по e-learning, туда билет стоит 100 тыс. с человека. Просто, чтобы прийти и один-два дня послушать спикеров с их лучшими практиками в электронном корпоративном обучении. Причём, часто липовыми (никто не скажет, что на самом деле работает, а что нет). А здесь годичное обучение с сопровождением, кучей плюшек за эти же деньги. ❤
Очень ждем)
Спасибо большое, что оценил подход школы)
Отличный макет)) понравилась работа с изометриком
Спасибо, Юлия🙏 Да, прикольное и в то же время простое решение)
Приветствую ,очень круто ,думаю сейчас над покупкой вашего курса
Привет, буду рад видеть у себя в школе) Уверен будешь приятно впечатлен уровнем обучения.
Женя, спасибо:)
Всегда пожалуйста👍
Евгений, очень полезный урок, если не сложно, не могли бы Вы поделиться, как подбирали для композиции отступы в автолейаутах и размеры при прорисовке аксонометрической декоративной формы? Просто чувством, исходя из опыта или все предварительно рассчитываете? Было бы интересно узнать)
Спасибо🙏 Просто чувством)
Спасибо!
Пожалуйста)
не могу найти комментарий с ссылкой на фигму(( можете продублировать?
в видео говорится о закрепленном комменте, но у меня он, видимо, не отображается
Материалы к уроку - 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
Как расположить заголовок от нижней границы обложки чтобы показывались пиксели как у тебя? На 6:10
Салют! Для этого достаточно зажать Alt / Option
@@UPROCK разобрался, спасибо Жень.
а какими горячими клавишами пользуешься ?
Салют, Елизавета! Горячие клавиши сильно ускоряют работу, поэтому имеет смысл освоить все существующие комбинации. Дальнейшее использование уже индивидуальный момент, дело удобства и привычки
плиз обновите ссылку к материалам к уроку😩
Салют! Ссылка в закреплённом комментарии работает
🤗🤗🤗👏👏👏🔥🔥🔥
Я на уроках труда в школе такую штуку делал из дерева😃
Как я тебя понимаю)
Жень, только не "Light height", а "Line height")
Ой ну прям докопались)) тогда уж и не "группирировать", а "группировать")) Но если честно, пофиг на такие детали, материал полезный, спасибо большое!🫶
Спасибо, я действительно косноязычный, как раз потому что с детства дал себе установку что важнее суть чем ее форма. Поэтому чуть подзабиваю на форму) Но суть превыше всего
А вот тут без матюков(как на стриме), скучно, но информативно😊
Согласен, без матюков всегда скучнее, но везде нужен баланс)
А зачем все иконки оборачивать в варианты?
Чтобы легко одним кликом менять при необходимости одну на другую. Но в основном, чтобы попрактиковаться работать с вариантами и применять их почаще, в конечном итоге это сильно сэкономит время)
А почему макет 1920, а не 1600? Как раньше ты советовал делать, брать 1600, а теперь только для больших десктопов выкладываешь
Привет потому что раньше контейнер на 1200 был более универсальным, а сейчас стало поровну широких мониторов и ноутбучных. Время идет и мои знания идут в ногу с ним)
+1
🙏
а вдруг это не вы делаете? а девочку заставляете? хотим видеть руки на мышке!
Главное, чтобы ты смог такое нарисовать)