Дизайн-системы и UI-киты сейчас воспринимаются как равнозначные или тождественные. Но это не так! Более того, смешивать их будет чистым дилетантством, что недопустимо для современных UI/UX-дизайнеров и фронтендеров. В этой заметке я — Денис Пушкарь, оунер дизайн-системы Ростелекома — объясню почему.

https://habr.com/ru/post/684816/?utm_source=habrahabr&utm_medium=rss&utm_campaign=684816

Всем привет, я Алексей, iOS-разработчик в inDriver. Наше приложение представляет собой суперапп с множеством сервисов и услуг: городские, межгородские и грузовые поездки, курьерская доставка, услуги мастеров и так далее. Над каждым сервисом работают отдельные команды, которые имеют свободу принятия решений и вольны делать с продуктом почти все, что захотят.

Но давайте представим, что им дали полную свободу в дизайне. Что из этого может получиться? Скорее всего, хаос. Поэтому у нас есть команда дизайн-системы, о которой я и расскажу под катом.

https://habr.com/ru/post/678284/?utm_source=habrahabr&utm_medium=rss&utm_campaign=678284

Привет, друзья!

В данной статье мы разработаем простую, но относительно полноценную дизайн-систему для веб-приложения средствами Sass.

Почему Sass? Потому что, кроме полной поддержки CSS, Sass предоставляет несколько интересных инструментов, позволяющих существенно сократить шаблонный код, в чем вы сами скоро убедитесь. На мой взгляд, несмотря на стремительное развитие CSS в последние годы, Sass продолжает оставаться актуальным, по крайней мере, при работе над серьезными проектами.

При разработке дизайн-системы в части терминологии, названий, значений переменных и т.п. я буду ориентироваться, в основном, на Bootstrap и немного на Tailwind.

Код проекта на GitHub.

Если вам это интересно, прошу под кат.

https://habr.com/ru/post/677866/?utm_source=habrahabr&utm_medium=rss&utm_campaign=677866

Подготовка иконок к работе в дизайн системе

В этой серии статей я хотел бы поделиться своим опытом построения дизайн-систем и предложить несколько идей по автоматизации. В первой статье мы поговорим на довольно простую, но важную тему — иконки. Поехали!

https://habr.com/ru/post/671168/?utm_source=habrahabr&utm_medium=rss&utm_campaign=671168

Одно из наиболее часто выполняемых действий при оформлении чертежа – отрисовка и редактирование выносок. В nanoCAD СПДС реализованы всевозможные варианты выносных элементов. Остановимся подробнее на выносках, которые доступны в Платформе nanoCAD: мультивыноске и выносках nanoCAD. Первый вопрос, который может возникнуть: зачем в nanoCAD два типа выносок и можно ли остановиться на одном. Чтобы прийти к разумному ответу, предлагаю сравнить эти выноски, оценив особенности каждой.

Для начала чертим мультивыноску (рис. 1, слева) и универсальную выноску (рис. 1, справа) без каких-либо предварительных настроек.

https://habr.com/ru/post/668266/?utm_source=habrahabr&utm_medium=rss&utm_campaign=668266

Привет! Меня зовут Дмитрий Шувалов, я руководитель компании «Интегральный дизайн». В последнее время экономику страны штормит: цены растут, покупательная способность населения снижается, меняются бизнес-цепочки, люди переживают за будущее. Всё это влияет на стратегию развития продуктов и сервисов большинства компаний. Какой бы продукт вы ни развивали, за последний месяц у вас хоть раз, но возникал вопрос: «Что дальше?» Мы с компанией AGIMA разработали фреймворк, который поможет максимально четко на него ответить. В этой статье рассказываю, что мы придумали и как за 2–3 месяца понять, куда двигаться.

https://habr.com/ru/post/667876/?utm_source=habrahabr&utm_medium=rss&utm_campaign=667876

Пока не совершился полный переход на электронные версии документов, вывод чертежей на печать останется актуальной задачей. При этом умение грамотно работать с печатью способно сохранить массу времени и сил.

Все что относится к печати в nanoCAD находится на вкладке Вывод, в группе Печать (рис. 1).

https://habr.com/ru/post/664732/?utm_source=habrahabr&utm_medium=rss&utm_campaign=664732