Привет! Я Даня Видишев, старший продуктовый дизайнер из Яндекс, Алиса. Делаю самый клевый российский телевизор с голосовым управлением, который взял гран-при на фестивале G8.
До Яндекса я делал сложные сервисные проекты для таких компаний как СБЕР, S7 Airlines, Accenture, Магнит, Пятерочка, Северсталь, IKEA, VK, Росбанк и др.
На канале провожу воркшопы в записи и эфиры, за которыми сотни часов практики и десятки ошибок, которые учел. А в личном тг делюсь своими мыслями, наблюдениями и экспертизой в процессе постоянного роста.
__
Сейчас выходят видео по качественной сборке компонентов UI-кита - это целый курс (порядка 30-40 видео), абсолютно бесплатный (без подписок и прочих Boosty) - ради комьюнити и Азерота.
Я просмотрел множество видео, посвящённых этой теме, но с цветом всё равно возникают сложности. Жёсткая привязка к цвету ограничивает возможности для творчества. Мне кажется, лучше сначала разработать дизайн, а потом уже подбирать варианты. С кнопками тоже есть свои особенности. В обучающих материалах обычно не рассматривают, что в кнопке на хедере может быть изображение телефона, каталога и так далее. К тому же, прошёл уже год с момента выхода системы, и намедни вышло новое обновление, а она до сих пор не научилась сохранять градиенты. Тс шарит за фигму -вопросов 0... Такая система больше подходит для разработки приложений и дашбордов, нежели для дизайна сайта: лендинг, магазин.
Как я понял ты разбил основную палитру на суб-оттенки, но ведь это альфа-каналы, почему ты сделал именно так? Разве не лучше разбивать цвета без изменений прозрачности? Это ведь сыграет злую шутку. А вообще видео топ, буду рад если ответишь в каких случаях применяются альфа-каналы и почему ты сделал именно таким образом
Занимаюсь сейчас созданием универсального UI Kit для своей компании, который потом будет основой проектов и presale'ов. Решил посмотреть "bestpractice" по теме цветов и просто открыл для себя новый мир! Раньше тащил за собой устаревший, как оказалось, подход в оформлении цветов от своего наставника в прошлой компании (наставник, кстати, очень крутой, но видимо до реорганизации цвета не дошел). В общем спасибо!
Так приятно слушать горящим своим делом классного профессионала!) 10:40 Меня мучает один вопрос про инстант свайп и изменение цвета иконок. Кейс такой: когда сделал компонент тега или кнопки с иконкой, потом используешь ее в проекте и через инстант свап переключаешь на разные иконки. Затем приходит заказчик и говорит, что нужно изменить в кнопке цвет иконки. Меняю его в компоненте, но там, где были переключены иконки на другие, цвет не меняется и нужно сидеть и менять их самому 😢 Может есть какой-то способ, как это обойти?
@@eldanielleee Привет! Спасибо, да, я подписан на Виктора и пользуюсь фишками из его видео) По его способу иконки прекрасно переключаются в компонентах через instance swap, но тут проблема в том, что те иконки, которые переключил в дочернем компоненте (например, в кнопке), уже не поменяют цвет на новый, который я выберу в мейн компоненте у иконки. Поменяет цвет только стандартная иконка из мейна. И пока только два способа нашел - смориться или городить для каждого компонента свой пак покрашенных обернутых иконок, которые будут ссылаться на родительскую иконку, но это кажется слишком)) Других решений пока не смог найти, может у тебя есть мысли по этому поводу?
Здравствуйте, было бы очень интересно посмотреть ролик как правильно дизайнеру сотрудничать с разработчиком, как правильно передавать дизайн в разработку и т.д.
Даня, а го видос с логотипами. Как их масштабировать в компонентах и в системе в целом, если они разного соотношения/размера Было бы круто увидеть как ты это организуешь и отдаешь в разработку
Благодарю за вокршоп, в нем прекрасно всё! У меня вопрос: какой плагин используете / можете порекомендовать для автоматизированного описания созданной палитры и токенов?
Спасибо! Честно говоря, у меня нет такого плагина, потому что нет потока проектов, где я могу его применять) работаю в продукте. У нас есть чатик про компоненты, там больше 300 человек, можно спросить там) ссылка в описании к роликам
Вот это реально круто, записывай больше роликов! Крутые подходы, только сделай ещё, чтобы кнопки показывались, какие ты нажимаешь, очень важно, а то хочется это все запоминать
Привет, спасибо за видео! А можно вот так вручную уменьшать дочерний компонент иконки? До этого когда смотрела видео там были, например, 24 и 16 и у каждого размера был свой мастер. Как правильнее?
Привет! Обсуждали это в чатике про компоненты, он есть в описании. Посмотри там плиз. Если коротко: можно делать размеры, а можно скейлить, если тебя утраивают толщины, скрепления и пр (это можно подогнать)
Очень крутое видео, спасибо! Столкнулась с проблемой: когда кнопки сделаны на мастере, при использовании в макетах, где нужно им поставить Fill для ширины, чтобы она подстраивалась под ширину контейнера, это не работает, тк у мастера не поставить Fill на ширину. Может быть ты подскажешь в чем косяк?
Я не понимаю, как добавить иконку шестеренки в название property... это платная функция фигмы? Просто если я применяю одни и те же настройки instancy для иконок в большой и малой кнопках, то в малой у меня сбрасывается размер иконки и она тоже становится большой. Хелп, плиз :(
Ураааааа)))). Тока уменя с кнопками беда((( появляются конфликты не понимаю вроде все подправил и исправил! Но Появляется Форма предупреждении что что-то пошло не так(( ))) Очень инетересно