Мультибрендовая дизайн-система: как «Северсталь» идёт к унификации цифровых продуктов

Всем привет! Меня зовут Иван, я руковожу группой «Дизайн и клиентский сервис» в ИТ-команде «Северстали». Уже почти год мы занимаемся разработкой собственной мультибрендовой дизайн-системы. Наша цель — создать платформу, которая обеспечит «Северстали» необходимую гибкость и независимость от сторонних вендоров при разработке цифровых продуктов, что особенно актуально в условиях тренда на импортозамещение в России. В последние годы дизайн-системы стали неотъемлемой частью создания цифровых продуктов как на западном рынке, так и в России. Они позволяют унифицировать дизайн и улучшить взаимодействие между разработчиками, дизайнерами и другими участниками процесса. История масштабная, и я расскажу о ней в трёх частях.

https://habr.com/ru/companies/severstal/articles/881082/

#дизайнсистема #дизайнсистемы #компоненты #итпродукт #дизайн #uxдизайн #uiдизайн

Мультибрендовая дизайн-система: как «Северсталь» идёт к унификации цифровых продуктов

Часть 1. Предыстория и замысел Всем привет! Меня зовут Иван, я руковожу группой «Дизайн и клиентский сервис» в ИТ-команде «Северстали». Уже почти год мы занимаемся разработкой собственной...

Хабр

Как «токены» типографики использовались в дореволюционной России

Сейчас большинство дизайн-систем используют условные наименований стилей шрифтов — display, headline, title, body или H1, H2, H3 и т.д. Аналогичным образом словолитни и типографии дореволюционной России систематизировали свои шрифты, до появления дизайн-систем и интернета.

https://habr.com/ru/articles/873116/

#токены #токены_типографики #дизайн_токены #дизайнсистемы #типографика #типографика_и_верстка #словолитни #набор_текста

Как «токены» типографики использовались в дореволюционной России

Сейчас большинство дизайн-систем используют условные наименований стилей шрифтов — display, headline, title, body или H1, H2, H3 и т.д. Пример условных обозначений стилей типографики Использование...

Хабр

🪄 По-настоящему полезные Figma-плагины для UX дизайнера (не вру)

Привет, я Арсен – UX/UI-дизайнер. А тут я собрал плагины для Figma, которыми я пользуюсь регулярно при разработке интерфейсов и организации ui-китов. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов, лучших в своей категории. Читать

https://habr.com/ru/articles/857346/

#ux #ui #figma #user_experience #плагины #дизайн_интерфейсов #дизайнсистема #дизайнсистемы #uikit

🪄 По-настоящему полезные Figma-плагины для UX дизайнера (не вру)

Привет, я Арсен – UX/UI-дизайнер, работаю в основном над мобильными интерфейсами, делающий всё от исследования до High-Fidelity прототипа и органиации дизайн-кита. Вот мой тг-канал, если вдруг...

Хабр

Нежные дизайнеры в суровом мире

Являюсь продуктовым дизайнером. Буквально сегодня меня забанили в группе телеграм-канала про дизайн-системы (админы и модераторы этого канала также держат телеграм канал "чат-дизайна"). Всё из за того, что я использовал слово "петух" относительно бота, который скинул какую-то цыганскую рассылку в чат, после чего она была удалена модераторами. Моё сообщение вскоре тоже было удалено. На вопрос почему нельзя использовать слово "петух" относительно разного рода инфоцыган и прочих спамеров, меня проигнорировали в объяснении адекватном и вовсе заблокировали, как я понял за токсичное поведение (могу ошибаться). Часто ли сталкивались с подобным отношением в своей практике? Это что, стало некой нормой в обществе изнеженных додиков, и западная форма социальных отношений проникла и в наше общество, где нельзя сказать даже слова "петух" не то что относительно дизайнеров (кем они и являются по большей мере, как видно даже из примера про админов этих каналов) так ещё и к инфоцыганам? Работая в разных компаниях, я уже просто привык называть дизайнеров петухами, ну чисто из соображений оценочного суждения в образах сладких хипстеров и прочих "улетевших" творцов. Неужели теперь всё идёт к ужесточению цензуры, где никого нельзя словом тронуть, не вызывав общественного лицемерного осуждения со стороны подобных нежных вафелек? Подобная тенденция заставляет крепко задуматься об адекватности подобных нежных субъектов, что мечом инквизиции не объясняя причин банят людей, лишь бы сохранить сплошные "лайки" и "сердечки", заставляя людей или говорить только хорошо или никак. Праведный негатив, видимо, теперь нельзя использовать даже относительно тех, кто его заслуживает. Видимо ты должен терпеть как паскудство деятельности инфоцыган и прочих мудил, так и ещё и паскудство прочих петухов, что возомнили себя блюстителями морали. Жаль что их мир и правда достаточно лицемерный, ведь не принимают объективной действительности, стараясь жить в своём сказочном мире с "лайками" и "сердечками", где всем запрещено говорить что-то кроме позитива и одобрений. Да. В интересное время живём с безумцами и ссыкунами, что боятся любой реакции, которая портит им восприятие их мирка.

https://habr.com/ru/articles/844064/

#дизайнсистемы #ux #ux/ui #product #product_design

Нежные дизайнеры в суровом мире

Являюсь продуктовым дизайнером. Буквально сегодня меня забанили в группе телеграм-канала про дизайн-системы (админы и модераторы этого канала также держат телеграм канал "чат-дизайна"). Всё из за...

Хабр

Семантическое версионирование макетов

У вас тоже куча файлов и страниц? Да еще и непонятно, какие из них актуальные и нужные? Но вроде ведь такого быть не должно, как так? Что такое семантическое версионирование? Семантическое версионирование (Semantic Versioning, SemVer) — это система версионирования, которая помогает отслеживать изменения и их влияние на проект. В контексте разработки дизайн-систем и работы в Figma семантическое версионирование может быть полезным инструментом для управления и документирования изменений в компонентах, стилях и других элементах дизайна, а также для поддержания макетов в актуальном состоянии. Хорошо, как это мне поможет? Узнать больше

https://habr.com/ru/articles/842120/

#семантическое_версионирование #Figma #Версионирование_макетов #Дизайнсистемы #MAJORMINORPATCH #Компоненты #Бранчи_Figma #История_версий #Управление_изменениями #Журнал_изменений

Семантическое версионирование макетов

У вас тоже куча файлов и страниц? Да еще и непонятно, какие из них актуальные и нужные? Но вроде ведь такого быть не должно, как так? Что такое семантическое версионирование? Семантическое...

Хабр

Семантическое версионирование в дизайне

Что это? Семантическое версионирование — это процесс управления несколькими версиями продукта, где каждый выпуск сохраняет основной функционал, но может быть усовершенствован, модернизирован или индивидуализирован. Проще говоря, версия продукта говорит об изменениях. Как с ней работать? Система строится по формату: MAJOR.MINOR.PATCH (например, 2.1.3). Хочу знать больше

https://habr.com/ru/articles/842112/

#Семантическое_версионирование #Версионирование_в_дизайне #дизайнсистемы #Компоненты_в_Figma #Управление_версиями #MAJORMINORPATCH #Управление_бранчами_Figma #Минорные_изменения_в_дизайне #Версии_макетов #Компоненты_интерфейса

Семантическое версионирование в дизайне

Что это? Семантическое версионирование — это процесс управления несколькими версиями продукта, где каждый выпуск сохраняет основной функционал, но может быть усовершенствован, модернизирован или...

Хабр

Как я правил контраст и базовую палитру в дизайн-системе

Меня зовут Игорь Пешков, я дизайнер в KODE — IT-компании, которая занимается коммерческой разработкой. Хочу рассказать вам, как исправлял проблемы с контрастом в дизайн-системе одной крупнейшей в своей области экосистемы IT-продуктов (сами понимаете — NDA). Этот материал — обобщение и описание практического опыта. Теории здесь минимум, так что в первую очередь это будет полезно новичкам в работе с дизайн-системами и палитрами. Но надеюсь, что бывалые опытные дизайнеры тоже найдут здесь что-то полезное. Или хотя бы лишний раз в чём-то убедятся)

https://habr.com/ru/articles/840804/

#дизайн #ux/ui #ux #ui #контраст #контрастность #дизайнсистемы #палитра #leonardo #прозрачность

Как я правил контраст и базовую палитру в дизайн-системе

Меня зовут Игорь Пешков, я дизайнер в KODE — IT-компании, которая занимается коммерческой разработкой. Хочу рассказать вам, как исправлял проблемы с контрастом в дизайн-системе одной крупнейшей в...

Хабр

Дизайн-система: друг или враг?

Привет всем. Меня зовут Диана Осипова. Я являюсь амбассадором АО «ГНИВЦ» в Чувашском государственном университете города Чебоксары. Кроме того, с недавнего времени я присоединилась к команде компании в качестве junior-дизайнера. Сегодня поговорим о теме, которая довольно популярна в IT-сообществе – дизайн-система . Думаю, каждый слышал об этом термине хотя бы краем уха, но не все до конца понимают, чем же она так хороша. Обсудим ее плюсы и минусы, а в конце я поделюсь с вами неочевидным секретом создания идеальной дизайн-системы.

https://habr.com/ru/companies/gnivc/articles/824822/

#дизайнсистема #дизайнсистемы #дизайн #дизайн_интерфейсов #интерфейсы #оптимизация #оптимизация_рабочего_времени

Дизайн-система: друг или враг?

Привет всем. Меня зовут Диана Осипова. Я являюсь амбассадором АО «ГНИВЦ» в Чувашском государственном университете города Чебоксары. Кроме того, с недавнего времени я присоединилась к команде компании...

Хабр

«Цифра» представила дизайн-систему Prizm

Группа компаний «Цифра» презентовала свою дизайн-систему Prizm , имеющую открытый исходный код . Это первая российская дизайн-система для индустриальных цифровых решений.

https://habr.com/ru/companies/zyfra/articles/792110/

#дизайнсистема #дизайнсистемы #github #opensource #промышленный_дизайн #промдизайн #промышленное_программирование #опенсорс #гитхаб

«Цифра» представила дизайн-систему Prizm

Группа компаний «Цифра» презентовала свою дизайн-систему Prizm , имеющую открытый исходный код . Это первая российская дизайн-система для индустриальных цифровых решений. Дизайн-система PRIZM – это...

Хабр