UI-КИТ: ЗАЧЕМ И ЧТО ДОЛЖНО БЫТЬ ВНУТРИ?
HTML-код
- Опубликовано: 26 июл 2024
- 💎 Курс "UX/UI-Дизайн" - uxui.filschool.ru
◾ Базовый курс по веб-дизайну "Основы дизайноведения" - base.filschool.ru/
◾ Полноценный курс по веб-дизайну "Дизайноведение" - filschool.ru/
◾ Ведение рабочих профилей в Instagram "Инставедение" - insta.filschool.ru/
◾ Менторство - drive.google.com/file/d/13GcE...
◾ Магазин футболок для фрилансеров - filippovashop.ru
ТАЙМКОДЫ:
00:00 - Приветствие
00:16 - Что такое UI-кит?
01:18 - Какие элементы могут быть в UI-кит?
01:42 - Кнопки
02:48 - Шрифты, заголовки
03:35 - Цветовая гамма
04:47 - Чек-боксы, радиокнопки
05:47 - Табы (переключатели) и прогресс-бар
6:22 - Ставь лайк и подписывайся, если видео оказалось полезным!
Самые полезные видео на канале:
Кто такой веб-дизайнер - • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗ...
Сколько зарабатывает веб-дизайнер - • СКОЛЬКО ЗАРАБАТЫВАЕТ В...
Навыки веб-дизайнера - • НАВЫКИ ВЕБ-ДИЗАЙНЕРА /...
Как стать веб-дизайнером - • Как стать веб-дизайнер...
Где учиться на веб-дизайнера - • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗ...
Плюсы и минусы профессии - • ПЛЮСЫ И МИНУСЫ ПРОФЕСС...
Какой ноутбук выбрать - • Как выбрать ноутбук дл...
Этапы рабочего процесса - • ЭТАПЫ РАБОЧЕГО ПРОЦЕСС...
Кто такие UX/UI дизайнеры - • КТО ТАКИЕ UX/UI ДИЗАЙН...
Ошибки начинающих - • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ... , • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ...
Стили в веб-дизайне - • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
Сетки в веб-дизайне - • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-...
Адаптивный дизайн сайта - • АДАПТИВНЫЙ ДИЗАЙН САЙТ...
Дизайн сайта в Figma - • ДИЗАЙН САЙТА В FIGMA
Тренды в дизайне на 2021 год - • 8 ТРЕНДОВ UX/UI ДИЗАЙН...
Как сделать портфолио - • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО...
Как рассчитать стоимость дизайна - • КАК РАСЧИТАТЬ СТОИМОСТ...
Как найти первого клиента - • 🔥Как найти первого кли...
Где меня найти:
Instagram: / sofyafilippova
Instagram Filschool: / filschool.ru
Страница Вконтакте: sof_filippova
Сайт веб-студии: filippovadesign.ru
Портфолио студии: www.behance.net/filippovadesign
#kit #UI #вебдизайн
Софья, ты умничка. Было бы круто посмотреть подробное видео про то, как ты начинала, с какими сложностями и неудачами сталкивалась, и как ты их преодолела)
О, Господи, наконец-то нормальный видос на эту тему - без воды, еще и интересный и красивый
О, да, ещё какое полезное видео!👍👏
Большое спасибо, Софья!🌹🍫
Большое спасибо! Без воды и ёмко. Больше таких видео. Однозначно лайк_)
Спасибо, Софья! Оказывается, я как раз делала такие UI-КИТы, только они у меня были всё время на каких-то черновиках, листочках и т.д. То, что это сё можно вот так красиво оформить и постоянно пользоваться, как-то в голову не приходило)))) Благодарю!
София, благодарю за ваш канал! Прохожу сейчас курсы, но там много не хватает
Спасибо большое! Учусь на курсах, а разбираюсь благодаря Вам❤️
Про отступы, гениально! И почему я раньше их не использовал в UI KIT, обязательно возьму на вооружение ))
Ох, большое спасибо! Буквально позавчера делал оформление моб. Приложение, в flat дизайне, но компоненты делал сам, не зная как правильно, а вот сейчас как шаблон буду использовать, спасибо!!
Как всегда полезно!
Like💓
Огромное спасибо! Как всегда, четко и по делу!
Спасибо! Очень своевременная и полезная информация 🧡
София, спасибочки Вам от души! Вы всё доступно объяснили. 🌺
Спасибо! Все понятно и доступно! )
Очень информативно, спасибо ) иногда на курсах и меньше можно научиться)
Спасибо, так круто!)
Не думал что это на столько важно, годнота!!!
Спасибо!))
Подача супер, все наглядно, спасибо!❤
Спасибо, очень полезная информация
Спасибо! Очень интересно и кратко!
Спасибо большое! Очень много подчеркнула для себя !
Спасибо за полезное видео!
Спасибо, спасибо и ещё 1000 раз спасибо! Наконец то стало понятно куда все это вкладывать и что это за зверек такой - юай кит)))
Класс, как всегда!
София Вы просто СУПЕРРРР ! Отличный учитель и очаровательная девушка ! Спасибо ОГРОМНОЕ за ваши уроки ! Очень достойная подача материала !
Спасибо большое. Все полезно
Спасибо, полезно 👍
Пасибо вам огромное ❤
Спасибо! Все супер!
Спасибо, позновательно👍
Спасибо большое, по полочкам буквально.
*Раньше копался с этими архивами, не знал "шО с НИмИ ДелАтЬ?"*
Надеюсь вы станете популярными в этом году
Спасибо большое! 🏵️🏵️🏵️
Спасибо, милашка Софи, за полезный видосик!
Благодарю 🙏
спасибо, было полезно
спасибо, отличное видео
Thanks it was very useful!
Спасибо большое)
Спасибо). Лайк
Трижды лайк!
Спасибо!)
Спасибо полезно )
Спасибо 🙏🏻
Прикольное видео. Только поправочка, в UIKit поинты, а не пиксели) разные штуки)
Спасибо ☺️
Спасибо😊
Спасибо!
Spasibo za information)
Спасибо🐎
Спасибо.
Спасибо🤗
Спасибо ❤
Спасибо 🤗
Спасибо
🎉
Спасибо 👍
Благодарю))
Софья, спасибо.
Спасибо )
спасибо!
спасибо 🙏
Спасыбо)
Подскажите, нужно ли для каждого адаптива адаптировать и ui-kit тоже?
спасибо)
огромное спасибо
Спасибо!!!
А есть ли у вас возможность сделать видео с гайдами для Андроида и iOS? Самы важные и используемые вещи в дизайне мобильных устройств. Спасибо! Всем дизайн)
Во-первых Софья не дизайнит мобильные приложения
Во-вторых, на официальных сайтах компаний есть гайдлайны для IOS (Apple) и Android (Google)
Будет ли это разбираться на основном курсе по веб-дизайну?
Спасибо
спасибо
UI kit нужно делать в самом начале или когда уже готов дизайн хотя бы для главного экрана, чтоб от него уже подобрать UI систему?
thanks you!:)
спасибоооо
Большое спасибо, теперь не нужно собирать информацию из разных источников с:
На счет того чтобы записывать там сколько отступов итд жто мне в голову не пришло я хотел потом все подровнять водогнать а так да...если записывать сначала, но много времени скэкономишь и ошибок лишних избежишь. спасибки !
Что за UI-Kit вы разбирали? Есть ли он в открытом доступе, как хороший пример?
Пересмотрите видео. UI-KIT у каждого проекта свой, я не разбираю какой-то конкретный. Я говорю о о том, что может быть внутри разных UI-KIT, в зависимости от наполнения самого проекта.
UI кит создается параллельно с разработкой дизайна? или уже после?
Отличное видео!
Подскажи, пожалуйста, я правильно понял, что создавать такой UI Kit это такой себе предмет хорошего тона?
То есть вместе с готовым проектом дизайнер отдаёт весь набор элементов из этого проекта, чтобы верстальщику было легче работать?
Как меня учат, то это не предмет хорошего тона, а прямая обязанность. Не хочешь делать юи кит и анимацию? - Тогда не забудь отдать часть своего гонорара фронт-эндеру
Это обязательный этап работы профессионала. Если речь идет о маленький сайтах, то UI-KIT для них не нужен, создают чаще обрезанный под кнопки, всплывашки, ховеры
@@SofyaFilippova Спасибо большое за ответ. Я не в сфере и не знаю всего этого, только учусь!
Дякую)
SPASIBAAA
Спайсон!
Спасибо. А почему не рекомендуете шаблоны?
Дизайнер и существует для того, чтобы решать задачу индивидуально под каждого, а не с помощью шаблонов
А чем ui-kit отличается от design system?
Очень приятная ^^)
👍👍👍
как установить это все
Дякую
Шаблоны нада, может поделиться кто
UI kit, гайдалайн, стайлгайд - по факту это одно и тоже?
По сути да, смотря для чего все это
Чем UI Kits отличаются от гайдлайнов и дизайн-систем
UI/UX guideline, или гайдлайн - это документ, который содержит основные концепции дизайна. В нем указаны требования к интерфейсу, размещению компонентов, правила взаимодействия и сочетания элементов, акценты, которые нужно расставить. Это подробное текстовое руководство, которое помогает решить, каким будет интерфейс, а не набор элементов, в отличие от UI Kit. Гайдлайны часто связаны с соответствующими им наборами.
Дизайн-система - это набор компонентов, правил, указаний и инструментов, которые повышают качество и скорость разработки новых продуктов и обеспечивают эффективную поддержку существующих. В нее входят и UI Kits, и гайдлайны, и шаблоны проектирования страниц. Как правило, подобные дизайн-системы применяются только в больших компаниях.
Где логичное завершение данного видео сам ui кит?
Пересмотрите видео. UI-KIT у каждого проекта свой, я не разбираю какой-то конкретный. Я говорю о о том, что может быть внутри разных UI-KIT, в зависимости от наполнения самого проекта.
nixuya ne ponyal no ochen interesno
Спасибо!)
Спасибо!
спасибо!
Спасибо)
спасибо)
Спасибо
спасибо
Дякую)
Спасибо!