Валерия, я новичок в этом деле, занимаюсь в основном графическим дизайном, решила создать пример мобильного приложения для портфолио, долго мучалась, после ваших видео, получилось создать даже скроллинг в телефоне, спасибо вам большое за видео и за проделанный труд!
Спасибо за видео, работаю примерно так же. Я даже расширил атомарный принцип и применяю Атом/Молекула//Клетка/Орган/Секция. А в веб-дизайне рекомендую применять не "привязки", а авто-лэйауты, аналог CSS-флексов. Таким образом ты легко задашь отступы между входящими в этот авто-лэйаут блоками и реализуешь принцип БЕМа: "блок ничего не должен знать о том, что снаружи него, в том числе свои внешние отступы".
Про дублирование букв при вводе - вы вероятнее всего работаете на макбуке года 2018-2019, это их родовая проблема. Немного облегчает страдания настройка повтора ввода буквы в настройках клавиатуры, но исправляет проблему только замена самой клавиатуры (5000 за клавиатуру и ещё примерно столько же за работы по замене).
9:50 Плюс еще момент. Если бы у тебя реально было молекулярная система, то ты бы иконку меняла не в материнском компоненте, а просто выбирала бы в инстанте другую иконку и это было бы просто опцией которую можно было бы выбирать когда захочется. Ты зачем то лезешь менять ее в исходный мастер компонент. В этом нет ни капли молекулярной системы.
Лезу в исходный, потому что хочу чтобы у этих компонентов были такие иконки. Например заказчик говорит хочу здесь поменять иконку и чтобы они были такие везде, вот я иду в мастер компонент и меняю.
Сейчас у меня на проекте был случай. Прошло тестирование части интерфейса и в ходе тестирования выявили, что иконку фильтра воспринимают как сортировка. Мне поставили задачу поменять иконку в фильрах. Я иду в мастер компонент и меняю.
@@ValeriyaDesire не в обиду, мне кажется ты не так давно с этим работаешь и по ощущениям что-то типа джуна. Это не плохо, я без претензий итд. Просто кажется что у тебя мало с этим опыта и ты мыслишь каким то локальными сборками ui китов скорее, чем дизайн системой. Ты видишь компонент как конкретную штуку с табличкой на которой написано «фильтр». Реально компонент это набор элементов и параметров. То есть это не фильтр, а плашка с иконкой по левому краю и текстом с определенным отступами и стилями. Смысл компонентов не то что ты сделала фильтр, а то что ты сделала компонент с определенным набором молекул как ты сама это называешь. Каждый элемент внутри компонента должен быть тоже конфигурируемым(обычно кроме стиля текста). Потому что получается если я не захочу менять иконку на всех фильтрах, а захочу какую то отдельную версию - в твоем компоненте я так не смогу сделать. А вот поставить другую иконку на каких то экранах где это нужно и разработке сказать что там нужна вот такая то иконка - легче легкого. Во всех мало мальски крупных дизайн системах иконка это еще одна библиотека, часто не маленькая и обновляемая. В твоем компоненте нет вариантов и я не смогу переиспользовать его под какие то немного другие или сильно другие нужды. И когда встанет вопрос конфигурации или доработки, выяснится что у тебя все очень неповоротливое и придется много чего либо плодить как опции, либо переделывать. В том что ты делаешь должны быть 1) опция менять иконку как компонент 2) падинги и все расстояния жестко одинаковые и никак иначе 3) предусмотреть стейты резиновости если строчек текста больше одной 4) стили текстов должны быть тоже прописаны 5) у тебя должно быть понятно под что сами компоненты сделаны(платформа), ты на видео их тянешь по ширине, а это большое нет-нет.
В дизайн системах категорически нельзя менять падинги вручную и скрывать элементы через слои, ты смысл дизайн системы то понимаешь и что будет если каждый будет менять вручную все что вздумается? Смысл дизайн системы - чтобы все было одинаковым и легко переиспользовалось. То что ты делаешь с нотификейшеном это самопал и некорректная работа с компонентами. Плюс у тебя в компонентах все построено по разным размерам поэтому друг к другу не подходит и ты вручную тянешь их по ширине
Про падинги согласна, надо было создать новый компонент. Про скрытие слоев и растягивание компонента не согласна. И кнопкам и нотификейшинам можно задать свойство растягиваться в контейнере. А вообще у рабочей дизайн системы есть подробное описание как работают компоненты. У меня учебная, я просто показываю как разработать и больше делаю акцент на том как работать в фигме.
@@ValeriyaDesire то что ты меняешь параметры компонента в здоровых нормальных дизайн системах делается через варианты. Потому что если я буду переиспользовать твой компонент не из первоисточника, а просто скопирую, я могу не в курсах быть что там есть какие то скрытые слои. В реальных системах(я работаю с достаточно большой например) все параметры компонента меняются только через варианты. Модифицировать дизайн компонента запрещено в любой дизайн системе - я тебе это практически гарантирую. Я же не буду ходить и сверять вручную выставленные падинги за каждым человеком и надеятся что все прочитали гайды. Тем более описывать гайдами паддинги, отступы и многие размеры тоже достаточно странное дело - они обычно фиксированные и стабильные в любой нормальной дизайн системе.
Думал, что увижу ролик про работу с дизайн системами, но увидел ролик по созданию окна входа)
Я как минимум узнал, что в вариантах можно прописывать несколько свойств, создавая матрицу элементов. Кайф! Спасибо)
Валерия, я новичок в этом деле, занимаюсь в основном графическим дизайном, решила создать пример мобильного приложения для портфолио, долго мучалась, после ваших видео, получилось создать даже скроллинг в телефоне, спасибо вам большое за видео и за проделанный труд!
Дизайн система просто отменная. Еще и на хорошо понятном языке. Огромное Вам спасибо.
Спасибо за видео, работаю примерно так же. Я даже расширил атомарный принцип и применяю Атом/Молекула//Клетка/Орган/Секция. А в веб-дизайне рекомендую применять не "привязки", а авто-лэйауты, аналог CSS-флексов. Таким образом ты легко задашь отступы между входящими в этот авто-лэйаут блоками и реализуешь принцип БЕМа: "блок ничего не должен знать о том, что снаружи него, в том числе свои внешние отступы".
Супер, дизайн-системы актуально!
Валерия,спасибочки вам большое, как всегда очень информативно.
Спасибо вам за отзыв 🔥
Про дублирование букв при вводе - вы вероятнее всего работаете на макбуке года 2018-2019, это их родовая проблема. Немного облегчает страдания настройка повтора ввода буквы в настройках клавиатуры, но исправляет проблему только замена самой клавиатуры (5000 за клавиатуру и ещё примерно столько же за работы по замене).
Спасибо за дизайн-систему.
Хорошее видео, пора бы мне вылезать из бесконечных лендосов, думаю такая работа это как раз новый уровень развития в профессии
Глоток воздуха
Спасибо, Валерия! Видео - супер)
Спасибо, очень рада, что было полезно 😉
Ничего лишнего! Спасибо.
Спасибо 😉
Подскажите, куда вы нажимаете, чтобы увидеть отступы? Саму красную сетку с цифрами
На маке клавиша Option
Очень-очень полезно. Спасибо
Очень классно, спасибо).
9:50 Плюс еще момент. Если бы у тебя реально было молекулярная система, то ты бы иконку меняла не в материнском компоненте, а просто выбирала бы в инстанте другую иконку и это было бы просто опцией которую можно было бы выбирать когда захочется. Ты зачем то лезешь менять ее в исходный мастер компонент. В этом нет ни капли молекулярной системы.
Лезу в исходный, потому что хочу чтобы у этих компонентов были такие иконки. Например заказчик говорит хочу здесь поменять иконку и чтобы они были такие везде, вот я иду в мастер компонент и меняю.
Сейчас у меня на проекте был случай. Прошло тестирование части интерфейса и в ходе тестирования выявили, что иконку фильтра воспринимают как сортировка. Мне поставили задачу поменять иконку в фильрах. Я иду в мастер компонент и меняю.
@@ValeriyaDesire не в обиду, мне кажется ты не так давно с этим работаешь и по ощущениям что-то типа джуна. Это не плохо, я без претензий итд. Просто кажется что у тебя мало с этим опыта и ты мыслишь каким то локальными сборками ui китов скорее, чем дизайн системой.
Ты видишь компонент как конкретную штуку с табличкой на которой написано «фильтр».
Реально компонент это набор элементов и параметров. То есть это не фильтр, а плашка с иконкой по левому краю и текстом с определенным отступами и стилями. Смысл компонентов не то что ты сделала фильтр, а то что ты сделала компонент с определенным набором молекул как ты сама это называешь.
Каждый элемент внутри компонента должен быть тоже конфигурируемым(обычно кроме стиля текста). Потому что получается если я не захочу менять иконку на всех фильтрах, а захочу какую то отдельную версию - в твоем компоненте я так не смогу сделать. А вот поставить другую иконку на каких то экранах где это нужно и разработке сказать что там нужна вот такая то иконка - легче легкого. Во всех мало мальски крупных дизайн системах иконка это еще одна библиотека, часто не маленькая и обновляемая.
В твоем компоненте нет вариантов и я не смогу переиспользовать его под какие то немного другие или сильно другие нужды. И когда встанет вопрос конфигурации или доработки, выяснится что у тебя все очень неповоротливое и придется много чего либо плодить как опции, либо переделывать.
В том что ты делаешь должны быть 1) опция менять иконку как компонент 2) падинги и все расстояния жестко одинаковые и никак иначе 3) предусмотреть стейты резиновости если строчек текста больше одной 4) стили текстов должны быть тоже прописаны 5) у тебя должно быть понятно под что сами компоненты сделаны(платформа), ты на видео их тянешь по ширине, а это большое нет-нет.
Как можно в начале видео просить ставить Лайк!) Нужно увидеть, а потом решить ставить или нет!:)
в чем отличие разработки дизайна для лендинга интернет магизина и соц сети? какие сроки на разработку и цена?
Спасибо!
Очень полезное видео 💜
Красавица )
В дизайн системах категорически нельзя менять падинги вручную и скрывать элементы через слои, ты смысл дизайн системы то понимаешь и что будет если каждый будет менять вручную все что вздумается? Смысл дизайн системы - чтобы все было одинаковым и легко переиспользовалось. То что ты делаешь с нотификейшеном это самопал и некорректная работа с компонентами. Плюс у тебя в компонентах все построено по разным размерам поэтому друг к другу не подходит и ты вручную тянешь их по ширине
Про падинги согласна, надо было создать новый компонент. Про скрытие слоев и растягивание компонента не согласна. И кнопкам и нотификейшинам можно задать свойство растягиваться в контейнере. А вообще у рабочей дизайн системы есть подробное описание как работают компоненты. У меня учебная, я просто показываю как разработать и больше делаю акцент на том как работать в фигме.
@@ValeriyaDesire то что ты меняешь параметры компонента в здоровых нормальных дизайн системах делается через варианты. Потому что если я буду переиспользовать твой компонент не из первоисточника, а просто скопирую, я могу не в курсах быть что там есть какие то скрытые слои. В реальных системах(я работаю с достаточно большой например) все параметры компонента меняются только через варианты. Модифицировать дизайн компонента запрещено в любой дизайн системе - я тебе это практически гарантирую. Я же не буду ходить и сверять вручную выставленные падинги за каждым человеком и надеятся что все прочитали гайды. Тем более описывать гайдами паддинги, отступы и многие размеры тоже достаточно странное дело - они обычно фиксированные и стабильные в любой нормальной дизайн системе.
@@ibreakpromo5425 посоветуй пожалуйста где черпать годную инфу про дизайн системы
@@ibreakpromo5425 Присоединяюсь к вопросу, посоветуйте, пожалуйста, ресурсы
@@ibreakpromo5425 подскажи пожалуйста откуда черпаешь инфу?
оч круто!
Спасибо))
Спасибо тебе 😘
Спасибо тебе за отзыв! Успехов в работе 🍀
а вот как его скачать и закинуть в визуал студио?
👍
Это UI Kit, не дизайн-система