Главная

Рубрика «design system» - 2

Дизайн–система Acronis. Часть вторая. Иконки, SVG шрифты, Gulp

2017-12-12 в 7:39, admin, рубрики: acronis, components, design system, fonts, front-end, gulp, icons, product design, svg, UI, UX, Блог компании Acronis, Inc, веб-дизайн, интерфейсы

Меня зовут Сергей, и я все еще работаю старшим дизайнером в компании Acronis. Мы продолжаем оптимизировать работу отдела дизайна продуктов для бизнеса и все больше интегрируемся в процессы на стороне front-end разработки.

В прошлой статье я рассказывал о создании библиотеки компонентов, выборе инструментов и взаимодействии с разработчиками. В этой статье я сделаю акцент на мелочах. Расскажу про SVG шрифты, работу с иконками и приправлю рассказ толикой автоматизации с использованием Gulp.Читать полностью »

БЭМ + React: гибкая архитектура дизайн-системы

2017-10-23 в 7:01, admin, рубрики: css, design, design system, html, javascript, open source, Блог компании «Альфа-Банк», дизайн система

Дизайн — это фашизм. Фашизму нужна питательная среда. Он начинает раскрываться в полной мере только на крупных масштабах. Идеальная среда для фашизма — это большая компания с огромным количеством продуктов. Например, Google или… Альфа-Банк. Фашизм априори не гибок…
Читать полностью »

Дизайн-система Acronis. Часть первая. Единая библиотека компонентов

2017-09-20 в 7:34, admin, рубрики: acronis, angular 4, components, design system, library, product design, UI, UX, Блог компании Acronis, Inc, веб-дизайн, интерфейсы

Дизайн-система Acronis. Часть первая. Единая библиотека компонентов - 1

Меня зовут Сергей, я работаю старшим дизайнером в компании Acronis. В отделе дизайна продуктов для бизнеса я отвечаю за разработку и внедрение единой библиотеки компонентов.

Так как у нас много продуктов и сервисов, а дизайн в этих продуктах и сервисах сильно отличается, мы решили его унифицировать и привести к единому UI. Зачем? Все просто: такой подход дает возможность оптимизировать работу отдела, сосредоточить дизайнеров на UX, ускорить процесс разработки и запуск новых продуктов, снизить нагрузку на отделы тестирования и значительно сократить количество багов на стороне front-end. В этой статье я расскажу о нашем опыте, остановлюсь на инструментах и покажу, как устроена библиотека изнутри.

Читать полностью »