Design system / UI Kit in Figma #1

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 69

  • @alexandraborshchevskaya7958
    @alexandraborshchevskaya7958 4 ปีที่แล้ว +2

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

  • @kancniii
    @kancniii 2 ปีที่แล้ว

    👏

  • @AndriiKidenko
    @AndriiKidenko 3 ปีที่แล้ว +6

    Спасибо за твои видео! Благодаря твоим знаниям не лажаю на работе) сделай, пожалуйста, обзор на дизайн-системы.

  • @Jorinio_98
    @Jorinio_98 4 ปีที่แล้ว +2

    Это просто ТОП! Спасибо тебе огромное! :)

  • @oleksandrboiko554
    @oleksandrboiko554 4 ปีที่แล้ว +5

    крайне полезная информация у вас на канале. спасибо за труд!

  • @МорскаяСвинка-ъ2ы
    @МорскаяСвинка-ъ2ы 4 ปีที่แล้ว +5

    Хорошее объяснение. Вынесла для себя полезную инфу. Супер, спасибо!

  • @elviraabdukadyrova444
    @elviraabdukadyrova444 4 ปีที่แล้ว

    У вас самый классный канал на ютьюб! Огромное спасибо!

  • @ДиярСерикбай-в7б
    @ДиярСерикбай-в7б 2 ปีที่แล้ว

    Очень подробно и доступно

  • @Leonid60000
    @Leonid60000 3 ปีที่แล้ว +1

    Да, сними по материал дизайну. Спасибо

  • @katyarybal4115
    @katyarybal4115 4 ปีที่แล้ว +1

    Обожаю ваш канал! Спасибо за информацию)

  • @user-galimov
    @user-galimov 4 ปีที่แล้ว +3

    Классная тема по поводу дизайн систем! Спасибо большое! А видос по поводу объяснения других дизайн систем, то тебе не будет цены...

  • @КамильМамедов-с7я
    @КамильМамедов-с7я 4 ปีที่แล้ว +1

    Спасибо большое за видео, ждем продолжения! :)

  • @postolify
    @postolify 3 ปีที่แล้ว

    Четко, спасибо!

  • @АнастасияАлександровна-ч1ч

    Спасибо большое! очень полезны все ваши видео!

  • @lidiia_s
    @lidiia_s 3 ปีที่แล้ว

    Дякую за відео!

  • @kitkaty_iva
    @kitkaty_iva 4 ปีที่แล้ว

    Спасибо за видео! Ждем продолжения)

  • @nurbol-designer
    @nurbol-designer 3 ปีที่แล้ว

    🔥🔥🔥

  • @magasdesign8928
    @magasdesign8928 4 ปีที่แล้ว +1

    Видео по Material Design будет интересно

  • @je5ica
    @je5ica ปีที่แล้ว

    Подскажи, а почему не использовал варианты в компоненте с кнопками? Зачем надо было делать 3 разных компонента?

    • @disarto.digital
      @disarto.digital  ปีที่แล้ว +1

      Видео снято в Мае 2020. Функционала вариантов ещё не было 🙂

  • @НастяЛукианова-й4т
    @НастяЛукианова-й4т 4 ปีที่แล้ว

    Спасибо❤ спасибо❤ спасибо❤ Супер видео разбор!

  • @svetlanazaretskaya5405
    @svetlanazaretskaya5405 4 ปีที่แล้ว

    Благодарю за видео! Я только не поняла как закидывать иконки в контейнер?

  • @Angel-pg4ge
    @Angel-pg4ge 3 ปีที่แล้ว

    Как киты подключать к файлу в фигме и перекидывать с него компоненты

  • @desperatehousewife.14
    @desperatehousewife.14 4 ปีที่แล้ว

    Привет! Спасибо большое за информацию!

  • @anatohryz7949
    @anatohryz7949 3 ปีที่แล้ว

    Спасибо!

  • @КонстантинТитов-с2й
    @КонстантинТитов-с2й 4 ปีที่แล้ว

    очень познавательно. спасибо!

  • @IvanLao
    @IvanLao 4 ปีที่แล้ว +3

    Максим, спасибо большое за подробный урок. Все четко и понятно) буду следить за обновлениями!

  • @Libero1991monk
    @Libero1991monk 4 ปีที่แล้ว

    18:50 Какое сочетание клавиш нажимаете, чтобы фон на задний план ушел?

  • @aalauno
    @aalauno 3 ปีที่แล้ว

    очень полезно, спасибо!

  • @makc6878
    @makc6878 4 ปีที่แล้ว +1

    Отличный контент! Но, пожалуйста структурируй подачу, что бы не было из разряда... В конце видео- О, в начале надо было так

  • @mariamgevorgyan6059
    @mariamgevorgyan6059 4 ปีที่แล้ว

    Очень полезный видео, спасибо!!😌

  • @verashuvalova7870
    @verashuvalova7870 4 ปีที่แล้ว

    Здравствуйте, спасибо за материал. Подскажите, где лежат подсказки и видео, на которые вы ссылаетесь? Конкретно интересует работа с компонентами > ресайз компонента.

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว +1

      Здравствуйте, подсказки на youtube всегда отображаются в правом верхнем углу видео (под иконкой со знаком i)

    • @verashuvalova7870
      @verashuvalova7870 4 ปีที่แล้ว

      @@disarto.digital Благодарю )

  • @altrie
    @altrie 4 ปีที่แล้ว

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

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว +2

      Добавление фона отдельным шейпом это привычка) Разумеется, можно сразу к фрейму добавить фон и скругление углов. Это уж кому как удобнее. А вот по поводу двух auto-layout чуть сложнее. В моем примере была кнопка с иконкой. Если поставить горизонтальный auto-layout, то нельзя будет вручную изменить ширину кнопки (только высоту), а это иногда бывает нужно. Поэтому я обхожу это вложением горизонтального auto-layout'а в вертикальный. В случае с простой кнопкой без иконки такие изощрения, разумеется, не нужны (впрочем, они не нужны и в том случае, если вы не собираетесь вручную менять ширину кнопки и будете полагаться только на автоматические отступы).

  • @alexmint9540
    @alexmint9540 4 ปีที่แล้ว

    Процесс создания сайта: сначала рисуем uikit с кнопочками, и потом уже вставляем в макет. Или сначала рисуем макет и оттуда берем элементы и переносим в uikit?

    • @lordykillin1920
      @lordykillin1920 4 ปีที่แล้ว +2

      Вначале была речь об этом. Сначала делаешь одну страницу, после принятия дизайна заказчиком делаешь ui kit. Ты не сможешь качественно кита сделать, если не будешл в целом понимать стиль, как и что сочитается на странице

  • @vladimirbondarev478
    @vladimirbondarev478 4 ปีที่แล้ว

    Здравствуйте! А почему остановились именно на Фигме для работы и для подачи информации на канале? Почему не XD? Можете что-то сказать по поводу редактора от Adobe?

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว +4

      Adobe XD неплох, но 90% команд, с которыми я сталкивался, работают в Фигме. Плюс, лично мне Фигма приятнее с точки зрения эргономики: ощущается лучше, приятнее работать (а это очень важно для программы, в которой проводишь по несколько часов в день).

  • @katerynamoroziuk1973
    @katerynamoroziuk1973 3 ปีที่แล้ว

    Спасибо большое за информацию! у меня вот такой вопрос, получила проект доделать без layout все очень мануально дизайнер делал, без UI kit. Разработчики уже начали работать. как бы мне решить быстрее проблему и помочь фронтэнду?

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว

      Тут можно только посоветовать начать делать UI Kit и поддерживать его в актуальном состоянии. Это сильно поможет в дальнейшем, при внесении изменений в проект.

  • @annancyro
    @annancyro 3 ปีที่แล้ว

    Подскажите, нужно ли для каждого адаптива адаптировать и ui-kit тоже?

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว

      UI Kit должен содержать компоненты, которые используются в адаптиве. Тут уже зависит от того, как именно организованы сами компоненты. Иногда это может быть 1 компонент, которых используется и для десктопа, и для планшета, и даже для мобильной версии. А иногда нужны отдельные компоненты.

  • @KT-ue2mx
    @KT-ue2mx 3 ปีที่แล้ว

    А можно не добавлять при авто лейауте кнопке фрейм(прямоугольник), а просто добавив тексту кнопки автолейаут добавить fill и все. Будет одно и тоже.

  • @Leonid60000
    @Leonid60000 3 ปีที่แล้ว

    Как задать размер контейнера для иконки?

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว

      Контейнер - это обычный фрейм. Чаще всего используется размер 24px на 24px.

  • @ЕкатеринаКуликова-г2т
    @ЕкатеринаКуликова-г2т 3 ปีที่แล้ว

    Добрый день, скажите, пожалуйста, есть ли смысл применять auto layout к карточкам или достаточно того, что они в компонентах?

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว

      Применять Auto layout к карточкам - это отличная идея 😉

  • @dariabosenko6159
    @dariabosenko6159 3 ปีที่แล้ว

    а можно ссылку на этот пак иконок?

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว +1

      feathericons.com/. В Фигме есть одноименный плагин.

  • @SandWicH177rus
    @SandWicH177rus 4 ปีที่แล้ว

    Спасибо! :)

  • @antischulz
    @antischulz 4 ปีที่แล้ว

    спасибо

  • @papercane6423
    @papercane6423 4 ปีที่แล้ว

    о уенно

  • @desperatehousewife.14
    @desperatehousewife.14 4 ปีที่แล้ว

    Привет! Спасибо большое за информацию!
    Мог бы дать ссылку на carbon систему в Figma? Не могу найти😒

    • @verashuvalova7870
      @verashuvalova7870 4 ปีที่แล้ว

      github.com/half5cat/carbon-design-kit-figma/blob/master/Carbon%20Design%20System%20(White%20Theme).fig

  • @Uf-x-tre-161-heh
    @Uf-x-tre-161-heh 4 ปีที่แล้ว

    Добрый день =)
    По вашему мнению, за сколько времени реально можно выучить профессию ux/ui проектировщика, чтобы был смысл отправлять резюме на позицию джуна? Как вариант, хватит ли года обучения?

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว

      Зависит от бэкграунда и времени, которое вы готовы вкладывать в обучение. Если тратить по 3-4 часа каждый день, то хватит и 6-8 месяцев.

    • @Uf-x-tre-161-heh
      @Uf-x-tre-161-heh 4 ปีที่แล้ว +2

      @@disarto.digital понял, спасибо. А вы самостоятельно обучались всему? Если говорить о теории

  • @ИринаИгумнова-е7ж
    @ИринаИгумнова-е7ж 4 ปีที่แล้ว

    👍👍👍🙏🏻🙏🏻🙏🏻🔥🔥🔥

  • @alsoualsou9
    @alsoualsou9 3 ปีที่แล้ว

    Thx!!!

  • @antischulz
    @antischulz 4 ปีที่แล้ว

    Thanx

  • @Ангелина-ь7ч2с
    @Ангелина-ь7ч2с 3 ปีที่แล้ว

    Так и не сказал как перетащить эту иконку

  • @Oswee
    @Oswee 4 ปีที่แล้ว

    Ja bil bi blagodaren esli raskazali bi pro rabotu s multi-theme. Kogda polzavatelju razresheno vibratj "ljuboi" Accent color i Light/Darker/Dark theme.
    Kogda rabotaesh s prostim saitikom, vsjo prosto... silno paritsa pro naming i organizaciju ne nado. No kogda odin i tot zhe komponent mozhet bitj v raznih variacijah (theme) i v state (active, hover, etc), to vsjo na mnogo slozhnee. Te zhe prostie shadows/elevation. Na belom fone, vsjo prosto. A kak bitj kogda fon tjomnij? Ilji Darker? I esli polzovatelj esho vibral krasnij Accent?
    Menja ne tak silno parit sami komponenti, kak imenno naming conventions, potomu shto mnje nado peredatj/sozdatj normalnuju arhitekturu dlja razrabotchikov.

  • @KattyKkk
    @KattyKkk 2 ปีที่แล้ว

    Спасибо!