Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и эффект портрета из текста
Вставка
- Опубліковано 8 чер 2024
- 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Продвинутый урок по Figma от арт-директора
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
0:00 Вступление
0:46 Сетка
1:15 Хедер
3:59 Заголовок
4:45 Описание
6:59 Создание эффекта портрета из текста
8:52 Заголовок второго блока
11:02 Карточки
15:40 Заключение
🚀 Ждём вас в школе 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
Материалы к уроку - www.figma.com/file/PnVcoSuMNcbx06o8Pyu1iH/21.04.2023---%D0%9F%D0%BE%D1%80%D1%82%D1%80%D0%B5%D1%82-%D0%B8%D0%B7-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%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=65-70&mode=design&t=XQJrmYuBQ733fPNP-0
Thanks for sharing
круто
Благодаря этим урокам уровень отрисовки работ вырос в десятки раз! :)
Спасибо большое, Сенсей)
Супер, очень рад это слышать, Анастасия👍 Всегда пожалуйста)
Огромное спасибо, хотелось бы больше такого контента!
Салют! На канале есть много уроков такого типа, а так же бесплатный курс с обратной связью по ссылке freeschool.uprock.ru/
спасибо за урок! крутой дизайн!
Пожалуйста☺️
Очень круто!!! Спасибо за подробные комментарии и урок! Буду ждать еще такие))
Всегда пожалуйста, рад, что урок понравился) В плейлисте ua-cam.com/play/PLgP78sMGTxfDPkmubjSFA3Nkl_lHCemGz.html есть много подобных уроков, и я регулярно выпускаю новые, так что следите за оповещениями 😉
@@UPROCK даа, буду смотреть и старые и новые!
Очень красиво и познавательно. Спасибо урок
Пожалуйста, Екатерина!👍
Продвинутый урок от начинающего дизайнера: чтобы заменить текст, но при этом оставить стиль, при вставке выделяете весь заменяемый текст и нужно нажать Ctrl+Shift+V / Cmd+Shift+V.
Да полезная фича, сам постоянно этим пользуюсь
Женя, привет, как всегда на уровне, спасибо!)
Салют, Денис! Пожалуйста👍
спасибо вам большое за бесплатные уроки
Всегда пожалуйста, Яна! 👍
Отличный урок! Спасибо, буду повторять)
Всегда пожалуйста, Людмила👍
@@UPROCK 😊 помучилась немного, и не так быстро как вы, но довольна результатом))
Спасибо за урок! Было бы здорово показать, если бы этот макет еще перенести на один из конструкторов, ту же Тильду со всеми адаптивами.
Перенеси самостоятельно) тут уроки по фигме, тильда отдельный инструмент, и если это всё переносить в прямом эфире этой займёт гораздо больше времени)
Может проще ко мне сразу в школу дизайна?) school.uprock.ru/middle
Наш тренер, Как всегда, топит крутыми Уроками горжусь им! Сенсей вы лучший!
Спасибо за такой позитивный отклик, Чингис🙏
Какое интересное решение- эти уголки 😍
Спасибо, что отметили, Юлия👍
Спасибо вам, Евгений, что щедро делитесь опытом.
Материалы к уроку - goo.su/BqmiiU
у меня не открывается ссылка
не открывается
Почаще бы подобные уроки) можно даже чуть посложнее что то
Запрос принят) Буду работать над этим👍
Крутые уроки
Спасибо, Вероника🙏
Подскажите, пожалуйста, как часто в UPROCK происходят скидки на бучение? дело в том, что я сейчас зашла на сайт и увидела, что в данный момент можно забронировать курс с очень хорошей скидкой, но пока у меня нет такой возможности. Сколько раз в год можно успеть попасть на выгодное предложение?
Привет, сейчас можно оставить заявку на бронь, а купить потом.
В ближайшее время планируем повышение цен.
@@UPROCK поняла, спасибо за ответ!)
Добрый день! Какую команду вы использовали для создания инстанс на 2:47? У меня иконки создаются как родительские компоненты, а не как дочерние.
Здравствуйте, Милена! Мы создаём родительские компоненты иконок, потом делаем их копии. Копии остаются в макете, а родительские компоненты переносим в ui-kit
что делать если нет функции spacing mode? ее как-то включить можно или доплачивать за нее нужно?
В новом обновлении вместо spacing нужно набрать интервал между объектами в автолейауте, а для space-between нужно набрать в поле интервала auto
Неожиданно так - обновилась фигма, некоторое время искала где теперь спейс битвин )), хотя там есть подсказка...
Да, там большое классное обновление, у меня в инсте есть пост про него👍
Евгений очень интересная личность!
Если вы увидите этот комментарий, прошу вас расскажите свою биографию, только честно 😅
Людям будет очень интересно, и самое главное услышать через какие трудности жизни вы прошли.
Счастья вам 🎉
Спасибо большое, Мансур. В будущем как-нибудь подготовлю, просто он реально очень длинный этот путь, тут надо морально собраться)
Подскажите, пожалуйста, я прохожу ваше обучение и получился затык именно на автолейаутах, я могу к кому-то обратиться чтобы мне объяснили?
Здравствуйте, Мария! Конечно, Вы можете задавать любые вопросы прямо куратору) Ещё можете пересмотреть урок про автолейауты в бесплатном курсе по фигме, здесь, на канале👍
15:30
Не совсем понятное движение, можно ведь просто увеличить внутренний (зеленый) компонент до 1880px, правильно ?
Да, всё верно
Хотелось бы что-то более функциональное, нежели 2 симпатичных блока. Составить CJM, собрать небольшой разветвленный сценарий, поработать с "полученными" метриками и тд
Привет, посмотри пожалуйста на канале много разных видео на разные запросы
У меня после обновления пропал параметр Inspect, что с этим делать?
Привет! Там теперь целый мод для этого функционала
В каком фотостоке вы берете такие качественные фото? очень интересно😮
Салют! В самых разных, у нас нет какого-то определённого стока. Качественные фото сейчас везде😉
Круто, а можно больше упор на моб версии сайтов, так как это более 80% трафика это телефоны, а в некоторых сферах 90%, и на мобильнике в 10 раз сложнее дизайн клепать, не смотря не то что там меньше пространства
Салют, Иван! Не могу с тобой согласиться ни по одному пункту🤷♂️
Во-1х откуда у тебя такая статистика по трафику сайтов? Во-2х адаптивы практически всегда представляют собой сильно упрощенную версию десктопа в силу целого ряда объективных причин
@@UPROCK Статистику можно взять с нескольких источников, желательно свежих. Там наглядно и понятно можно увидеть, весь мир перешел в мобильный интернет еще с начала 2012 года начался активный переход. Такие сфере как би ту би еще более менее в приоритете. Также для создателей контента и работы, десктоп нужен. Но сферы для потребителей уже все в мобильном мире. Трафик смотрел в разных сферах с 2013 года по 2022 до начало войнушки, затем пришлось завязать с маркетинговым агенством. Сейчас другие проекты и там трафик 80% это мобилка. Но что еще важно и конверсии тоже с мобилок больше чем с десктопа. То что на мобилке все упрощено, так это и понятно, но там в 10 раз сложнее все делать в этом и фишка, так как на десктопе там 10034324 вариантов дизайном можно запилить, а на мобилке будешь продумывать каждый пиксель. Просто многие делают акцент на том что проще, а забубень отличный сайт на мобилке, там не только дизайн нужен, скорость - основная метрика, простота, удобство и тд. Вообщем я к тому что хочется больше мобильных сайтов видеть в плане дизайна.
да и дизайн же делается для чего-то для продаж например, а не для красоты, а то круг по середине и есть идеальный дизайн, только нахрена он нужен :)
Подбухнул мальца.
Я?) Или ты во время просмотра?)
@@UPROCK Вы на видосе немного не такой как обычно на остальных видосах. Может жарко.
Наверное @judgedreed5257 как и я на скорости 0,5 смотрел !)))иначе я просто не успевала! Женя Супер! Спасибо за урок!!! Обожаю!