Продвинутый урок Figma. Эффект в стиле Halftone, автолейауты и компоненты

[@UPROCK]

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot Материалы к уроку - www.figma.com/file/ovNJQFUukO4dTJFStJonq2/Halftones-%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=7%3A249&mode=design&t=9H3tP9SuNPwfqomf-1

[@kayodedesign]

Thanks for sharing. Do you still plan to create an additional YT channel for English speakers? Something similar to what "The Bible Project" did.

[@UPROCK]

@@user-nb3qq2yq5l теперь да, следующий урок на следующую неделю

[@UPROCK]

@@kayodedesign ok, order accepted)

[@kayodedesign]

@@UPROCK Thank you so much!

[@alevi_21]

Евгений, отличный формат) Было очень полезно послушать про использование компонентов и автолейаута. Хотелось бы в следующих уроках более сложные примеры карточек, таблиц или прочих элементов с помощью этих вещей, уверен, многим новичкам и не только это пригодится)

[@UPROCK]

Принято!

[@ggyari5389]

Евгений, спасибо за ваш формат, невероятно полезно! Было бы круто, если бы вы в видосе подключили кейлоггер, чтобы можно было просматривать какие горячие клавиши вы нажимаете. Надеюсь вы читаете комментарии 🙂

[@UPROCK]

Салют! Строго между нами: видео записано не одним дублем, есть и немного магии монтажа) Если рассчитывать на кейлоггер, могут потеряться важные моменты, поэтому более целесообразно акцентировать внимание на плашках с хоткеями. Ничего необычного кроме хоткеев на этих плашках, в видео я не нажимаю👍

[@colyntiva]

Спасибо огромное! Формат очень крутой, четкий и понятный. Конечно, хотелось бы, чтоб такие дизайны были в интернете) Было бы классно узнать что Вы дальше делаете с дизайном, отправляете верстальщику или сами верстаете в Tilda? И как людям удобнее заказывать дизайн с версткой уже или без ?

[@UPROCK]

Всегда пожалуйста, Валерия! Будем вместе работать над этим) Мы сами верстаем в вебфлоу. Клиентам, у которых есть свои верстальщики, удобнее заказать только дизайн, всем остальным удобнее вместе с версткой, но вообще это индивидуальный момент.

[@eitanadam]

Шикарно, спасибо огромное)) И да, просто мечтаю о полном, и максимально грамотном уроке о способах построения сайта ПОЛНОСТЬЮ на auto-layout Как правильно сделать Header и Footer с его использованием, и конечно идеальные- адаптивные карточки товара и.т.д

[@UPROCK]

Привет! Всегда пожалуйста) Заказ принят👍

[@qambrosyeva5662]

@@UPROCK плюсую к адаптивным карточкам :) вроде видосы разные есть, но хочется еще тут послушать

[@mental_sketches]

Евгений, спасибо! Момент: почему ты используешь шейпы для фона карточек и кнопок, а не всё собираешь на автолоях? Или это дело привычки просто?)

[@UPROCK]

Это я ступил)

[@oxanakrylova6535]

Женя, привет! нам новичкам технические вопросы по ФИГМЕ - hot topic! Лично мне не хватает этого. На YT много такого, но я им не очень доверяю, в отличие от тебя. Присоединяюсь к вышесказанным комментариям, о том, что нужны знания по автолейаутам и таблицам, компонентам. Спасибо за это видео!

[@UPROCK]

Привет! Очень рад, что попал в точку с новым форматом) Обязательно буду дальше развивать его👍

[@hannehai]

Урок шикарный, очень понравился! Теперь уже точно не возникнет ни у кого вопросов с Auto Layout😍 Благодарю!😇

[@UPROCK]

Всегда пожалуйста, Анна, очень рад☺️

[@en_larionova]

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

[@UPROCK]

Привет, Елена! Спасибо🙏Да, теперь эта рубрика будет регулярной) Следите за оповещениями

[@yuliyadesigner]

Спасибо за видео, смотрю, вдохновляюсь) Я auto layout делаю чуть по другому. Фон на карточки и кнопки не прямоугольником, а прям паддинги задаю в основном блоке автолэйаута, добавляя ему заливку и скругления🤓

[@UPROCK]

Всегда пожалуйста) Да, так тоже можно, я уже на монтаже добавил об этом плашку на 6:00 )

[@Kadgart]

Дизайн конечно бомбический ,но у меня "мозг сломался":). Все говорят что контейнер должен быть 1.140 пикселей ,так как выше 1.200 появляется горизонтальный скрол, а тут 1860 пикслесей . Как так ...если что я только учусь и конкретно вопрос о размере " области контента" меня парит в первую очередь .

[@UPROCK]

Для реальных рабочих проектов лучше начинать с контейнера 1200, для демонстрационных и фестивальных проектов контейнер может быть любым

[@rossary6972]

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

[@UPROCK]

Спасибо за развернутый комментарий🙏 На следующей неделе выйдет ещё один такой урок)

[@iamyourbro]

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

[@UPROCK]

Салют! На этом канале есть мой бесплатный курс по фигме kzbin.info/aero/PLgP78sMGTxfBnHmM4UE1KM8R7MdzFdLox

[@Lemma-wr8oq]

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

[@UPROCK]

Салют! Приношу извинения за неудобство, попробуйте полную ссылку www.figma.com/file/ovNJQFUukO4dTJFStJonq2/Halftones-%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)?node-id=7%3A249&t=oZKLnV33a4aBr9kh-1

[@zhenya_11111]

Очень здорово, что подробно! спасибо огромное Женя за такое количество классного обучающего контента 👍👍👍 Еще очень интересно как ты работаешь с референсами и мудбордом перед тем как собирается подходящая концепция 😊

[@UPROCK]

Спасибо за комментарий) Обязательно в каком-нибудь из следующих видео покажу

[@duver2957]

Крутой урок, именно такой формат мне зашел, хотелось бы побольше видео уроков в таком формате!

[@UPROCK]

Привет! Спасибо за отзыв) Да, теперь это постоянная рубрика)

[@Инкогнито-и1я]

Как использовать материалы?

[@UPROCK]

Привет! Создай новый файлик в фигме и скопируй материалы в него. Далее можно будет нарисовать макет, шаг за шагом повторяя действия из видео

[@apppolllo]

Спасибо!❤‍🔥 Было бы интересно послушать про базовую анимацию

[@UPROCK]

Пожалуйста☺️ Заказ принят, посмотрим что можно сделать)

[@nikei7717]

Супер, спасибо большое! Еще конечно

[@UPROCK]

Пожалуйста👍

[@eugennaumov1860]

Лайк!

[@UPROCK]

🙏

[@Алиса-ь4ы5ы]

спасибо бро

[@UPROCK]

Всегда пожалуйста 🤛😉

[@duver2957]

у меня в последней карточки когда вставляю текст "Wintering: The Power of Rest and Retreat..." и применяю к нему стиль "H_3", текс становиться в три строки и наплывает на цену, как это можно исправить?

[@UPROCK]

Салют! Попробуйте в параметрах текстового слоя нажать на троеточие и в строке Resizing выбрать последнюю опцию, Trunkate text. В таком случае, весь текст, выходящий за пределы контейнера будет автоматически сокращаться троеточием

[@mila_web]

Очень понравился данный формат с материалами к урокам, повторяю за вами, учусь, тренируюсь. Многому полезному научилась у вас. И хочется продолжения) Будут ли ещё подобные уроки? ❤❤❤

[@UPROCK]

Салют, Людмила! Очень рад, что видео дают Вам столько пользы👍 Больше подобных уроков можно найти в плейлисте "Уроки по UX/UI дизайну" на этом канале, и да, я регулярно выпускаю новые, подпишитесь на уведомления, чтобы не пропустить)

[@LeonidasFernandes24]

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

[@UPROCK]

Пожалуйста) Принято, сделаю об этом один из следующих уроков)

[@ВикторияЧернякова-ч6й]

Спасибо за урок) Обложка понравилась, надо повторить эффект, интересно смотрится очень)

[@UPROCK]

Пожалуйста, Виктория! Попробуйте, делается просто и выглядит круто) Можно ещё с плагином поэкспериментировать и получить разные варианты

[@iuliagoncharuk8812]

Женя, спасибо большое за такой урок! Сразу захотелось ещё)) Интересно было бы ещё узнать как появилась идея именно такого дизайна под этот проект.

[@UPROCK]

Пожалуйста ☺️ На самом деле в первую очередь хотелось отразить тематику, все остальное было уже следствием)

[@blackgorilla]

Класс, спасибо! Было бы круто увидеть продолжение о том, как сделать responsive design прямо в фигме, на примере этого же макета.

[@UPROCK]

Салют, Артур! Принято, посмотрим что можно сделать с этим)

[@Аида-м1ы]

Супер урок!!! Много что узнала, особенно автолейаут 💯💯💯

[@UPROCK]

Привет! Спасибо🙏 Автолейаутом мы будем активно пользоваться во всех уроках, но по многочисленным запросам будет и специализированное видео с упором именно на него😉

[@ЛилияК-п3к]

Почему конкретно здесь вы рисуете во фрейме 1920? А кураторы на курсе то 1440, то 1566 просят исправить макет?

[@UPROCK]

Привет. Потому что это разрешение для больших мониторов. 1440 для ноутбуков, которое обязательно нужно рисовать, для больших мониторов уже по ситуации.

[@pixtar2740]

боже, ты делаешь не вероятные форматы!!! спасибо❤

[@UPROCK]

Всегда пожалуйста, сын мой⚡️(шучу, это по-прежнему Женя)

[@alexandralukas]

Евгений, ты просто лучший, эти уроки на вес золота

[@UPROCK]

Спасибо☺️

[@АлександрОрлов-ш3ж]

Спасибо большое, очень круто! По больше таких уроков.

[@UPROCK]

Пожалуйста, Александр! да, теперь буду делать такие регулярно👍

[@timur.suleymanov]

Чувак, ты лучший! Респект за труды

[@UPROCK]

Спасибо🙏

[@Akopyan_s]

Большое спасибо, супер контент !

[@UPROCK]

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

[@Инкогнито-и1я]

Как скачать материалы?

[@UPROCK]

Привет! Просто перейти по ссылке, выделить и скопировать все материалы, создать свой файл и вставить в него скопированное

[@АнтонБобков-н1ъ]

🔥🔥🔥 UPROCK 🔥🔥🔥

[@UPROCK]

☺️☺️⚡️⚡️