Как изменить стили на всех артбордах в Adobe XD CC


Узнайте, как создавать активы внутри Adobe XD, которые затем можно использовать для быстрого изменения цветов и стилей символов, используемых во всех прототипах вашего дизайна приложений и веб-сайтов.

Начните с нуля, проделав шаги ниже или загрузите практические файлы [https://learndownload.adobe.com/pub/le…], чтобы дать себе фору.

1. Откройте документ .xd или воспользуйтесь скаченным. (global_changes.xd).

2. Откройте панель Assets, если она не открыта (View — Assets).

Совет: Также вы можете нажать на значёк Assets, в левой нижней части Adobe XD.

3. Добавление глобальной цветовой палитры: Щелкните по заголовку главного артборда. Нажмите знак плюс (+) рядом с цветом на панели Assets, чтобы добавить цвета, используемые на артборде.

4. Изменение глобальных цветов и градиентов:

4.1 Щелкните правой кнопкой мыши по цветовому образцу градиента и выберите Edit. Нажмите на значок цвета в правом углу предварительного просмотра градиента в верхней части панели выбора цвета. Используйте вертикальный слайдер в правом углу, чтобы изменить непрозрачность. Обратите внимание на то, как он воздействует на все артборды, где используется градиент.

4.2 Щелкните правой кнопкой мыши на образец сплошного цвета, например, фиолетовый или оранжевый, и выберите Edit. Используйте ползунки в панели выбора цвета, чтобы изменить цвет. Обратите внимание на то, как он воздействует на все артборды, где используется цвет.

5. Добавление глобальных стилей символов: Нажмите на заголовок артборда Saved Trip. Щелкните знак плюс (+) рядом со стилями символов на панели Assets, чтобы добавить стили символов, используемые на артборде.

6. Изменение глобальных стилей символов: Щелкните правой кнопкой мыши по стилю символа (например, фиолетовый/синий текст) и выберите Edit. Измените размер шрифта, стиль или любые другие свойства шрифта, а затем обратите внимание на изменения на артбордах.

Вот и всё!