Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и необычный эффект для фото

[@UPROCK]

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot Материалы к уроку - www.figma.com/file/ibTtogH0m6Xh8EibWD3BvO/25.04.2023---%D0%AD%D1%84%D1%84%D0%B5%D0%BA%D1%82-%D0%A0%D0%B0%D1%81%D1%82%D1%8F%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%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=31%3A332&mode=design&t=os3bAeHTrb77qkdy-1

[@TimkaRopynall]

Благодарочка, сильно кайфанул от процесса)

[@UPROCK]

Пожалуйста, очень рад)

[@sonygrachevsky8898]

С вашими уроками, я перестаю бояться профессии UX\UI дизайн, благодарю за практический опыт которым вы делитесь! Мне помогает бороться с чувством гиперперфекционизма и тревоги связанной с дизайн-проектами~

[@UPROCK]

Спасибо, что поделились! Очень рад, что видео так помогают☺️

[@ИнгаХлущевская-л6к]

Отличные видеоуроки! СПАСИБО!

[@UPROCK]

Пожалуйста, Инга☺️

[@terrypratcher8879]

Спасибо за видео, очень хочу на обучение, надеюсь когда-нибудь смогу себе это позволить 👌🏻Еще раз спасибо за видео , удачи и успехов в работе 🙌

[@UPROCK]

Салют! Всегда пожалуйста👍Уверен, рано или поздно возможность найдётся) Буду Вас ждать!

[@Sebastian__Pereirra]

Женя ты как всегда знаешь что надо )

[@UPROCK]

В отношении веб-дизайна, как минимум)

[@karinafrolova709]

Привет, впервые увидела Ваше видео и я под впечатлением !!! Очень здорово и очень интересно ! Хотела спросить по поводу направляющих , как Вы выбираете к какому сайту какие направляющие нужно ставить и есть ли у вас список с координатами какие вообще направляющие есть и какими Вы сами пользуетесь ? Заранее благодарю Вас )

[@UPROCK]

Здравствуйте, Карина! Очень рад, что видео Вам понравилось👍 При помощи направляющих я обозначаю сетку будущего макета: слева и справа соответственно края будущего контейнера (в видео я проговариваю, что буду использовать 1860рх) и направляющая по центру помогает держать композицию в равновесии. В этих уроках я стараюсь показать максимальное количество эффектных и интересных решений, поэтому использую "фестивальные" варианты контейнера. Для работы, как показывает практика, самым удобным вариантом остаётся фрейм 1600рх с контейнером 1200рх - такое решение позволит закрыть максимум настольных устройств от больших мониторов до ноутбуков. А вообще, ответ на вопрос выбора любых решений для конкретного случая - по-разному, исходя из контекста😉 Подогнать все случаи под один список не получится

[@karinafrolova709]

@@UPROCKБольшое Вам спасибо ))) 🙏

[@alex_pivko]

Как всегда круто

[@UPROCK]

Спасибо🙏

[@scr1ptex446]

Подскажите плиз. Как сделать такие углы которые на главном фото в Webflow? Я имею ввиду внутреннее скругление

[@UPROCK]

Салют! В новой панели разработчика можно получить код для вставки svg-файла с такими скруглениями

[@scr1ptex446]

@@UPROCK Привет! Спасибо за подсказку. Я пошел немного по другому пути. Собрал все на DIV блоках)) Сложнее вариант, но рабочий. Если интересно, могу показать готовый вариант.

[@Eva-u1z]

Подскажите пожалуйста как скопировать флаги и правильно вставить в экземпляры компонента?

[@UPROCK]

Салют! Флаги у нас добавлены текстом (эмодзи), т.е. нужно просто 2 раза кликнуть на текстовый блок в экземпляре компонента и заменить текст

[@sergiop.7596]

Обложка выглядит классно, но как её заверстать, чтобы она влезала целиком на экраны с меньшим разрешением?

[@UPROCK]

Салют! Сейчас тут грубо говоря две колонки, при меньших разрешениях будет одна и блоки расположатся друг под другом, как обычно

[@andreas8999]

практиковать прям по ссылке можно где материалы к уроку? правильно понял?

[@UPROCK]

Салют! Чтобы практиковать, потребуется скопировать материалы по ссылке в свой файл

[@Sleepwalkeeerrr]

У меня в Auto layout нет настройки Spacing mode, header выходит за границы рабочей области. Подскажите как быть?

[@UPROCK]

Салют! С момента выхода видео фигма успела обновиться: при попытке задать spacing mode всплывёт подсказка о том, что данную функцию заменил размер горизонтального пробела (horizontal gap), чтобы задать spacing mode необходимо выставить в этом поле auto

[@andreas8999]

Подскажите плиз с квадратами этими почти в конце?) сабстракт селекшн делаю а он убирает низ мне оставляя квадрат верхний а у вас наоборот верх пропадает а низ видно. Не понял вообще))

[@andreas8999]

Блин концовка тяжелая попалась. Один вопросы 😂а карточка с этим эффектом квадратом при выделении для компонента она не вся выделяется а часть(у вас вся) Что то не так сделал хотя пытаюсь по 10 раз проверять. . Так понимаю надо убрать абсолютное позиционирование же после того как в блок текст добавили??

[@UPROCK]

Привет! Достаточно просто поменять слои в сабстракт селекшн местами)

[@andreas8999]

@@UPROCK да кстати сделал сам😂крутил мутил пересматривал) спасибо , плюс опыт

[@andreas8999]

не получается взять материалы) не вытаскиваются почему то , может я что то не так делаю , подскажите плиз

[@UPROCK]

Просто выделите их, скопируйте, создайте новый файл у себя в драфтах и вставьте все материалы. После этого, можете приступать к рисованию)

[@andreas8999]

@@UPROCK я просто по очереди их копирую и вставляю к себе в макет))) по ходу работы так скажем. Вроде четко - спасибо. Почаще бы такие уроки

[@eugennaumov1860]

Мой лайк!

[@UPROCK]

Спасибо🙏

[@mnogozadachni]

У меня не получается заменить картинки с названиями модных домов с дубликатах компонентов, подскажите пожалуйста, что не так делаю и что вообще делать надо(((

[@UPROCK]

Салют! Попробуйте копировать свойства через меню пкм (Copy/Paste properties)

[@Sleepwalkeeerrr]

В материалах к уроку отсутствует текст заголовка.

[@UPROCK]

Спасибо за внимательность, непременно исправлю этот момент

[@АлександрГерцен-э2ъ]

К сожалению у меня не все функции есть, спайс в авто лаяюте нету при объединении

[@UPROCK]

Да, часть инструментов изменилась, но в основном в сторону упрощения - обратите внимание, в интерфейсе должны быть подсказки по внесённым в функционал программы изменениям

[@АлександрГерцен-э2ъ]

@@UPROCK у меня бесплатная версия фигмы

[@АлександрГерцен-э2ъ]

@@UPROCK ещё у меня subtruck selection не скругляет как на видео, и я не понимаю почему так происходит когда делаешь всё как на видео

[@UPROCK]

Материалы к уроку - clck.ru/34criU

[@zist_l]

Воу! Вы делаете сайты на арабском?!

[@UPROCK]

Привет, да можем сделать на арабском)

[@zist_l]

@@UPROCK Сверхлюди!

[@matvenoid]

👍👍👍

[@UPROCK]

🙏🙏🙏

[@usernomber1]

❤

[@UPROCK]

☺️