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

  Рет қаралды 51,083

Sofya Filippova

Sofya Filippova

Күн бұрын

Пікірлер: 132
@АлинаСухарева-у6ю
@АлинаСухарева-у6ю 3 жыл бұрын
Софья, ты умничка. Было бы круто посмотреть подробное видео про то, как ты начинала, с какими сложностями и неудачами сталкивалась, и как ты их преодолела)
@РусланЛойко-с1ю
@РусланЛойко-с1ю 3 жыл бұрын
Большое спасибо! Без воды и ёмко. Больше таких видео. Однозначно лайк_)
@PSlastix
@PSlastix 2 жыл бұрын
Про отступы, гениально! И почему я раньше их не использовал в UI KIT, обязательно возьму на вооружение ))
@starkgold2624
@starkgold2624 3 жыл бұрын
Ох, большое спасибо! Буквально позавчера делал оформление моб. Приложение, в flat дизайне, но компоненты делал сам, не зная как правильно, а вот сейчас как шаблон буду использовать, спасибо!!
@НадеждаЧе74
@НадеждаЧе74 3 жыл бұрын
Спасибо, Софья! Оказывается, я как раз делала такие UI-КИТы, только они у меня были всё время на каких-то черновиках, листочках и т.д. То, что это сё можно вот так красиво оформить и постоянно пользоваться, как-то в голову не приходило)))) Благодарю!
@ЯнаЛяшко-н3х
@ЯнаЛяшко-н3х 2 ай бұрын
Максимально продуктивное видео 🔥 Софья благодарю 😇
@ivlasova
@ivlasova 3 жыл бұрын
Как всегда полезно! Like💓
@July-beauty
@July-beauty 10 ай бұрын
София Вы просто СУПЕРРРР ! Отличный учитель и очаровательная девушка ! Спасибо ОГРОМНОЕ за ваши уроки ! Очень достойная подача материала !
@АлексейЕвдокимов-ю4т
@АлексейЕвдокимов-ю4т 3 жыл бұрын
О, да, ещё какое полезное видео!👍👏 Большое спасибо, Софья!🌹🍫
@ЕленаКонциялова-ю9к
@ЕленаКонциялова-ю9к 5 ай бұрын
О, Господи, наконец-то нормальный видос на эту тему - без воды, еще и интересный и красивый
@oksana_hosi
@oksana_hosi 3 жыл бұрын
София, благодарю за ваш канал! Прохожу сейчас курсы, но там много не хватает
@galinadunaeva8754
@galinadunaeva8754 2 жыл бұрын
Спасибо большое! Учусь на курсах, а разбираюсь благодаря Вам❤️
@ViktorBezgin
@ViktorBezgin 11 ай бұрын
Не думал что это на столько важно, годнота!!! Спасибо!))
@yarrryna
@yarrryna 2 жыл бұрын
Спасибо за полезное видео!
@АлександрДацко-н7м
@АлександрДацко-н7м 2 жыл бұрын
Спасибо, очень полезная информация
@ЕвгенияКалайтанова-г3б
@ЕвгенияКалайтанова-г3б 3 жыл бұрын
Огромное спасибо! Как всегда, четко и по делу!
@natalivakheta4853
@natalivakheta4853 3 жыл бұрын
Спасибо! Очень интересно и кратко!
@---ob2pw
@---ob2pw 3 жыл бұрын
Спасибо, так круто!)
@juliared3183
@juliared3183 29 күн бұрын
Было познавательно! Знала такой термин от разраба как "дизайн система", а когда встречала слово "UI KIT", то недоумевала и откладывала изучение вопроса. Оказалос , что это все одно и то же и я давно знаю что такое Ui кит 😂. Спасибо за видео!
@SofyaFilippova
@SofyaFilippova 26 күн бұрын
Не совсем. Дизайн система больше раза в 4, более подробна, дизайн-система нужна на крупных проектах. Можете примеры в фигма комюнити посмотреть
@ДарьяДоман-я7ф
@ДарьяДоман-я7ф 3 жыл бұрын
Спасибо! Все понятно и доступно! )
@alyona_brise
@alyona_brise 3 жыл бұрын
Спасибо! Очень своевременная и полезная информация 🧡
@АннаКе
@АннаКе 2 жыл бұрын
Пасибо вам огромное ❤
@ТатьянаСмирнова-я4б
@ТатьянаСмирнова-я4б 3 жыл бұрын
Спасибо большое. Все полезно
@Lana_Kulko
@Lana_Kulko 3 жыл бұрын
Спасибо, спасибо и ещё 1000 раз спасибо! Наконец то стало понятно куда все это вкладывать и что это за зверек такой - юай кит)))
@maiya71
@maiya71 2 жыл бұрын
София, спасибочки Вам от души! Вы всё доступно объяснили. 🌺
@olkakosharska7888
@olkakosharska7888 2 жыл бұрын
Очень информативно, спасибо ) иногда на курсах и меньше можно научиться)
@YanaLiechtenstein
@YanaLiechtenstein Жыл бұрын
Подача супер, все наглядно, спасибо!❤
@Екатерина-р2р7ю
@Екатерина-р2р7ю Жыл бұрын
Класс, как всегда!
@бурдоша
@бурдоша 3 жыл бұрын
Спасибо, полезно 👍
@АннаКуличихина
@АннаКуличихина 3 жыл бұрын
Благодарю 🙏
@tobleronus
@tobleronus 3 жыл бұрын
Спасибо большое, по полочкам буквально. *Раньше копался с этими архивами, не знал "шО с НИмИ ДелАтЬ?"*
@tobleronus
@tobleronus 3 жыл бұрын
Надеюсь вы станете популярными в этом году
@jannakr
@jannakr 3 жыл бұрын
Спасибо, позновательно👍
@pinkpanther2349
@pinkpanther2349 Жыл бұрын
Спасибо большое! 🏵️🏵️🏵️
@НадеждаПронько-д6ж
@НадеждаПронько-д6ж 3 жыл бұрын
Спасибо! Все супер!
@МаркЗахаров-с9д
@МаркЗахаров-с9д Жыл бұрын
Thanks it was very useful!
@Teddi7372
@Teddi7372 2 жыл бұрын
Спасибо большое)
@lumilkaa
@lumilkaa 3 жыл бұрын
спасибо, было полезно
@umka1321
@umka1321 3 жыл бұрын
Спасибо.
@Torrez421
@Torrez421 2 жыл бұрын
Прикольное видео. Только поправочка, в UIKit поинты, а не пиксели) разные штуки)
@MelineWald
@MelineWald 3 жыл бұрын
спасибо, отличное видео
@Татьяна-ю1р2м
@Татьяна-ю1р2м 2 жыл бұрын
Спасибо). Лайк
@eldarhelsinki
@eldarhelsinki 3 жыл бұрын
Спасибо, милашка Софи, за полезный видосик!
@Divaaan3
@Divaaan3 3 жыл бұрын
Что за UI-Kit вы разбирали? Есть ли он в открытом доступе, как хороший пример?
@SofyaFilippova
@SofyaFilippova 3 жыл бұрын
Пересмотрите видео. UI-KIT у каждого проекта свой, я не разбираю какой-то конкретный. Я говорю о о том, что может быть внутри разных UI-KIT, в зависимости от наполнения самого проекта.
@oglk9338
@oglk9338 3 жыл бұрын
А есть ли у вас возможность сделать видео с гайдами для Андроида и iOS? Самы важные и используемые вещи в дизайне мобильных устройств. Спасибо! Всем дизайн)
@kiber7333
@kiber7333 3 жыл бұрын
Во-первых Софья не дизайнит мобильные приложения Во-вторых, на официальных сайтах компаний есть гайдлайны для IOS (Apple) и Android (Google)
@Vor.Sasha_1972_Marshall
@Vor.Sasha_1972_Marshall 11 ай бұрын
Софья, спасибо.
@annancyro
@annancyro 3 жыл бұрын
Подскажите, нужно ли для каждого адаптива адаптировать и ui-kit тоже?
@МихаилМаляренко-ъ4т
@МихаилМаляренко-ъ4т 3 жыл бұрын
Спасибо полезно )
@tinatintodua3606
@tinatintodua3606 3 жыл бұрын
Spasibo za information)
@sunnygold7589
@sunnygold7589 3 жыл бұрын
Спасибо. А почему не рекомендуете шаблоны?
@SofyaFilippova
@SofyaFilippova 3 жыл бұрын
Дизайнер и существует для того, чтобы решать задачу индивидуально под каждого, а не с помощью шаблонов
@АлександрРостаков-ь3р
@АлександрРостаков-ь3р 3 жыл бұрын
Спасибо🤗
@ОляМалиновская-к8р
@ОляМалиновская-к8р 3 жыл бұрын
Будет ли это разбираться на основном курсе по веб-дизайну?
@grigorysteblyanko3584
@grigorysteblyanko3584 Жыл бұрын
Спасыбо)
@m.sirotina
@m.sirotina Жыл бұрын
UI кит создается параллельно с разработкой дизайна? или уже после?
@иринаяровая-м5ч
@иринаяровая-м5ч 3 жыл бұрын
огромное спасибо
@Dwert1
@Dwert1 2 жыл бұрын
спасибо!
@VitaliiKonstantinov
@VitaliiKonstantinov 3 жыл бұрын
Отличное видео! Подскажи, пожалуйста, я правильно понял, что создавать такой UI Kit это такой себе предмет хорошего тона? То есть вместе с готовым проектом дизайнер отдаёт весь набор элементов из этого проекта, чтобы верстальщику было легче работать?
@Юлія-ф3л
@Юлія-ф3л 3 жыл бұрын
Как меня учат, то это не предмет хорошего тона, а прямая обязанность. Не хочешь делать юи кит и анимацию? - Тогда не забудь отдать часть своего гонорара фронт-эндеру
@SofyaFilippova
@SofyaFilippova 3 жыл бұрын
Это обязательный этап работы профессионала. Если речь идет о маленький сайтах, то UI-KIT для них не нужен, создают чаще обрезанный под кнопки, всплывашки, ховеры
@VitaliiKonstantinov
@VitaliiKonstantinov 3 жыл бұрын
@@SofyaFilippova Спасибо большое за ответ. Я не в сфере и не знаю всего этого, только учусь!
@SeoAudits-fv3nn
@SeoAudits-fv3nn 9 ай бұрын
На счет того чтобы записывать там сколько отступов итд жто мне в голову не пришло я хотел потом все подровнять водогнать а так да...если записывать сначала, но много времени скэкономишь и ошибок лишних избежишь. спасибки !
@ulkerram111
@ulkerram111 3 жыл бұрын
thanks you!:)
@lespoulstandard
@lespoulstandard 3 жыл бұрын
Большое спасибо, теперь не нужно собирать информацию из разных источников с:
@ethanhunt3865
@ethanhunt3865 2 жыл бұрын
UI kit нужно делать в самом начале или когда уже готов дизайн хотя бы для главного экрана, чтоб от него уже подобрать UI систему?
@Krylowandrey
@Krylowandrey Ай бұрын
Чем UI-КИТ отличается от Bootstrap? Это разные сервисы решающие одну и туже задачу или это принципиально разные сервисы, для совершенно разных задач?
@bystrovagency
@bystrovagency 3 жыл бұрын
А чем ui-kit отличается от design system?
@soundmorozov
@soundmorozov 2 жыл бұрын
Трижды лайк!
@ДмитрийПавлов-с6ъ
@ДмитрийПавлов-с6ъ 2 жыл бұрын
как установить это все
@camillam8315
@camillam8315 2 жыл бұрын
спасибоооо
@aperkarapetyan4432
@aperkarapetyan4432 2 жыл бұрын
👍👍👍
@ВікторіяКольба
@ВікторіяКольба 2 жыл бұрын
Дякую)
@lucky_d168
@lucky_d168 7 ай бұрын
Шаблоны нада, может поделиться кто
@riowio4481
@riowio4481 3 жыл бұрын
UI kit, гайдалайн, стайлгайд - по факту это одно и тоже?
@valerii199
@valerii199 3 жыл бұрын
По сути да, смотря для чего все это
@helll764
@helll764 Жыл бұрын
Чем UI Kits отличаются от гайдлайнов и дизайн-систем UI/UX guideline, или гайдлайн - это документ, который содержит основные концепции дизайна. В нем указаны требования к интерфейсу, размещению компонентов, правила взаимодействия и сочетания элементов, акценты, которые нужно расставить. Это подробное текстовое руководство, которое помогает решить, каким будет интерфейс, а не набор элементов, в отличие от UI Kit. Гайдлайны часто связаны с соответствующими им наборами. Дизайн-система - это набор компонентов, правил, указаний и инструментов, которые повышают качество и скорость разработки новых продуктов и обеспечивают эффективную поддержку существующих. В нее входят и UI Kits, и гайдлайны, и шаблоны проектирования страниц. Как правило, подобные дизайн-системы применяются только в больших компаниях.
@bohdanshvaikovskyy9312
@bohdanshvaikovskyy9312 3 жыл бұрын
Дякую
@feemgoodinc
@feemgoodinc 2 жыл бұрын
Спайсон!
@ghevondrobertghazarian5625
@ghevondrobertghazarian5625 3 жыл бұрын
SPASIBAAA
@theoty-js
@theoty-js 2 жыл бұрын
Очень приятная ^^)
@P_Matveev
@P_Matveev 3 жыл бұрын
Где логичное завершение данного видео сам ui кит?
@SofyaFilippova
@SofyaFilippova 3 жыл бұрын
Пересмотрите видео. UI-KIT у каждого проекта свой, я не разбираю какой-то конкретный. Я говорю о о том, что может быть внутри разных UI-KIT, в зависимости от наполнения самого проекта.
@WebCreator-js
@WebCreator-js 3 жыл бұрын
nixuya ne ponyal no ochen interesno
@VeronikaMukosey
@VeronikaMukosey Ай бұрын
мерси
@alicerexed5588
@alicerexed5588 3 жыл бұрын
@Сабина-х8р
@Сабина-х8р 3 жыл бұрын
Спасибо 🙏🏻
@Укажитеназвание-б4к
@Укажитеназвание-б4к 3 жыл бұрын
Спасибо ☺️
@МаксимКлимов-ъ8з
@МаксимКлимов-ъ8з 3 жыл бұрын
Спасибо!
@nastyaivanova6397
@nastyaivanova6397 Жыл бұрын
спасибо!
@skasssar
@skasssar 3 жыл бұрын
Спасибо )
@logotipasplius9776
@logotipasplius9776 3 жыл бұрын
Спасибо
@JuliaKrav
@JuliaKrav 2 жыл бұрын
Дякую)
@ВедущийЮрийЕжов
@ВедущийЮрийЕжов 2 жыл бұрын
Спасибо!)
@barbotkopolina
@barbotkopolina 3 жыл бұрын
Спасибо
@НатальяЛемешко-ъ6р
@НатальяЛемешко-ъ6р 3 жыл бұрын
спасибо
@kistochka_design
@kistochka_design Жыл бұрын
Спасибо!)
@exploringtheworld8780
@exploringtheworld8780 3 жыл бұрын
Спасибо!
@LaLu85558
@LaLu85558 3 жыл бұрын
Спасибо 👍
@НикитаУлановский-т3т
@НикитаУлановский-т3т Жыл бұрын
спасибо!
@sashfomin
@sashfomin 3 жыл бұрын
Спасибо)
@АлександрЧабан-ъ5ч
@АлександрЧабан-ъ5ч 3 жыл бұрын
Спасибо!!!
@m.elmira2515
@m.elmira2515 Жыл бұрын
спасибо)
@annasoinikova1217
@annasoinikova1217 3 жыл бұрын
Благодарю))
@sashavolkova9626
@sashavolkova9626 3 жыл бұрын
спасибо
@citycattv5050
@citycattv5050 2 жыл бұрын
Спасибо🐎
@Lemon0071
@Lemon0071 5 ай бұрын
спасибо)
@АлександрЧкан-ч6и
@АлександрЧкан-ч6и 3 жыл бұрын
Спасибо)
@kseniyatetiura4193
@kseniyatetiura4193 3 жыл бұрын
Спасибо!
ТРЕНДЫ 2021 В UI/UX ДИЗАЙНЕ, ВЕБ-ДИЗАЙНЕ
3:58
Sofya Filippova
Рет қаралды 10 М.
GIANT Gummy Worm #shorts
0:42
Mr DegrEE
Рет қаралды 152 МЛН
Wednesday VS Enid: Who is The Best Mommy? #shorts
0:14
Troom Oki Toki
Рет қаралды 50 МЛН
ТРЕНДЫ ДИЗАЙНА 2025
13:17
LIFE TUBE / digital & marketing & smm
Рет қаралды 10 М.
Дизайн-система и UI-кит: в чем же разница?
7:39
Алексей Поляков
Рет қаралды 22 М.
Типографика, шрифты или Fonts | Изучаем UI-KIT
22:16
А ТЫ ТОЧНО ДИЗАЙНЕР? ★
Рет қаралды 2 М.
МОДУЛЬНЫЕ СЕТКИ В ВЕБ-ДИЗАЙНЕ
20:09
Sofya Filippova
Рет қаралды 61 М.