Ну что, ты готов начать работу с Adobe XD на полную катушку? Тогда тебе определенно стоит запомнить горячие клавиши! С их помощью ты сможешь легко навигироваться по своим проектам в Adobe XD, выполнять действия и оптимизировать свою дизайнерскую работу. Не волнуйся, ты не обязан учить их все сразу - мы рассмотрим это всё очень спокойно. Давай вместе посмотрим на полезные клавиатурные комбинации для Adobe XD и поднимем твой дизайнерский рабочий процесс на новый уровень!
Содержание
Общие клавиатурные комбинации
Цель
macOS
Windows
Выйти
Cmd + Q
Alt + F4
Клавиатурные комбинации для меню "Правка"
Опция
macOS
Windows
Отменить
Cmd + Z
Ctrl + Z
Повторить
⇧ + Cmd + Z
Ctrl + Shift + Z
Вырезать
Cmd + X
Ctrl + X
Копировать
Cmd + C
Ctrl + C
Вставить
Cmd + V
Ctrl + V
Вставить виджет (в режиме дизайна) и вставить взаимодействие (в прототипном режиме)
Cmd + Opt + V
Ctrl + Alt + V
Дублировать
Cmd + D
Ctrl + D
Удалить
⌫
Удалить
Выбрать всё
Cmd + A
Ctrl + A
Снять выделение
⇧+ Cmd + A
Ctrl + Shift + A
Клавиатурные комбинации для меню "Файл"
Опция
macOS
Windows
Новый
Cmd + N
Ctrl + N
Открыть...
Cmd + Shift + O
Ctrl + Shift + O
Закрыть
Cmd + W
Alt + F4
Сохранить...
Cmd + S
Ctrl + S
Сохранить как...
⇧+ Cmd + S
Ctrl + Shift + S
Локальное сохранение...
Opt + Shift + Cmd + S
Shift + Ctrl + Alt + S
Экспорт выделенных элементов
Shift + Cmd + E
Ctrl + Shift + E
Экспорт только выбранных
Cmd + E
Ctrl + E
Экспортировать в программу стороннего разработчика (если установлена программа, интегрированная с XD, на вашем компьютере)
Opt + Cmd + E
Недоступно
Импорт
Shift + Cmd + I
Ctrl + Shift + I
Клавиатурные комбинации для пути/ручки
Опция
macOS
Windows
Активировать инструмент "Ручка"
P
P
Преобразовать точку
Двойной клик
Двойной клик
Асимметричная обработка управляющих точек
Opt
Alt
Выровнять управляющую точку по углу
Shift
Shift
Выровнять по углам якорной точки
Shift
Shift
Добавить
Opt + Cmd + U
Ctrl + Alt + U
Вычесть
Opt + Cmd + S
Ctrl + Alt + S
Создать пересечение
Opt + Cmd + I
Ctrl + Alt + I
Исключить перекрытие
Opt + Cmd + X
Ctrl + Alt + X
Преобразовать в путь
Cmd + 8
Ctrl + 8
Клавиатурные комбинации для слоев (объектов), групп, групп прокрутки и холстов
Опция
macOS
Windows
Сгруппировать слои
Cmd + G
Ctrl + G
Разгруппировать слои
Shift + Cmd + G
Ctrl + Shift + G
Создать компонент
Cmd + K
Ctrl + K
Редактировать первичный компонент
Shift + Cmd + K
Shift + Ctrl + K
Вернуться к предыдущему экземпляру
Shift + Opt + K
Shift + Alt + K
Заблокировать/разблокировать слой
Cmd + L
Ctrl + L
Скрыть/показать слой
Cmd + ,
Ctrl + ,
Замаскировать формой
Shift + Cmd + M
Shift + Ctrl + M
Создать повторную сетку
Cmd + R
Ctrl + R
Выбирать слой в группе/компоненте прямо на холсте
На рабочей области щелкните по слою, удерживая Cmd
На рабочей области щелкните по слою, удерживая Ctrl
Изменить прозрачность слоя
1 до 9 (0 для 100%)
1 до 9 (0 для 100%)
Выбрать холст
Нажмите на пустое место холста, удерживая Cmd
Нажмите на пустое место холста, удерживая Ctrl
Рисовать фигуру из центра
Opt + Перетащить
Alt + Перетащить
Рисовать фигуру с соотношением сторон 1:1 (для квадратов/кругов)
Shift + Перетащить
Shift + Перетащить
Нарисовать равносторонний треугольник
Shift + Перетащить
Shift + Перетащить
Показать/скрыть направляющие на холсте
Cmd + ;
Ctrl + ;
Заблокировать направляющие на холсте
Shift + Cmd + ;
Shift + Ctrl + ;
Переместить элемент на 10 пикселей
Shift + стрелки
Shift + стрелки
Изменить размер элемента на 1 пиксельный шаг
Cmd + стрелки
Alt + стрелки
Изменить размер элемента на 10 пикселей
Cmd + Shift + стрелки
Alt + Shift + стрелки
Выбор через перекрывающиеся слои
Cmd + Щелкнуть по заголовку
Ctrl + Щелкнуть по заголовку
Изменить расстояние
Наведите указатель мыши на объект на рабочей области + S
Наведите указатель мыши на объект на рабочей области + S
Отражение расстояния на противоположных сторонах
Opt + S
Alt + S
Редактировать все стороны
Shift + S
Shift + S
Горизонтальная прокрутка
Shift + Cmd + H
Shift + Alt + H
Вертикальная прокрутка
Shift + Cmd + V
Shift + Alt + V
Горизонтальная и вертикальная прокрутка
Shift + Cmd + D
Shift + Alt + D
Добавить цвет в "Элементы"
Shift + Cmd + C
Shift + Ctrl + C
Переименовать слои
Cmd + Opt + R
Ctrl + Alt + R
Применить цвет рамки из панели "Библиотеки" к элементам
Opt + Щелкнуть
Alt + Щелкнуть
Развернуть/свернуть панель "Библиотеки"
Cmd + Щелкнуть по стрелке
Ctrl + Щелкнуть по стрелке
Горячие клавиши для выравнивания
Option
macOS
Windows
Влево
Ctrl + Cmd + ←
Ctrl + Shift + ←
Центрировать (горизонтально)
Ctrl + Cmd + C
Shift + C
Вправо
Ctrl + Cmd + →
Ctrl + Shift + →
Вверх
Ctrl + Cmd + ↑
Ctrl + Shift + ↑
Центрировать (вертикально)
Ctrl + Cmd + M
Shift + M
Вниз
Ctrl + Cmd + ↓
Ctrl + Shift + ↓
Горячие клавиши для расположения
Option
macOS
Windows
На передний план
Shift + Cmd + ]
Shift + Ctrl + ]
Плавное перемещение вперёд
Cmd + ]
Ctrl + ]
Плавное перемещение назад
Cmd + [
Ctrl + [
На задний план
Shift + Cmd + [
Shift + Ctrl + [
Горячие клавиши для распределения
Option
macOS
Windows
Горизонтально
Ctrl + Cmd + H
Ctrl + Shift + H
Вертикально
Ctrl + Cmd + V
Ctrl + Shift + V
Горячие клавиши для работы с текстом
Option
macOS
Windows
Жирный
Cmd + B
Ctrl + B
Курсив
Cmd + I
Ctrl + I
Подчеркнутый
Cmd + U
Ctrl + U
Увеличить шрифт
Shift + Cmd + >
Ctrl + Shift + .
Уменьшить шрифт
Shift + Cmd + <
Ctrl + Shift + ,
Горячие клавиши для инструментов
Option
macOS
Windows
Выбор
V
V
Прямоугольник
R
R
Эллипс
E
E
Полигон
Y
Y
Линия
L
L
Перо
P
P
Текст
T
T
Холст
A
A
Увеличение
Включить режим зума: Z
Включить режим зума: Z
Пипетка
I
I
Горячие клавиши для интерфейса и опций отображения
Option
macOS
Windows
Переключение в режим дизайна
Opt + 1
Alt + 1
Переключение в режим прототипа
Opt + 2
Alt + 2
Переключение в режим публикации
Opt + 3
Alt + 3
Приблизить
Cmd + ,
Opt + прокрутка колеса мыши
Отдалить
Cmd + “-”
Opt + прокрутка колеса мыши
Увеличить выбор
Cmd + 3
Ctrl + 3
Показать все
Cmd + 0
Ctrl + 0
100 %
Cmd + 1
Ctrl + 1
200 %
Cmd + 2
Ctrl + 2
Перемещение
Пробел
Пробел
Элементы
Shift + Cmd + Y
Ctrl + Shift + Y
Слои
Cmd + Y
Ctrl + Y
Показать сетку слоёв
Shift + Cmd + '
Shift + Ctrl + '
Показать сетку
Cmd + '
Ctrl + '
Полноэкранный режим
Ctrl + Cmd + F
Недоступно
Переключение между режимами дизайна и прототипирования
Ctrl + Tab
Ctrl + Tab
Переключение между окнами (файлами)
Cmd + Tilde (~)
Недоступно
Увеличение или уменьшение значения в поле на 1
↑ или ↓
↑ или ↓
Увеличение или уменьшение значения в поле на 10
Shift + ↑ или Shift + ↓
Shift + ↑ или Shift + ↓
Горячие клавиши для меню "Окно"
Option
macOS
Windows
Максимизация
Недоступно
Windows + ↑
Минимизация
Cmd + M
Windows + ↓
Просмотр
Cmd + ⏎
Ctrl + Ввод
Горячие клавиши для изменения операций
Option
macOS
Windows
Горизонтальное перемещение
Shift + колесо мыши
Shift + колесо мыши
Вертикальное перемещение
Колесо мыши
Колесо мыши
Горячие клавиши для выбора и измерения расстояний между элементами
Option
macOS
Windows
Активировать расстояния
Opt (для выбранного объекта)
Alt (для выбранного объекта)
Расстояние от выбранного уровня
При нажатой клавише Opt переместить указатель мыши на объект/группу/холст
При нажатой клавише Alt переместить указатель мыши на объект/группу/холст
Относительное расстояние до выбранной группы
Нажать Opt + Cmd и переместить указатель мыши на объект в группе
Нажать Ctrl + Alt и переместить указатель мыши на объект в группе
Пробел + клик и тащить, ↑, ↓, →, ←, Пробел + клик и тащить
Быстрое перемещение
Shift + ↑, ↓, →, ←
Shift + ↑, ↓, →, ←
Снять фокус с холста в виде спецификаций дизайна
Esc
Esc
Навигация между связанными холстами
Shift + Клик
Shift + Клик
Горячие клавиши для редактирования векторов
Option
macOS
Windows
Начать редактирование выбранного векторного объекта
Ввод
Ввод
Завершить редактирование выбранного векторного объекта
Esc
Esc
Переключение между прямыми и зеркальными контрольными точками
Двойной клик
Двойной клик
Разделение ручек контрольной точки
Opt + Тянуть
Alt + Тянуть
Горячие клавиши для создания прототипов
Option
macOS
Windows
Показать все соединения в режиме прототипирования
Cmd + А
Ctrl + А
Скрыть все соединения
Opt
Alt
Просмотр
Cmd + Ввод
Ctrl + Ввод
Начать или остановить запись просмотра
Cmd + Ctrl + R
Недоступно
Остановить запись
Esc
Недоступно
Перейти к холсту в режиме предварительного просмотра или общего доступа
Стрелка вправо или стрелка влево (→ or ←)
Новая строка в поле комментариев общедоступной ссылки на прототип
Ввод или Shift + Ввод
Ввод или Shift + Ввод
Выбор заполненного комментария в поле комментариев общедоступной ссылки на прототип
Cmd + Ввод
Ctrl + Ввод
10 лучших советов и трюков для Adobe XD
Использование повторяющихся символов: Если вы разрабатываете повторяющиеся элементы, такие как меню или кнопки, используйте повторяющиеся символы. Изменения в символе автоматически применяются ко всем экземплярам.
Прототипирование и взаимодействие: Adobe XD позволяет создавать прототипы с интерактивными элементами. Вы можете связать экраны, добавить переходы и провести тесты с пользователями, чтобы оптимизировать пользовательский опыт.
Использование компонентов: Создавайте компоненты для повторяющихся элементов интерфейса. При внесении изменений в компонент они автоматически обновляются во всех экземплярах, что экономит время и обеспечивает консистентность.
Вложение областей: Организуйте свой дизайн, вкладывая рамки друг в друга. Это поможет сохранить рабочую область в порядке и держать все под контролем.
Работа с плагинами: Adobe XD поддерживает плагины, с помощью которых можно добавлять дополнительные функции. Изучите доступные плагины, чтобы расширить свой рабочий процесс.
Восстановление удаленных элементов: Если вы случайно удалили элемент, вы можете восстановить его, используя сочетание клавиш "Ctrl/Cmd + Z".
Точное выравнивание по пикселям: Используйте клавишу "Shift", чтобы точно выровнять элементы по пикселям при их перетаскивании или масштабировании.
Отзывчивый дизайн: Adobe XD позволяет создавать дизайны для различных размеров экранов. Используйте функцию "Растяжимость", чтобы убедиться, что ваш дизайн хорошо выглядит на разных устройствах.
Комментарии и обратная связь: Если вы делитесь своим дизайном с другими, используйте функцию комментариев Adobe XD, чтобы получить обратную связь и отслеживать изменения.
Изучение ярлыков: Наконец, всегда полезно изучить основные сочетания клавиш, чтобы работать быстрее. Вы можете использовать стандартные ярлыки Adobe XD или настроить их под свои предпочтения.
Стефан Петри вместе со своим братом Маттиасом управляет популярным специализированным форумом PSD-Tutorials.de, а также платформой для электронного обучения TutKit.com, которая делает акцент на образование и повышение квалификации в области цифровых профессиональных навыков.
