Шаблон системы дизайна
Автор: ATLASSIAN
Создайте унифицированную систему дизайна для развития вашей дизайнерской команды при поддержке профессионалов
![Шаблон системы дизайна](https://wac-cdn.atlassian.com/dam/jcr:43029419-8a18-4b91-8493-ceb2c05fcdb4/design-system-preview-en.png?cdnVersion=2022)
По мере роста организации фирменный стиль бренда может потребовать улучшений. Система дизайна поможет ускорить процесс разработки дизайна, обеспечить единообразие в масштабах организации и сократить дизайнерский долг. Шаблон системы дизайна позволяет сформулировать основные принципы дизайна, задокументировать компоненты, а также создать правила и рекомендации по дизайну, написанию текстов и так далее. Подобный шаблон — идеальная отправная точка для любой системы дизайна.
Как использовать шаблон «Система дизайна»
Шаг 1. Сформулируйте принципы дизайна
Принципы дизайна — это фундамент системы. Они определяют порядок разработки новых уникальных продуктов и функций. Принципы должны быть краткими, отражать неповторимое видение организации и помогать дизайнерам устранять любые проблемы и конфликты.
Шаг 2. Опишите визуальный «язык»
После того как принципы проектирования определены, можно приступать к определению элементов визуального оформления. Речь идет о цветовой палитре, типографике, форматировании и разрядке текста, иконках и иллюстрациях. Для каждого элемента нужно задать правила, которым должны следовать дизайнеры. Покажите, как использовать элементы фирменного стиля на практике: что делать можно, а что нельзя.
Шаг 3. Создайте правила написания текстов
Когда концепция визуального оформления готова, можно приступать к созданию правил написания текстов. У каждой организации свой стиль и уникальный «голос». Это выражается, в частности, в особых правилах пунктуации, использования заглавных букв и цифр. Необходимо составить подробное руководство по стилю, глоссарий терминов, а также памятку с ответами на распространенные вопросы и основными требованиями к написанию текстов.
Шаг 4. Разработайте рекомендации
Никто лучше вас не знает, что подходит вашей команде дизайнеров, а что нет. В следующем разделе изложите рекомендации по таким темам, как создание версии для людей с ограниченными возможностями, поддержка браузеров и оптимизация для мобильных устройств. Это поможет создать не только красивый, но также функциональный и удобный для всех пользователей дизайн.
Шаг 5. Задокументируйте компоненты дизайна
Пришло время углубиться в детали. Вставьте сниппет кода для каждого компонента вашей системы дизайна и воспользуйтесь таблицами в этом разделе, чтобы описать, как можно менять каждый компонент в разных контекстах. Этому разделу стоит уделить достаточно времени и внимания. Он важен, потому что информация в нем призвана обеспечить корректное и последовательное применение ваших элементов дизайна разработчиками.
Atlassian — это компания, разрабатывающая корпоративное программное обеспечение для разработчиков ПО, руководителей проектов и управления контентом.
Коллекции, в которые входит этот шаблон
Больше шаблонов (Дизайн) Подробнее
-
ATLASSIAN
Глоссарий по дизайну контента
Научите писателей использовать названия продуктов, отраслевые термины и другой контент с помощью руководства от А до Я.
-
ATLASSIAN
Контент-стратегия
Создайте план для контент-стратегии и сформируйте редакционный календарь.
-
ATLASSIAN
Отчет по разговору с клиентом
Извлеките из отчета по разговору с клиентом полезную информацию.