Регистрация
Все руководства

Основы дизайнера

Дизайнер — это место, где вы создаёте дизайн: единый макет экрана из текста, медиа, фигур и анимации. Дизайны можно повторно использовать в композициях и на экранах.

Для дизайнера нужен ноутбук или настольный компьютер с окном шириной не менее 1024px.

Редактирование на мобильных устройствах в планах; на телефоне или планшете вы по-прежнему

можете просматривать дизайны и управлять ими.

Заходите впервые? Краткий контекстный тур по холсту предложит себя автоматически. Вы можете

запустить его заново в любой момент с помощью кнопки ? на панели инструментов дизайнера.

Рабочая область

  • Панель элементов (слева) — добавляйте текст, фигуры, изображения, видео и виджеты. Кликните или перетащите на холст.
  • Холст (по центру) — ваша поверхность дизайна, размер которой соответствует разрешению экрана.
  • Панель свойств (справа) — редактируйте то, что выбрано: положение, размер, цвет, шрифт, эффекты, анимацию.
  • Панель инструментов (сверху) — отмена/повтор, сетка, привязка, линейки, группировка/разгруппировка, фокус, предпросмотр и Сохранить.

Добавление контента

  1. Кликните по элементу на панели Элементы (например, Текст), чтобы добавить его, или перетащите его на холст.
  2. При выбранном элементе измените его внешний вид на панели Свойства.
  3. Перетаскивайте, чтобы переместить; используйте угловые маркеры для изменения размера.

Масштаб и панорамирование

  • Масштаб: Ctrl/⌘ + прокрутка или элементы управления масштабом.
  • Панорамирование: удерживайте Пробел и перетаскивайте либо перетаскивайте средней кнопкой мыши.
  • Уместить в окне: элемент управления фокусом / вписыванием заново центрирует ваш дизайн в области просмотра.

Линейки и опциональная сетка помогают выравнивать; включите Привязку, чтобы привязывать края к сетке и к другим элементам (по мере перетаскивания появляются умные направляющие).

Слои, группировка, выравнивание

  • Меняйте порядок элементов в списке слоёв.
  • Выберите два или более элементов и нажмите Группировать (Ctrl/⌘ + G), чтобы перемещать их вместе.
  • Используйте инструменты выравнивания, чтобы распределить и выровнять выделение.

Анимация

Элементы могут появляться и исчезать с анимацией. Задайте анимации входа/выхода на панели свойств; панель временной шкалы даёт более точный контроль над ключевыми кадрами для продвинутой анимации.

Предпросмотр и сохранение

  • Предпросмотр воспроизводит дизайн так, как он будет выглядеть на экране.
  • Сохранить (или Ctrl/⌘ + S) сохраняет вашу работу; в фоне также работает автосохранение, а индикатор показывает состояние сохранения.

Дальше

Поместите сохранённый дизайн в композицию, а затем в плейлист.

Готовы попробовать? Создайте бесплатное пространство и следуйте инструкциям.

Открыть Vewport