Горячие клавиши Adobe XD – обзор.
Ну что, ты готов начать работу с Adobe XD на полную катушку? Тогда тебе определенно стоит запомнить горячие клавиши! С их помощью ты сможешь легко навигироваться по своим проектам в Adobe XD, выполнять действия и оптимизировать свою дизайнерскую работу. Не волнуйся, ты не обязан учить их все сразу - мы рассмотрим это всё очень спокойно. Давай вместе посмотрим на полезные клавиатурные комбинации для Adobe XD и поднимем твой дизайнерский рабочий процесс на новый уровень!
Содержание
- Общие клавиатурные комбинации
- Клавиатурные комбинации для меню "Правка"
- Клавиатурные комбинации для меню "Файл"
- Клавиатурные комбинации для пути/ручки
- Клавиатурные комбинации для слоев (объектов), групп, групп прокрутки и холстов
- Горячие клавиши для выравнивания
- Горячие клавиши для расположения
- Горячие клавиши для распределения
- Горячие клавиши для работы с текстом
- Горячие клавиши для инструментов
- Горячие клавиши для интерфейса и опций отображения
- Горячие клавиши для меню "Окно"
- Горячие клавиши для изменения операций
- Горячие клавиши для выбора и измерения расстояний между элементами
- Горячие клавиши для спецификаций дизайна
- Горячие клавиши для редактирования векторов
- Горячие клавиши для создания прототипов
- 10 лучших советов и трюков для 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 и переместить указатель мыши на объект в группе |
Горячие клавиши для спецификаций дизайна
| Option | macOS | Windows |
| Масштабирование | Cmd + колесо мыши | Cmd + "+", Cmd + "–" или Ctrl + колесо мыши, Ctrl + "+", Ctrl + "–" |
| Сбросить масштаб | Cmd + 0 | Ctrl + 0 |
| Перемещение | ↑, ↓, →, ← | Пробел + клик и тащить, ↑, ↓, →, ←, Пробел + клик и тащить |
| Быстрое перемещение | 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 или настроить их под свои предпочтения.
Переведите эту фразу на русский.
Опубликовано
от Stefan Petri
Опубликовано:
От Stefan Petri
От Stefan Petri
Стефан Петри вместе со своим братом Маттиасом управляет популярным специализированным форумом PSD-Tutorials.de, а также платформой для электронного обучения TutKit.com, которая делает акцент на образование и повышение квалификации в области цифровых профессиональных навыков.