Дизайн-система и UI-кит: в чем же разница?

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

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

  • @im.poliakov
    @im.poliakov  2 месяца назад

    Личное наставничество: impoliakov.ru/nastavnichestvo
    Бесплатный Практикум по старту в профессии: t.me/AlekseiPoliakov_Bot
    Ранний доступ к видео и эксклюзивный контент: boosty.to/impoliakov

  • @uxui_expert
    @uxui_expert 2 года назад +25

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

    • @ИльяИванищин
      @ИльяИванищин Год назад +1

      В точку. Сейчас работаю над дизайн системой для крупной компании, и мы с разработчиками только название токенов для цветов обсуждали неделю, чтобы всех все устроило 😅

  • @ganeesy
    @ganeesy 3 года назад +21

    Хотелось бы в твоем исполнении посмотреть следующее:
    1. Работа с библиотеками (создание, подключение, экспорт, импорт и тд.)
    2. Создание сложного дашборда с графиками и таблицами для какой нибудь CRM системы.
    3. Подготовка макета к созданию темной темы

    • @im.poliakov
      @im.poliakov  3 года назад +3

      Спасибо за идеи
      Хорошие темы 👍

  • @ffonlfoff5005
    @ffonlfoff5005 2 года назад +27

    Если посчитать сколько раз за видео ты сказал «окей», то этим можно будет обернуть земной шар 2,5 раза 😂

  • @konstantinshishlyannikov5677
    @konstantinshishlyannikov5677 2 года назад +4

    Ui kit это не только библиотека компонентов, но и стилей тоже, а это шрифты, цвета, тени, скругления. Система эта документация, набор правил для использования кита в том числе. Но и многое другое, как например правила написания кода и использования токенов и ещё чего угодно (что придумает дизайнер)

  • @aharito
    @aharito 2 года назад +1

    Похоже, большинство дизайнеров вообще не знают, что такое дизайн-система. Сегодня я хотел найти в Ютубе лучшие практики построения именно дизайн-системы на Фигме. А нашел тыщу роликов о том, как быстро начиркать кучу "красивых" фреймов с названиями типа Frame 372, никак не связанных друг с другом, абсолютно не используя ни стили, ни компоненты. Этакий Фотошоп на Фигме. Твой же подход (наконец-то нашёл!) комплексный , близок к моему, буду смотреть и сравнивать со своим.
    P.S. Вместо слова-паразита "Окей" лучше говори "Олл райт", так будет смешнее 😀Ну а вообще - благодарю за видео.

  • @aharito
    @aharito 2 года назад +1

    Обсуждение идей с заказчиками я веду на простом и быстром языке Low-fi прототипов: шрифт вроде есть, но это Comic Sans, цвета тоже есть, но их всего два - черный и синий. Это тот редкий случай, когда дизайн-система и UI Kit почти одно и то же. В целом же ты безусловно прав, очень наглядно всё показал.

  • @vit_prosto_vit
    @vit_prosto_vit 3 года назад +2

    Залез, называется, просто глянуть как макетик на фигме для мобильного приложения сверстать по-бырому) Итог: весь день на Вашем канале) Спасибо, Алексей! Материал огонь!)

  • @fabiaaaaan23
    @fabiaaaaan23 2 года назад +7

    так просто, быстро и понятно не объяснял еще никто) спасибо

  • @Natali_Shurashova
    @Natali_Shurashova 2 года назад +3

    Видео -супер! Спасибо за структурную информацию и наглядность - запоминается очень хорошо такой формат.

  • @daozenovich3800
    @daozenovich3800 2 года назад +1

    очень много нарезок, представляю как вы угарали в процессе :) Спасибо за видео!

  • @sergeybogachuk7320
    @sergeybogachuk7320 3 года назад +2

    Алексей, спасибо, что кнопочки показываете на экране) успехов вам!

    • @im.poliakov
      @im.poliakov  3 года назад +1

      Спасибо за отличное предложение!

  • @tohakuz58
    @tohakuz58 3 года назад +3

    Коротко, но емко и понятно. Спасибо за Ваши полезные видео.

  • @SemenovBushcraft
    @SemenovBushcraft 3 года назад +4

    Классное видео! Хорошо бы только слово "О`кей" реже встречалось.

  • @yakovserebrianskyi1203
    @yakovserebrianskyi1203 2 года назад +4

    Самое лучшее разъяснение материала! Спасибо большое, Алексей!

  • @deniov4
    @deniov4 2 года назад +2

    Просто, быстро и понятно. Спасибо, лайк и подписка👌🏽

  • @vallerqq
    @vallerqq 7 месяцев назад

    Дизайн система охватывает дизайн и код, т.е. в ДС входит: граф. элементы, документация, стили, фреймворки и гайдлайны. UI Kit - это набор граф. элеметов, хорошо если с описанием :)

  • @djuseycoding4890
    @djuseycoding4890 2 года назад +2

    По сути и ничего лишнего. Отличное видео!

  • @МарияСоколова-о5у
    @МарияСоколова-о5у 2 года назад +1

    Как чётко и по делу, все сохраняю, чтобы пересмотреть)

  • @Obraveliss
    @Obraveliss Год назад

    Спасибо за тяжкий труд

  • @abdullahsaipov7973
    @abdullahsaipov7973 Год назад +1

    Спасибо! Исчерпывающяя инфа!

  • @zhelezodesign90
    @zhelezodesign90 3 года назад +4

    Алексей, приветствую! Отличная подача материала.
    Не мог бы ты рассказать алгоритм действий во время получения заказа. (Как не бояться брать заказ, что делать если у заказчика нет тз)

  • @ganeesy
    @ganeesy 3 года назад +1

    Алексей, видео огонь! 🔥

  • @Bugelhagen
    @Bugelhagen Год назад

    А иконки являются частью дизайн-системы или кита? Должны ли они быть унифицированы в проекте или...это что-то отдельное?

  • @АленаРыкова-щ5л
    @АленаРыкова-щ5л Год назад +1

    Спасибо большое за видео!!!❤️

  • @ОлегЛадыгин-ф9ю
    @ОлегЛадыгин-ф9ю 2 года назад

    -Согласны?
    -Узнали!

  • @sergeybogachuk7320
    @sergeybogachuk7320 3 года назад +1

    И подача как всегда на высоте) еще одно спасибо!

  • @Momin1
    @Momin1 2 года назад +2

    Очень полезное видео без воды 👍🏻

  • @somebody6459
    @somebody6459 3 года назад +1

    Ради хорошего контента и коммент не жалко.
    Правда ролики хотелось бы по-длинее, но это мелочи жизни)

  • @ivankanonik4583
    @ivankanonik4583 2 года назад +1

    Кайф, наконец-то на понятном языке нашёл видео 🔥

  • @d9d9-d
    @d9d9-d 5 месяцев назад

    Очень хорошо объясняете)

  • @autmi
    @autmi 2 года назад +2

    Фичи - это функциональные преимущества продукта. Сложные компоненты (состоящие из нескольких простых) можно так и называть: сложные. Или составные. Или комплексные.

    • @ИльяИванищин
      @ИльяИванищин Год назад

      Есть более подходящее название из атомарного дизайна - организмы

    • @autmi
      @autmi Год назад

      представляю как вы приходите на дейлик и говорите команде: мы тут вчера со вторым дизайнером новый организм сделали )))

  • @АртемАртеменконезабывайвыходит

    в чем отличие разработки дизайн лендинга интернета магазина или соц сети какое время на разработку и цена?

  • @1vohr3
    @1vohr3 Год назад

    Отличный урок как всегда!!!

  • @ОльгаГригорьева-в6ж

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

  • @erofeev1989
    @erofeev1989 2 года назад +1

    Спасибо! Все более чем понятно!))

  • @vladimir_killas
    @vladimir_killas 3 года назад

    Леша сделай акцент на разбор видео по созданию дизайна (первого экрана)

  • @eugenevas25
    @eugenevas25 Год назад

    Большое спасибо за видео! Коротко, понятно, без воды)

  • @ruslanvybornov1237
    @ruslanvybornov1237 2 года назад +1

    супер, крутое объяснение, спасибки)))

  • @anngoler6797
    @anngoler6797 Год назад

    крутяк!!! 🔥

  • @krystynatymofiejewa189
    @krystynatymofiejewa189 Год назад

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

  • @kseniyaputilina6614
    @kseniyaputilina6614 3 года назад +1

    Очень полезное видео, спасибо)*

  • @kotnewman1537
    @kotnewman1537 3 года назад +1

    спасибо за контент, вы топчик

    • @im.poliakov
      @im.poliakov  3 года назад

      Пожалуйста и спасибо!

  • @im.poliakov
    @im.poliakov  3 года назад +6

    Знали разницу между UI-китом и Дизайн-системой?

    • @ЛюдмилаТараненко-е7б
      @ЛюдмилаТараненко-е7б 3 года назад +4

      Путалась в этих понятиях. Благодаря твоему визуальному объяснению всё стало на свои места))

    • @Teo-dd6vr
      @Teo-dd6vr 2 года назад +1

      Не , вообще не знал :) , спасибо!

    • @egovoruhin
      @egovoruhin Год назад +2

      Да нет никакой разницы. Раньше все это называли китом, набором элементов, принципами дизайна. Теперь придумали новый термин и лепят его куда не попадя.

    • @diatm1506
      @diatm1506 Год назад

      Разве нет разницы между компонентами и элементами?

  • @ateyvan
    @ateyvan 3 года назад +6

    ОКЕЙ

  • @margobal44
    @margobal44 Год назад

    Спасибо)

  • @АлександрЧкан-ч6и
    @АлександрЧкан-ч6и 2 года назад

    Благодарю! :)

  • @alexandrava8692
    @alexandrava8692 Год назад

    спасибо!

  • @natali24287
    @natali24287 2 года назад

    Ох, ещё больше запутал((

  • @yappix
    @yappix 2 года назад

    Братан, ты сложно объяснил. UI KIT это UI комплект из заранее созданных элементов, которые не могут жить без инструкций и исходного редактирования. А исходное редактирование это и есть дизайн система, которая содержит в себе стандартизацию и инструкцию для элементов, …….

  • @ArtemKobyakov
    @ArtemKobyakov Год назад

    Окей, фичи это паттерны)

  • @dariakabyka6142
    @dariakabyka6142 Год назад

    🔥

  • @seniorpomidorro
    @seniorpomidorro 3 года назад +1

    лойс!

  • @krissisem
    @krissisem Год назад

    Ничего не поняла

  • @joker__joker_why_so_seriou2520

    👍👍👍

  • @vadikkaz112
    @vadikkaz112 8 месяцев назад

    лайк. комментарий )

  • @Olenich
    @Olenich Год назад

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

  • @d1mitrixx
    @d1mitrixx Год назад

    Окей...окей...окей )

  • @ИвановИванов-т6ю
    @ИвановИванов-т6ю 3 года назад +1

    Кайф

  • @egovoruhin
    @egovoruhin Год назад

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

  • @seniorpomidorro
    @seniorpomidorro 3 года назад +1

    лайкос

  • @SmolenskAVtoRU
    @SmolenskAVtoRU Год назад

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

  • @enivanksetra5207
    @enivanksetra5207 Год назад

    Слово паразит Окей

  • @ВикМитов
    @ВикМитов 20 дней назад

    Либо рассказывай на английском, либо убери эти дурацкие "OK"

  • @merriment0
    @merriment0 Год назад

    очень жаль, что такие дилетантские видео выпадают первыми при поиске. Нет, дизайн-система - это гораздо больше и масштабнее, чем просто ui-кит + токены... Ржака. Не ходите к этому автору на курс.