Design system template

Шаблон «Система дизайна»

Создано:

Atlassian logo

Создайте унифицированную систему дизайна для развития вашей дизайнерской команды при поддержке профессионалов

Категории

  • Дизайн

ОСНОВНЫЕ ВОЗМОЖНОСТИ

  • Документация

  • Координация команды

  • База знаний

Design system template

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

Использование шаблона системы дизайна

  1. 1

    Шаг 1. Сформулируйте принципы дизайна

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

  2. 2

    Шаг 2. Опишите визуальный «язык»

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

  3. 3

    Шаг 3. Создайте правила написания текстов

    Когда концепция визуального оформления готова, можно приступать к созданию правил написания текстов. У каждой организации свой стиль и уникальный «голос». Это выражается, в частности, в особых правилах пунктуации, использования заглавных букв и цифр. Необходимо составить подробное руководство по стилю, глоссарий терминов, а также памятку с ответами на распространенные вопросы и основными требованиями к написанию текстов.

  4. 4

    Шаг 4. Разработайте рекомендации

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

  5. 5

    Шаг 5. Задокументируйте компоненты дизайна

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

Связанные шаблоны

Дизайн

глоссарий по дизайну контента

Научите писателей использовать названия продуктов, отраслевые термины и другой контент с помощью руководства от А до Я.

Дизайн

контент-стратегия

Разработайте контент-стратегию и сформируйте редакционный календарь

управление продуктами

Отчет по разговору с клиентом

Извлеките из отчета по разговору с клиентом полезную информацию.