Шаблон системы дизайна

Автор: ATLASSIAN

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

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

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

Как использовать шаблон «Система дизайна»

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

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

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

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

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

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

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

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

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

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

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

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

Atlassian — это компания, разрабатывающая корпоративное программное обеспечение для разработчиков ПО, руководителей проектов и управления контентом.

  • Content design glossary template

    ATLASSIAN

    Content design glossary

    Teach writers how to use product names, industry terms, and other content with an A-Z guide.

  • Customer interview report template

    ATLASSIAN

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

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

  • Design component template

    Тони Старр

    Ведущий дизайнер контента
    ATLASSIAN

    Компонент дизайна

    Задокументируйте компоненты в своей системе дизайна с помощью этого полезного шаблона.