Коллекция

Дизайн-системы

1 6 80x43 - Переосмысление дизайн-систем Spotify

Переосмысление дизайн-систем Spotify

История о том, как мы создаем дизайн-системы, соответствующие нашей культуре автономии и обзор новой дизайн-системы Encore
1 3 80x43 - Microsoft стремится возглавить развитие мобильного дизайна

Microsoft стремится возглавить развитие мобильного дизайна

Сегодня Microsoft возрождает амбициозные планы мобильных интерфейсов, добавляя в мобильные приложения Fluent дизайн-систему
article section code og 4 80x43 - Организация пространства в дизайне. Отступы, сетки и лейауты

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

В этом руководстве мы рассмотрим основы определения пространственных базовых единиц и создание правил отношений с помощью сеток
5 3 80x43 - Переход со Sketch на Figma: пример миграции дизайн-систем

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

В этой статье представлен опыт Help Scout по переносу дизайн-системы из Sketch в Figma
1 5 80x43 - Развитие дизайн-системы: Как мы создавали Slack Kit

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

Это развивалась постепенно, на основе полученного нами опыта. В этой статье я расскажу вам, как мы ее создавали
190521 teamgemini clopin 860x860 80x43 - История о том, как Dropbox перешел на Figma и структурировал свою дизайн-систему

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

Опыт перехода дизайн команды Dropbox на Figma
1 nfkld9x9kwbuoyq7h6tecg 2x 80x43 - Обновление Fluent Design System от Microsoft

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

Как наша Fluent Design System фокусируется на инновациях и реальных потребностях клиентов
7360 80x43 - Мыслить, выходя за новостные рамки. Дизайн-система Guardian

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

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

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

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

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

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

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

В этой части я хочу показать вам, как строить на основе этих базовых элементов создать ключевые символы, необходимые для построения в Sketch сильной дизайн-системы.
1 4 80x43 - Как создать дизайн-систему в Sketch (Часть 1)

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

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

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

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

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

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

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

Каждый год мы разрабатываем и создаем множество приложений (> 100), и каждое из них тщательно смоделировано, разработано и создано с любовью 🙂
1 SJ6pQXwsImpC76V zNK9g 80x43 - Постройте дизайн-систему, которая предоставляет унифицированный набор правил и паттернов для UX и дизайна

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

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

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

Создание детализированной и последовательной дизайн системы – напряженный процесс, особенно при нехватке ресурса. Но плюс в том, что вы можете оперативно принимать дизайнерские решения.
  • manka
  • 26 января, 2017
1 BmaLZzro CRuppVWr1hzVA 80x43 - Как создать фронтенд фреймворк при помощи Sketch

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

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

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

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

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

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

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

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