Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.
- Руководство пользователя Adobe XD
- Введение
- Новые возможности Adobe XD
- Распространенные вопросы
- Создание дизайна, прототипов и совместная работа в Adobe XD
- Управление цветом
- Системные требования
- Основные сведения о рабочей среде
- Изменение языка приложения в Adobe XD
- Доступ к наборам для дизайна пользовательского интерфейса
- Доступность в Adobe XD
- Сочетания клавиш
- Советы и рекомендации
- Дизайн
- Монтажные области, направляющие и слои
- Фигуры, объекты и путь
- Выделение, изменение размера и поворот объектов
- Перемещение, выравнивание, распределение и упорядочивание объектов
- Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
- Задание обводки, заливки и теней для объектов
- Создание повторяющихся элементов
- Создание перспективных проектов с помощью 3D-преобразований
- Редактирование объектов с помощью логических операций
- Текст и шрифты
- Компоненты и состояния
- Маскировка и эффекты
- Макет
- Видео и анимации Lottie
- Создание прототипа
- Создание интерактивных прототипов
- Анимирование прототипов
- Свойства объекта, которые поддерживаются при автоматическом анимировании
- Создание прототипов с клавиатуры и геймпада
- Создание прототипов с помощью голосовых команд и воспроизведения
- Создание синхронизированных переходов
- Добавление наложений
- Создание голосовых прототипов
- Создание якорных ссылок
- Создание гиперссылок
- Предварительный просмотр проектов и прототипов
- Публикация, экспорт и проверка
- Публикация выбранных монтажных областей
- Предоставление совместного доступа к проектам и прототипам
- Настройка разрешений на доступ к ссылкам
- Работа с прототипами
- Просмотр прототипов
- Работа со спецификациями дизайна
- Предоставление общего доступа к спецификациям дизайна
- Проверка спецификаций дизайна
- Навигация в спецификациях дизайна
- Проверка и комментирование спецификаций дизайна
- Экспорт ресурсов дизайна
- Экспорт и загрузка ресурсов из спецификаций дизайна
- Корпоративный групповой совместный доступ
- Резервное копирование или перенос ресурсов XD
- Системы дизайна
- Системы дизайна с библиотеками Creative Cloud Libraries
- Работа с ресурсами документа в Adobe XD
- Работа с библиотеками Creative Cloud Libraries в Adobe XD
- Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
- Работа с проектными токенами
- Использование ресурсов из библиотек Creative Cloud Libraries
- Облачные документы
- Интеграция и плагины
- Работа с внешними ресурсами
- Работа с ресурсами проекта из Photoshop
- Копирование ресурсов из Photoshop
- Как импортировать или открыть проекты Photoshop
- Работа с ресурсами Illustrator в Adobe XD
- Импортирование и открытие проектов Illustrator
- Копирование векторных объектов из Illustrator в XD
- Плагины для Adobe XD
- Создание плагинов и управление ими
- Интеграция Jira с XD
- Подключаемый модуль Slack для XD
- Подключаемый модуль Zoom для XD
- Публикация работы из XD на Behance
- XD для iOS и Android
- Устранение неполадок
- Выявленные неполадки и исправленные ошибки
- Установка и обновления
- Запуск и сбой
- Облачные документы и библиотеки Creative Cloud Libraries
- Прототип, публикация и обзор
- Импорт, экспорт и работа с другими приложениями
Узнайте, как использовать проектные токены для назначения пользовательских имен цветам и стилям символов.
В Adobe XD можно добавлять проектные токены, чтобы назначать пользовательские общие названия цветам и стилям символов, расположенным на панели Ресурсы.
Проектные токены избавляют вас от необходимости запоминать длинные и сложные шестнадцатеричные коды и фрагменты CSS для ваших ресурсов. Вы можете присвоить более простые и легко узнаваемые имена.
После того как вы опубликуете свою проектную спецификацию и поделитесь ею с другими участниками проекта, им также будут видны ваши пользовательские имена.
Если не назначить пользовательские переменные, Adobe XD автоматически создает уникальные имя и класс на основе свойств цвета и стиля символов, а также безымянных префиксов.
Прежде чем продолжить
Убедитесь, что выполняются следующие условия.
- Вы знакомы с проектными спецификациями и системами проектирования.
- Вы договорились с разработчиками об общей системе именования цветов и стилей символов.
Создание проектных токенов
Вы можете создавать проектные токены для новой или уже существующей проектной области с уже добавленными цветами и стилями символов.
В настоящее время Adobe XD не позволяет переименовывать названия и размер шрифтов, а также прочие подобные свойства.
A. Панель «Цвет» B. Дважды щелкните, чтобы добавить новое имя
В режиме Проект:
- Перейдите на панель Ресурсы. Щелкните + для просмотра цветов и стилей символов.
- Дважды щелкните название ресурса, заданное по умолчанию, и введите новое имя. Эти имена используются для создания соответствующих переменных и классов для цветов и стилей символов.
Приложение XD автоматически создает имена для цветов и стилей символов, которые не были переименованы. Обычно они начинаются с unnamed.
Как настроить общий доступ к проектным токенам
После создания проектных токенов ими можно поделиться с разработчиками с помощью спецификаций дизайна.
В режиме Общий доступ:
- В раскрывающемся меню Настройка просмотра выберите Разработка.
Убедитесь, что выбран параметр Экспорт в Интернет, потому что функция совместного использования ссылок поддерживается только в ссылках на спецификацию дизайна, которые были экспортированы для Интернета. - Нажмите Создать ссылку. Скопируйте сгенерированную ссылку и поделитесь ею с разработчиками. Дополнительные сведения см. в разделе Предоставление совместного доступа к дизайнам и прототипам.
Чтобы проверить ссылку, созданную в режиме общего доступа, см. раздел «Просмотр проектных токенов».
Просмотр проектных токенов
A. Показать спецификации B. Показать переменные
Чтобы просмотреть проектные токены по общедоступной ссылке на спецификации дизайна, откройте общедоступную ссылку в браузере и выполните следующие действия.
- Чтобы просмотреть проектный токен и его шестнадцатеричный код, щелкните </>. На панели отображаются соответствующие проектные токены. Наведите курсор мыши на проектные токены, чтобы просмотреть их шестнадцатеричный код.
- Чтобы просмотреть переменные, нажмите { }.
Загрузка проектных токенов
Чтобы загрузить проектные токены по опубликованной ссылке на спецификацию дизайна, выполните следующие действия.
- Откройте опубликованную ссылку в браузере.
- Перейдите к фрагментам кода CSS или выберите значок { }.
- Нажмите Загрузить CSS, чтобы загрузить эти переменные как фрагменты кода CSS, которые также содержат проектные токены.
- После загрузки фрагментов скопируйте и вставьте их в код реализации.
Подробнее
Чтобы узнать больше о проектных токенах, посмотрите это видео.
Время просмотра: 4 минуты
Что дальше?
Мы начали с того, что создали проектные токены и предоставили их заинтересованным лицам. Сделайте следующий шаг — узнайте, как просмотреть спецификации проекта.
Есть вопрос или идея?