Организация пространства в дизайне. Отступы, сетки и лейауты

В этом руководстве мы рассмотрим основы определения пространственных базовых единиц и создание правил отношений с помощью сеток

Переход со Sketch на Figma: пример миграции дизайн-систем

В этой статье представлен опыт Help Scout по переносу дизайн-системы из Sketch в Figma

Развитие дизайн-системы: Как мы создавали Slack Kit

Это развивалась постепенно, на основе полученного нами опыта. В этой статье я расскажу вам, как мы ее создавали

История о том, как Dropbox перешел на Figma и структурировал свою дизайн-систему

Опыт перехода дизайн команды Dropbox на Figma

Обновление Fluent Design System от Microsoft

Как наша Fluent Design System фокусируется на инновациях и реальных потребностях клиентов

Мыслить, выходя за новостные рамки. Дизайн-система Guardian

Небольшой обзор руководства цифровой дизайн-системы в Guardian

Как создать дизайн-систему в Sketch (Часть 4)

В этой заключительной части я хочу показать вам, как объединить символы, такие как цвет, текст, иконки, формы кнопок и состояния, чтобы собрать компоненты вашей дизайн-системы.

Как создать дизайн-систему в Sketch (Часть 3)

В этой части я хочу показать вам, как я создал финальные базовые символы моей системы дизайна, и я дам вам некоторое представление о создании кнопок состояний и ввода.

Как создать дизайн-систему в Sketch (Часть 2)

В этой части я хочу показать вам, как строить на основе этих базовых элементов создать ключевые символы, необходимые для построения в Sketch сильной дизайн-системы.

Как создать дизайн-систему в Sketch (Часть 1)

Теперь у меня есть система дизайна. Она ускорила мой рабочий процесс в десять раз и дала мне прочную основу для работы над любым проектом.

Обзор дизайн-систем созданных в Figma

Мы в Figma оптимистично настроены в отношении дизайн-систем. Мы также хотим поддержать наших пользователей в их работе по созданию дизайн-систем при помощи Figma.

Space I/O: Новая дизайн-система на основе слоев в пространстве

Space I/O – это наш цифровой фреймворк, и инструмент для построения и дизайна цифровых UI/UX децентрализованным способом на основе пользователь-ориентированного дизайна и сотворчества.

Построение и совместное использование дизайн-системы в Sketch

Каждый год мы разрабатываем и создаем множество приложений (> 100), и каждое из них тщательно смоделировано, разработано и создано с любовью 🙂

Постройте дизайн-систему, которая предоставляет унифицированный набор правил и паттернов для UX и дизайна

Язык дизайна или дизайн-системы – это нечто большее, чем просто руководство по стилям интерфейса. Это также способ работы команды, отражение ее ценностей и принципов.

Как настроить себя на работу над дизайн системой

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

Как создать фронтенд фреймворк при помощи Sketch

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

Система адаптивной сетки в Sketch 3.9

Команда Sketch недавно очень хорошо проработала систему символов. И версия Sketch 3.9…

Дизайн система Predix от компании GE на основе Atomic Design

Дизайн система не должна быть просто хранилищем компонентов пользовательских интерфейсов наряду с теорией

Atomic Design с использованием Sketch – это будущее разработки продуктового дизайна

Брэд Фрост, потрясающая личность из видеоролика, является одним из основателей системы, о которой пойдет речь в этой статье. Atomic Design был разработан в ответ на этот цифровой, адаптивный мир, в котором мы все живем и работаем.