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

Поділитися
Вставка
  • Опубліковано 10 лис 2024

КОМЕНТАРІ • 76

  • @UPROCK
    @UPROCK  Рік тому +7

    🔥 Бесплатный курс по дизайну с бесплатной обратной связью: 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
      @kayodedesign Рік тому +1

      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
      @UPROCK  Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому +2

      @@kayodedesign
      ok, order accepted)

    • @kayodedesign
      @kayodedesign Рік тому

      @@UPROCK Thank you so much!

  • @alevi_21
    @alevi_21 Рік тому +18

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

    • @UPROCK
      @UPROCK  Рік тому +4

      Принято!

  • @en_larionova
    @en_larionova Рік тому +3

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

  • @hannehai
    @hannehai Рік тому +3

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

  • @ggyari5389
    @ggyari5389 Рік тому +4

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

  • @duver2957
    @duver2957 Рік тому +1

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

  • @eitanadam
    @eitanadam Рік тому +3

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

    • @qambrosyeva5662
      @qambrosyeva5662 Рік тому

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

  • @rossary6972
    @rossary6972 Рік тому +2

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @oxanakrylova6535
    @oxanakrylova6535 Рік тому +2

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @alexandralukas
    @alexandralukas Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

      Спасибо☺️

  • @pixtar2740
    @pixtar2740 Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @zhenya_11111
    @zhenya_11111 Рік тому +2

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

    • @UPROCK
      @UPROCK  Рік тому

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

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

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @Аида-м1ы
    @Аида-м1ы Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @mila_web
    @mila_web Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @iuliagoncharuk8812
    @iuliagoncharuk8812 Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

  • @yuliyadesigner
    @yuliyadesigner Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @apppolllo
    @apppolllo Рік тому +1

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @nikei7717
    @nikei7717 Рік тому +1

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

    • @UPROCK
      @UPROCK  Рік тому

      Пожалуйста👍

  • @blackgorilla
    @blackgorilla Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому +2

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

  • @colyntiva
    @colyntiva Рік тому +6

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

    • @UPROCK
      @UPROCK  Рік тому +3

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

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

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @iamyourbro
    @iamyourbro Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

      Салют! На этом канале есть мой бесплатный курс по фигме ua-cam.com/play/PLgP78sMGTxfBnHmM4UE1KM8R7MdzFdLox.html

  • @LeonidasFernandes24
    @LeonidasFernandes24 Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @timur.suleymanov
    @timur.suleymanov Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

      Спасибо🙏

  • @mental_sketches
    @mental_sketches Рік тому +1

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

    • @UPROCK
      @UPROCK  Рік тому +1

      Это я ступил)

  • @Akopyan_s
    @Akopyan_s Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

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

    🔥🔥🔥 UPROCK 🔥🔥🔥

    • @UPROCK
      @UPROCK  Рік тому

      ☺️☺️⚡️⚡️

  • @Инкогнито-и1я
    @Инкогнито-и1я Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @Алиса-ь4ы5ы
    @Алиса-ь4ы5ы Рік тому

    спасибо бро

    • @UPROCK
      @UPROCK  Рік тому

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

  • @eugennaumov1860
    @eugennaumov1860 Рік тому

    Лайк!

  • @Инкогнито-и1я
    @Инкогнито-и1я Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @Lemma-wr8oq
    @Lemma-wr8oq Рік тому

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

    • @UPROCK
      @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

  • @duver2957
    @duver2957 Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому +1

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

  • @ЛилияК-п3к
    @ЛилияК-п3к Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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

  • @Kadgart
    @Kadgart Рік тому

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

    • @UPROCK
      @UPROCK  Рік тому

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