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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @anngoler6797
    @anngoler6797 11 месяцев назад

    крутяк!!! 🔥

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Спасибо)

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

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

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

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

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

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

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

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

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

    спасибо!

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

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

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

    🔥

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

    лойс!

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

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

  • @joker__joker_why_so_seriou2520

    👍👍👍

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

    ОКЕЙ

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

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

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

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

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

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

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

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

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

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

  • @ArtemKobyakov
    @ArtemKobyakov 11 месяцев назад

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

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

    Кайф

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

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

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

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

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

    лайкос

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

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

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

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

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

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

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

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

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

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

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

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