UI-КИТ: ЗАЧЕМ И ЧТО ДОЛЖНО БЫТЬ ВНУТРИ?

[@АлинаСухарева-у6ю]

Софья, ты умничка. Было бы круто посмотреть подробное видео про то, как ты начинала, с какими сложностями и неудачами сталкивалась, и как ты их преодолела)

[@PSlastix]

Про отступы, гениально! И почему я раньше их не использовал в UI KIT, обязательно возьму на вооружение ))

[@РусланЛойко-с1ю]

Большое спасибо! Без воды и ёмко. Больше таких видео. Однозначно лайк_)

[@starkgold2624]

Ох, большое спасибо! Буквально позавчера делал оформление моб. Приложение, в flat дизайне, но компоненты делал сам, не зная как правильно, а вот сейчас как шаблон буду использовать, спасибо!!

[@July-beauty]

София Вы просто СУПЕРРРР ! Отличный учитель и очаровательная девушка ! Спасибо ОГРОМНОЕ за ваши уроки ! Очень достойная подача материала !

[@НадеждаЧе74]

Спасибо, Софья! Оказывается, я как раз делала такие UI-КИТы, только они у меня были всё время на каких-то черновиках, листочках и т.д. То, что это сё можно вот так красиво оформить и постоянно пользоваться, как-то в голову не приходило)))) Благодарю!

[@ЯнаЛяшко-н3х]

Максимально продуктивное видео 🔥
Софья благодарю 😇

[@ViktorBezgin]

Не думал что это на столько важно, годнота!!!
Спасибо!))

[@juliared3183]

Было познавательно! Знала такой термин от разраба как "дизайн система", а когда встречала слово "UI KIT", то недоумевала и откладывала изучение вопроса. Оказалос , что это все одно и то же и я давно знаю что такое Ui кит 😂. Спасибо за видео!

[@SofyaFilippova]

Не совсем. Дизайн система больше раза в 4, более подробна, дизайн-система нужна на крупных проектах. Можете примеры в фигма комюнити посмотреть

[@oksana_hosi]

София, благодарю за ваш канал! Прохожу сейчас курсы, но там много не хватает

[@ЕленаКонциялова-ю9к]

О, Господи, наконец-то нормальный видос на эту тему - без воды, еще и интересный и красивый

[@ivlasova]

Как всегда полезно!
Like💓

[@galinadunaeva8754]

Спасибо большое! Учусь на курсах, а разбираюсь благодаря Вам❤️

[@АлексейЕвдокимов-ю4т]

О, да, ещё какое полезное видео!👍👏
Большое спасибо, Софья!🌹🍫

[@Lana_Kulko]

Спасибо, спасибо и ещё 1000 раз спасибо! Наконец то стало понятно куда все это вкладывать и что это за зверек такой - юай кит)))

[@tobleronus]

Спасибо большое, по полочкам буквально.
*Раньше копался с этими архивами, не знал "шО с НИмИ ДелАтЬ?"*

[@tobleronus]

Надеюсь вы станете популярными в этом году

[@olkakosharska7888]

Очень информативно, спасибо ) иногда на курсах и меньше можно научиться)

[@ЕвгенияКалайтанова-г3б]

Огромное спасибо! Как всегда, четко и по делу!

[@АлександрДацко-н7м]

Спасибо, очень полезная информация

[@yarrryna]

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

[@Divaaan3]

Что за UI-Kit вы разбирали? Есть ли он в открытом доступе, как хороший пример?

[@SofyaFilippova]

Пересмотрите видео. UI-KIT у каждого проекта свой, я не разбираю какой-то конкретный. Я говорю о о том, что может быть внутри разных UI-KIT, в зависимости от наполнения самого проекта.

[@YanaLiechtenstein]

Подача супер, все наглядно, спасибо!❤

[@natalivakheta4853]

Спасибо! Очень интересно и кратко!

[@oglk9338]

А есть ли у вас возможность сделать видео с гайдами для Андроида и iOS? Самы важные и используемые вещи в дизайне мобильных устройств. Спасибо! Всем дизайн)

[@kiber7333]

Во-первых Софья не дизайнит мобильные приложения
Во-вторых, на официальных сайтах компаний есть гайдлайны для IOS (Apple) и Android (Google)

[@alyona_brise]

Спасибо! Очень своевременная и полезная информация 🧡

[@Екатерина-р2р7ю]

Класс, как всегда!

[@Torrez421]

Прикольное видео. Только поправочка, в UIKit поинты, а не пиксели) разные штуки)

[@---ob2pw]

Спасибо, так круто!)

[@ДарьяДоман-я7ф]

Спасибо! Все понятно и доступно! )

[@maiya71]

София, спасибочки Вам от души! Вы всё доступно объяснили. 🌺

[@annancyro]

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

[@SeoAudits-fv3nn]

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

[@ethanhunt3865]

UI kit нужно делать в самом начале или когда уже готов дизайн хотя бы для главного экрана, чтоб от него уже подобрать UI систему?

[@АннаКе]

Пасибо вам огромное ❤

[@Krylowandrey]

Чем UI-КИТ отличается от Bootstrap? Это разные сервисы решающие одну и туже задачу или это принципиально разные сервисы, для совершенно разных задач?

[@ТатьянаСмирнова-я4б]

Спасибо большое. Все полезно

[@VitaliiKonstantinov]

Отличное видео!
Подскажи, пожалуйста, я правильно понял, что создавать такой UI Kit это такой себе предмет хорошего тона?
То есть вместе с готовым проектом дизайнер отдаёт весь набор элементов из этого проекта, чтобы верстальщику было легче работать?

[@Юлія-ф3л]

Как меня учат, то это не предмет хорошего тона, а прямая обязанность. Не хочешь делать юи кит и анимацию? - Тогда не забудь отдать часть своего гонорара фронт-эндеру

[@SofyaFilippova]

Это обязательный этап работы профессионала. Если речь идет о маленький сайтах, то UI-KIT для них не нужен, создают чаще обрезанный под кнопки, всплывашки, ховеры

[@VitaliiKonstantinov]

@@SofyaFilippova Спасибо большое за ответ. Я не в сфере и не знаю всего этого, только учусь!

[@ОляМалиновская-к8р]

Будет ли это разбираться на основном курсе по веб-дизайну?

[@pinkpanther2349]

Спасибо большое! 🏵️🏵️🏵️

[@eldarhelsinki]

Спасибо, милашка Софи, за полезный видосик!

[@m.sirotina]

UI кит создается параллельно с разработкой дизайна? или уже после?

[@sunnygold7589]

Спасибо. А почему не рекомендуете шаблоны?

[@SofyaFilippova]

Дизайнер и существует для того, чтобы решать задачу индивидуально под каждого, а не с помощью шаблонов

[@бурдоша]

Спасибо, полезно 👍

[@Vor.Sasha_1972_Marshall]

Софья, спасибо.

[@jannakr]

Спасибо, позновательно👍

[@АннаКуличихина]

Благодарю 🙏

[@МаркЗахаров-с9д]

Thanks it was very useful!

[@bystrovagency]

А чем ui-kit отличается от design system?

[@ДмитрийПавлов-с6ъ]

как установить это все

[@НадеждаПронько-д6ж]

Спасибо! Все супер!

[@soundmorozov]

Трижды лайк!

[@Teddi7372]

Спасибо большое)

[@umka1321]

Спасибо.

[@Татьяна-ю1р2м]

Спасибо). Лайк

[@tinatintodua3606]

Spasibo za information)

[@lumilkaa]

спасибо, было полезно

[@lespoulstandard]

Большое спасибо, теперь не нужно собирать информацию из разных источников с:

[@MelineWald]

спасибо, отличное видео

[@grigorysteblyanko3584]

Спасыбо)

[@МихаилМаляренко-ъ4т]

Спасибо полезно )

[@АлександрРостаков-ь3р]

Спасибо🤗

[@Dwert1]

спасибо!

[@иринаяровая-м5ч]

огромное спасибо

[@lucky_d168]

Шаблоны нада, может поделиться кто

[@ulkerram111]

thanks you!:)

[@riowio4481]

UI kit, гайдалайн, стайлгайд - по факту это одно и тоже?

[@valerii199]

По сути да, смотря для чего все это

[@helll764]

Чем UI Kits отличаются от гайдлайнов и дизайн-систем
UI/UX guideline, или гайдлайн - это документ, который содержит основные концепции дизайна. В нем указаны требования к интерфейсу, размещению компонентов, правила взаимодействия и сочетания элементов, акценты, которые нужно расставить. Это подробное текстовое руководство, которое помогает решить, каким будет интерфейс, а не набор элементов, в отличие от UI Kit. Гайдлайны часто связаны с соответствующими им наборами.
Дизайн-система - это набор компонентов, правил, указаний и инструментов, которые повышают качество и скорость разработки новых продуктов и обеспечивают эффективную поддержку существующих. В нее входят и UI Kits, и гайдлайны, и шаблоны проектирования страниц. Как правило, подобные дизайн-системы применяются только в больших компаниях.

[@feemgoodinc]

Спайсон!

[@ВікторіяКольба]

Дякую)

[@camillam8315]

спасибоооо

[@aperkarapetyan4432]

👍👍👍

[@ghevondrobertghazarian5625]

SPASIBAAA

[@theoty-js]

Очень приятная ^^)

[@P_Matveev]

Где логичное завершение данного видео сам ui кит?

[@SofyaFilippova]

Пересмотрите видео. UI-KIT у каждого проекта свой, я не разбираю какой-то конкретный. Я говорю о о том, что может быть внутри разных UI-KIT, в зависимости от наполнения самого проекта.

[@WebCreator-js]

nixuya ne ponyal no ochen interesno

[@bohdanshvaikovskyy9312]

Дякую

[@VeronikaMukosey]

мерси

[@alicerexed5588]

[@Сабина-х8р]

Спасибо 🙏🏻

[@Укажитеназвание-б4к]

Спасибо ☺️

[@nastyaivanova6397]

спасибо!

[@МаксимКлимов-ъ8з]

Спасибо!

[@skasssar]

Спасибо )

[@logotipasplius9776]

Спасибо

[@JuliaKrav]

Дякую)

[@ВедущийЮрийЕжов]

Спасибо!)

[@barbotkopolina]

Спасибо

[@НатальяЛемешко-ъ6р]

спасибо

[@kistochka_design]

Спасибо!)

[@exploringtheworld8780]

Спасибо!

[@LaLu85558]

Спасибо 👍

[@НикитаУлановский-т3т]

спасибо!

[@m.elmira2515]

спасибо)

[@sashfomin]

Спасибо)

[@АлександрЧабан-ъ5ч]

Спасибо!!!

[@annasoinikova1217]

Благодарю))

[@sashavolkova9626]

спасибо

[@citycattv5050]

Спасибо🐎

[@Lemon0071]

спасибо)

[@АлександрЧкан-ч6и]

Спасибо)

[@kseniyatetiura4193]

Спасибо!