UI Kit должен содержать компоненты, которые используются в адаптиве. Тут уже зависит от того, как именно организованы сами компоненты. Иногда это может быть 1 компонент, которых используется и для десктопа, и для планшета, и даже для мобильной версии. А иногда нужны отдельные компоненты.
Здравствуйте, спасибо за материал. Подскажите, где лежат подсказки и видео, на которые вы ссылаетесь? Конкретно интересует работа с компонентами > ресайз компонента.
Здравствуйте! А почему остановились именно на Фигме для работы и для подачи информации на канале? Почему не XD? Можете что-то сказать по поводу редактора от Adobe?
Adobe XD неплох, но 90% команд, с которыми я сталкивался, работают в Фигме. Плюс, лично мне Фигма приятнее с точки зрения эргономики: ощущается лучше, приятнее работать (а это очень важно для программы, в которой проводишь по несколько часов в день).
Спасибо большое за информацию! у меня вот такой вопрос, получила проект доделать без layout все очень мануально дизайнер делал, без UI kit. Разработчики уже начали работать. как бы мне решить быстрее проблему и помочь фронтэнду?
Тут можно только посоветовать начать делать UI Kit и поддерживать его в актуальном состоянии. Это сильно поможет в дальнейшем, при внесении изменений в проект.
Процесс создания сайта: сначала рисуем uikit с кнопочками, и потом уже вставляем в макет. Или сначала рисуем макет и оттуда берем элементы и переносим в uikit?
Вначале была речь об этом. Сначала делаешь одну страницу, после принятия дизайна заказчиком делаешь ui kit. Ты не сможешь качественно кита сделать, если не будешл в целом понимать стиль, как и что сочитается на странице
а зачем вы добавляете к кнопке фон-прямоугольник отдельно и делаете дополнительный вертикальный auto layout? ведь можно просто к первому горизонтальному добавить фон и скругление, как и к любому фрейму
Добавление фона отдельным шейпом это привычка) Разумеется, можно сразу к фрейму добавить фон и скругление углов. Это уж кому как удобнее. А вот по поводу двух auto-layout чуть сложнее. В моем примере была кнопка с иконкой. Если поставить горизонтальный auto-layout, то нельзя будет вручную изменить ширину кнопки (только высоту), а это иногда бывает нужно. Поэтому я обхожу это вложением горизонтального auto-layout'а в вертикальный. В случае с простой кнопкой без иконки такие изощрения, разумеется, не нужны (впрочем, они не нужны и в том случае, если вы не собираетесь вручную менять ширину кнопки и будете полагаться только на автоматические отступы).
Добрый день =) По вашему мнению, за сколько времени реально можно выучить профессию ux/ui проектировщика, чтобы был смысл отправлять резюме на позицию джуна? Как вариант, хватит ли года обучения?
Ja bil bi blagodaren esli raskazali bi pro rabotu s multi-theme. Kogda polzavatelju razresheno vibratj "ljuboi" Accent color i Light/Darker/Dark theme. Kogda rabotaesh s prostim saitikom, vsjo prosto... silno paritsa pro naming i organizaciju ne nado. No kogda odin i tot zhe komponent mozhet bitj v raznih variacijah (theme) i v state (active, hover, etc), to vsjo na mnogo slozhnee. Te zhe prostie shadows/elevation. Na belom fone, vsjo prosto. A kak bitj kogda fon tjomnij? Ilji Darker? I esli polzovatelj esho vibral krasnij Accent? Menja ne tak silno parit sami komponenti, kak imenno naming conventions, potomu shto mnje nado peredatj/sozdatj normalnuju arhitekturu dlja razrabotchikov.
![[NEW] 🔥 Figma Variants как пользоваться? Настраиваем варианты компонентов. Урок 15](http://i.ytimg.com/vi/UUJdwx_Jd74/mqdefault.jpg)
![PASULOL รามเกียรติ์ ตอนที่ 4 นนทกพบรัก [Ramakien Ep.4: Nonthok in love]](http://i.ytimg.com/vi/tMUQgmZzf_A/mqdefault.jpg)
Спасибо за твои видео! Благодаря твоим знаниям не лажаю на работе) сделай, пожалуйста, обзор на дизайн-системы.
Классная тема по поводу дизайн систем! Спасибо большое! А видос по поводу объяснения других дизайн систем, то тебе не будет цены...
охуенное видео!!!! узнала больше,чем на курсах! огромное вам спасибо за труд
👏
крайне полезная информация у вас на канале. спасибо за труд!
Хорошее объяснение. Вынесла для себя полезную инфу. Супер, спасибо!
Да, сними по материал дизайну. Спасибо
Максим, спасибо большое за подробный урок. Все четко и понятно) буду следить за обновлениями!
У вас самый классный канал на ютьюб! Огромное спасибо!
🔥🔥🔥
Это просто ТОП! Спасибо тебе огромное! :)
Очень подробно и доступно
Дякую за відео!
Видео по Material Design будет интересно
Обожаю ваш канал! Спасибо за информацию)
Спасибо большое за видео, ждем продолжения! :)
Спасибо большое! очень полезны все ваши видео!
Четко, спасибо!
Отличный контент! Но, пожалуйста структурируй подачу, что бы не было из разряда... В конце видео- О, в начале надо было так
Спасибо❤ спасибо❤ спасибо❤ Супер видео разбор!
Как киты подключать к файлу в фигме и перекидывать с него компоненты
Привет! Спасибо большое за информацию!
Спасибо за видео! Ждем продолжения)
Подскажи, а почему не использовал варианты в компоненте с кнопками? Зачем надо было делать 3 разных компонента?
Видео снято в Мае 2020. Функционала вариантов ещё не было 🙂
Спасибо!
Благодарю за видео! Я только не поняла как закидывать иконки в контейнер?
о уенно
Очень полезный видео, спасибо!!😌
👍👍👍🙏🏻🙏🏻🙏🏻🔥🔥🔥
очень познавательно. спасибо!
Подскажите, нужно ли для каждого адаптива адаптировать и ui-kit тоже?
UI Kit должен содержать компоненты, которые используются в адаптиве. Тут уже зависит от того, как именно организованы сами компоненты. Иногда это может быть 1 компонент, которых используется и для десктопа, и для планшета, и даже для мобильной версии. А иногда нужны отдельные компоненты.
очень полезно, спасибо!
Здравствуйте, спасибо за материал. Подскажите, где лежат подсказки и видео, на которые вы ссылаетесь? Конкретно интересует работа с компонентами > ресайз компонента.
Здравствуйте, подсказки на youtube всегда отображаются в правом верхнем углу видео (под иконкой со знаком i)
@@disarto.digital Благодарю )
А можно не добавлять при авто лейауте кнопке фрейм(прямоугольник), а просто добавив тексту кнопки автолейаут добавить fill и все. Будет одно и тоже.
Здравствуйте! А почему остановились именно на Фигме для работы и для подачи информации на канале? Почему не XD? Можете что-то сказать по поводу редактора от Adobe?
Adobe XD неплох, но 90% команд, с которыми я сталкивался, работают в Фигме. Плюс, лично мне Фигма приятнее с точки зрения эргономики: ощущается лучше, приятнее работать (а это очень важно для программы, в которой проводишь по несколько часов в день).
Добрый день, скажите, пожалуйста, есть ли смысл применять auto layout к карточкам или достаточно того, что они в компонентах?
Применять Auto layout к карточкам - это отличная идея 😉
спасибо
Спасибо большое за информацию! у меня вот такой вопрос, получила проект доделать без layout все очень мануально дизайнер делал, без UI kit. Разработчики уже начали работать. как бы мне решить быстрее проблему и помочь фронтэнду?
Тут можно только посоветовать начать делать UI Kit и поддерживать его в актуальном состоянии. Это сильно поможет в дальнейшем, при внесении изменений в проект.
18:50 Какое сочетание клавиш нажимаете, чтобы фон на задний план ушел?
Ctrl + Shift + [
Процесс создания сайта: сначала рисуем uikit с кнопочками, и потом уже вставляем в макет. Или сначала рисуем макет и оттуда берем элементы и переносим в uikit?
Вначале была речь об этом. Сначала делаешь одну страницу, после принятия дизайна заказчиком делаешь ui kit. Ты не сможешь качественно кита сделать, если не будешл в целом понимать стиль, как и что сочитается на странице
Спасибо! :)
а зачем вы добавляете к кнопке фон-прямоугольник отдельно и делаете дополнительный вертикальный auto layout? ведь можно просто к первому горизонтальному добавить фон и скругление, как и к любому фрейму
Добавление фона отдельным шейпом это привычка) Разумеется, можно сразу к фрейму добавить фон и скругление углов. Это уж кому как удобнее. А вот по поводу двух auto-layout чуть сложнее. В моем примере была кнопка с иконкой. Если поставить горизонтальный auto-layout, то нельзя будет вручную изменить ширину кнопки (только высоту), а это иногда бывает нужно. Поэтому я обхожу это вложением горизонтального auto-layout'а в вертикальный. В случае с простой кнопкой без иконки такие изощрения, разумеется, не нужны (впрочем, они не нужны и в том случае, если вы не собираетесь вручную менять ширину кнопки и будете полагаться только на автоматические отступы).
Как задать размер контейнера для иконки?
Контейнер - это обычный фрейм. Чаще всего используется размер 24px на 24px.
Thx!!!
Привет! Спасибо большое за информацию!
Мог бы дать ссылку на carbon систему в Figma? Не могу найти😒
github.com/half5cat/carbon-design-kit-figma/blob/master/Carbon%20Design%20System%20(White%20Theme).fig
а можно ссылку на этот пак иконок?
feathericons.com/. В Фигме есть одноименный плагин.
Thanx
Добрый день =)
По вашему мнению, за сколько времени реально можно выучить профессию ux/ui проектировщика, чтобы был смысл отправлять резюме на позицию джуна? Как вариант, хватит ли года обучения?
Зависит от бэкграунда и времени, которое вы готовы вкладывать в обучение. Если тратить по 3-4 часа каждый день, то хватит и 6-8 месяцев.
@@disarto.digital понял, спасибо. А вы самостоятельно обучались всему? Если говорить о теории
Так и не сказал как перетащить эту иконку
Ja bil bi blagodaren esli raskazali bi pro rabotu s multi-theme. Kogda polzavatelju razresheno vibratj "ljuboi" Accent color i Light/Darker/Dark theme.
Kogda rabotaesh s prostim saitikom, vsjo prosto... silno paritsa pro naming i organizaciju ne nado. No kogda odin i tot zhe komponent mozhet bitj v raznih variacijah (theme) i v state (active, hover, etc), to vsjo na mnogo slozhnee. Te zhe prostie shadows/elevation. Na belom fone, vsjo prosto. A kak bitj kogda fon tjomnij? Ilji Darker? I esli polzovatelj esho vibral krasnij Accent?
Menja ne tak silno parit sami komponenti, kak imenno naming conventions, potomu shto mnje nado peredatj/sozdatj normalnuju arhitekturu dlja razrabotchikov.
Спасибо!