Дизайн-система в «Иви»

Учитесь грамотно выстраивать дизайн-процессы - скидка 10% на курс «Дизайн-системы»: go.bangbang.ed...
Олег Топталов - арт-директор группы продуктового дизайна в «Иви». Вместе с командой он 6 лет слушает разработчиков, учитывает их боли и возможности и старается во всем этом не потерять автономность и креатив.
Telegram: t.me/bbe_schoo...
VK: bbe.edu...
Ссылки на «Иви»: design.ivi.ru/ и www.ivi.ru/

[@freelancerGusev]

Олеееееееееееег! Добрейший, позитивный человек. Не помнишь наверное уже меня, как-то работали вместе) Рад был увидеть и услышать тебя вновь, спустя столько лет, пускай и на канале BBE

[@ALexanderDolgan]

Спасибо! Для нейминга состояний компонентов выбрали антагонистов МК) Шоурил на странице дизайн системы красивый.

[@WoTUSA]

подход с названием цветов интересный и вероятно вызван потребностями продукта и каким-то определенным дизайнерским опытом.... Но в целом, для некоторых моментов я бы всё же придерживался более, если можно так выразиться, "классического" подхода... что я имею ввиду - к примеру у вас есть серый, у него есть разные варианты насыщенности, оттенка.... думаю было бы логичнее для такого момента использовать шаги в цветовой палитре... к примеру N-5, N-10, N-15, N-20.... А в остальных моментах, судя по количеству абсолютно разных цветов (36:16) - я с вами абсолютно согласен! Спасибо, Олег! Мне как дизу, занимающемуся дизайн системой на проекте, было очень интересно! 🧐

[@4epikart]

По цветам согласен. Добавляя логику с нумерацией или же с оттенками (200, 300, 400) можно жить, но поддерживать сложнее + выбивается из общего правила нэйминга атомов. Т.е. варианты рабочие, но не для нашей системы.

[@FaithFaithTV]

В чем проблема сторибука? Он и позволяет смотреть/тестировать компоненты перед сборкой страницы. Нейминг цветов -- у вас чисто для галочки. Дизайн-система -- это еще средство для общения между фронтом и проектировщиками. Посмотрите на популярные фреймворки и нейминг в них.

[@ihear_u]

Спасибо большое за возможность познакомиться с дизайн-системой Иви! Подскажите, а что происходит с компонентами в фигме, когда вы решаете его удалить со всех сервисов? Вы просто удаляете его безвозратно или ведете какую-то страницу с deprecated компонентами? Спасибо)

[@4epikart]

Тут есть несколько вариантов. Можно пометить (прямо в названии) что он задепрекейчен. Убирать в другой файл где хранятся все депрекейты. Либо детачишь и оставляешь в текущем проекте но в другом пэйдже. Мы пока юзаем первый вариант.

[@АлексейПавлюк-ж6н]

Подскажите шрифт на обложках, похож на Bebas, но не он как будто. Заранее спасибо)

[@bangbangeducation]

Привет!) Узнали у наших дизайнеров - это Druk Condensed

[@АлексейПавлюк-ж6н]

@@bangbangeducation Спасибо)

[@bangbangeducation]

@@АлексейПавлюк-ж6н Рады помочь!)

[@dzmitrybaravik8858]

Норм

[@dennyour]

Спасибо за информацию, было интересно! В дизайн-системе не заметил состояние Focused. Подскажите, вы уже не делаете это? Спасибо.

[@4epikart]

На 33 минуте я показывал спеку и там Focused есть. Без него никуда )