Кнопки | Воркшоп #3 | UI-kit

Поделиться
HTML-код
  • Опубликовано: 26 июл 2024

Комментарии • 62

  • @Ilya_pekhterev
    @Ilya_pekhterev 4 месяца назад +11

    Как же все этого ждали

  • @arisha8109
    @arisha8109 Месяц назад +1

    Спасибо за воркшоп 😍 на повтор ушли сутки (такой вот я чайник), натыкалась на косяки, переделывала все несколько раз заново, но все получилось👍🏻

  • @fredoomshnv
    @fredoomshnv 4 месяца назад +4

    Давно ждал видео после последнего воркшопа по системе отступов. Как всегда потрясающий контент, спасибо!

  • @veronika_voynova
    @veronika_voynova 4 месяца назад +5

    Божечки как же это круто!!! Даниил, ты супер-эксперт и большой молодец, что для нас снимаешь такие обучалки! Я обожаю компоненты и теперь буду только улучшать свою работу с ними благодаря тебеее :)

    • @eldanielleee
      @eldanielleee  4 месяца назад

      Спасибо за поддержку, стараюсь ❤️

  • @janstay_ui
    @janstay_ui 4 месяца назад +1

    Ура новое видео, спасибо!
    Надеюсь видео будут еще чаще выходить

  • @MarinaLoginovaDesign
    @MarinaLoginovaDesign 4 месяца назад

    Спасибо! Жду следующее видео 😀

  • @karolina_kate
    @karolina_kate 4 месяца назад +3

    Даниил, ты крутой! Отдельное спасибо за балансировку кнопки, это кайф, буду использовать))

  • @KaterinaLutsuk
    @KaterinaLutsuk 4 месяца назад +2

    Просто великолепное видео 💔Спасибо за вашу работу!

  • @pchela28
    @pchela28 4 месяца назад +1

    Дождалась видосик 🎉
    Лайк не глядя, знаю, что будет огонь!

  • @sergeyfoxy
    @sergeyfoxy 4 месяца назад

    Дождались! Лайк однозначно!

  • @AleksSevenFor74
    @AleksSevenFor74 4 месяца назад +1

    Это просто бомбически! Очень круто сделано, все понятно и по полочкам. Теперь буду применять это в своих проектах и ждать следующих воркшопов

  • @MFilippova
    @MFilippova 4 месяца назад +1

    Ура! Дождались!

  • @AndresGutierrez-sz2oc
    @AndresGutierrez-sz2oc 4 месяца назад +1

    Наконец то, лайк однозначно!

  • @shved8963
    @shved8963 4 месяца назад

    Когда только подписался на канал, а тут уже видосик новый) После просмотра видео про токены, я думаю, что здесь мозг отдохнёт😁

  • @121Andreu
    @121Andreu 4 месяца назад +1

    Спасибо, буду применять в своих проектах!

  • @alexgart65
    @alexgart65 4 месяца назад +1

    Ну наконец то , только не затягивай плиз!

  • @user-ez1pz5gl2h
    @user-ez1pz5gl2h 4 месяца назад +11

    Ну шо, встретимся через полгода?)

  • @maxbeztalanta4221
    @maxbeztalanta4221 3 месяца назад

    Он снова делает лучшие видео про компоненты

  • @konstantinavramchenko
    @konstantinavramchenko 4 месяца назад

    Очень полезное видео! Спасибо:)

  • @vllladek2117
    @vllladek2117 4 месяца назад +1

    просто пушечно! ещё только на 18 минуте, но уже закрываются многие вопросы, которые у меня были и шишки, которые я набивал проект за проектом. СПасибо!

  • @stikast6497
    @stikast6497 4 месяца назад

    очень полезное видео, спасибо огромное!

  • @user-hp4jc7ki4x
    @user-hp4jc7ki4x 4 месяца назад +3

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

    • @eldanielleee
      @eldanielleee  4 месяца назад

      Спасибо! На канале есть видео про стиле цвета)

    • @keleirdon
      @keleirdon Месяц назад

      @@eldanielleee теперь ждем про шрифты!

  • @vladimirdoronin67
    @vladimirdoronin67 4 месяца назад

    Ну, шикарно же!

  • @catriarchiv
    @catriarchiv 2 месяца назад

    Топовый контент. Самый полезный по ДС

  • @user-si5hk1uw9w
    @user-si5hk1uw9w Месяц назад

    Это очень круто =

  • @hellonine
    @hellonine 4 месяца назад

    следуешь за uprock , молодец

  • @valeriiia_because
    @valeriiia_because 3 месяца назад

    Здравствуйте, было бы очень интересно посмотреть ролик как правильно дизайнеру сотрудничать с разработчиком, как правильно передавать дизайн в разработку и т.д.

  • @aidarkalimullin2
    @aidarkalimullin2 3 месяца назад

    33:09 - создаем варианты наверно, Даниил )))

  • @user-ee7pp5yq4u
    @user-ee7pp5yq4u 3 месяца назад

    Очень крутое видео, спасибо! Столкнулась с проблемой: когда кнопки сделаны на мастере, при использовании в макетах, где нужно им поставить Fill для ширины, чтобы она подстраивалась под ширину контейнера, это не работает, тк у мастера не поставить Fill на ширину. Может быть ты подскажешь в чем косяк?

  • @niknikdesign
    @niknikdesign 4 месяца назад

    Здравствуйте. А у вас есть портфолио проектов, которые вы делали и которые можно потыкать?

  • @alexander_stark
    @alexander_stark Месяц назад

    Я просмотрел множество видео, посвящённых этой теме, но с цветом всё равно возникают сложности. Жёсткая привязка к цвету ограничивает возможности для творчества.
    Мне кажется, лучше сначала разработать дизайн, а потом уже подбирать варианты.
    С кнопками тоже есть свои особенности. В обучающих материалах обычно не рассматривают, что в кнопке на хедере может быть изображение телефона, каталога и так далее.
    К тому же, прошёл уже год с момента выхода системы, и намедни вышло новое обновление, а она до сих пор не научилась сохранять градиенты.
    Тс шарит за фигму -вопросов 0...
    Такая система больше подходит для разработки приложений и дашбордов, нежели для дизайна сайта: лендинг, магазин.

  • @AlexStram1nsky
    @AlexStram1nsky 20 дней назад

    Текст ты организуешь именно через стили, не через переменные? И не мог бы ты показать как именно организуешь текстовые стили?

  • @Svetlana_Shaimanova
    @Svetlana_Shaimanova 3 месяца назад

    Привет, спасибо за видео!
    А можно вот так вручную уменьшать дочерний компонент иконки? До этого когда смотрела видео там были, например, 24 и 16 и у каждого размера был свой мастер. Как правильнее?

    • @eldanielleee
      @eldanielleee  3 месяца назад

      Привет! Обсуждали это в чатике про компоненты, он есть в описании. Посмотри там плиз.
      Если коротко: можно делать размеры, а можно скейлить, если тебя утраивают толщины, скрепления и пр (это можно подогнать)

  • @elinafur
    @elinafur 4 месяца назад +1

    два раза в видео ты говоришь "обернуть в автолейаут" при действии, когда ты создаешь компонент

    • @eldanielleee
      @eldanielleee  4 месяца назад +1

      Бывает) спасибо, что заметила.

  • @alevi_21
    @alevi_21 4 месяца назад +1

    Дань, все эти компоненты и варианты ты добавляешь после финальной отрисовки проекта или уже в процессе? Можешь вкратце объяснить как лучше всего делать?

    • @eldanielleee
      @eldanielleee  4 месяца назад +1

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

    • @fredoomshnv
      @fredoomshnv 4 месяца назад +1

      @@eldanielleee Кстати, как я понял, сейчас с мультиредактированием можно создавать компоненты очень удобно сквозные, чтобы сразу все элементы одноимённые привязать к одному компоненту, если что-то на старте было забыто - практично и использовал ли?

    • @eldanielleee
      @eldanielleee  4 месяца назад +1

      @@fredoomshnv еще не тестил в проектах(

  • @arrruzhan11
    @arrruzhan11 4 месяца назад

    ты похож на Джеймса из Конец ***го мира

  • @OlgaSolnechnaya
    @OlgaSolnechnaya 4 месяца назад

    Привет! Спасибо за видео. Вопрос. Если иконки отрисованы и существуют в разных размерах (24, 20, 14 пт), то не получится воспользоваться таким "двойным" мастером и нужно делать отдельные? Вижу, что в видео вы 24 пт иконки до 16 просто уменьшаете, поэтому и прокатывает трюк с заменой иконок в разных размерах, но для многих случаев это не вариант..(

    • @eldanielleee
      @eldanielleee  4 месяца назад

      Add-on тоже могут быть разных размеров. Работает, попробуйте)

  • @user-hj9rs1oo2l
    @user-hj9rs1oo2l 3 месяца назад

    Здравствуйте, а подскажите откуда вы берете иконку Шестеренки?

  • @alice_maybe
    @alice_maybe 3 месяца назад

    Я не понимаю, как добавить иконку шестеренки в название property... это платная функция фигмы? Просто если я применяю одни и те же настройки instancy для иконок в большой и малой кнопках, то в малой у меня сбрасывается размер иконки и она тоже становится большой. Хелп, плиз :(

    • @aregtigranyan
      @aregtigranyan 2 месяца назад

      Шестеренка это просто обычный эмодзи.

  • @vinesomemore
    @vinesomemore 4 месяца назад

    Дань, подскажи пожалуйста, для каких случаев используют кнопки типа "Нейтральная"

    • @eldanielleee
      @eldanielleee  4 месяца назад +1

      Залетай в чатик, на ютубе могу пропустить такие вопросы.
      Например, когда у тебя кнопки в баттон груп собраны. Есть одна акцентная мэин, а остальные нейтральные минор, чтобы разделить на главное и второстепенное

    • @vinesomemore
      @vinesomemore 4 месяца назад

      @@eldanielleee спасибо 🙂‍↕️

  • @andreys.4105
    @andreys.4105 4 месяца назад

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

  • @dimickon2
    @dimickon2 4 месяца назад

    При выборе иконок у кнопки они почему-то сбрасывают белый цвет на чёрный, который у них был изначально. Получается даже ситуация, что если просто кликнуть в выборе иконки на текущую иконку, она вернёт свой первоначальный цвет. Это никак не фиксится?

    • @eldanielleee
      @eldanielleee  4 месяца назад

      пуленепробиваемые иконки напиши в поиске ютуба

    • @dimickon2
      @dimickon2 4 месяца назад

      @@eldanielleee Большое спасибо, всё поправил