Как устроен материал

Материал в Verstka — это набор фреймов, групп и виджетов на общем холсте. Обычно дизайнер собирает отдельные фреймы для широкого и узкого экрана, а редактор показывает читателю подходящую версию по ширине страницы.

Структура выглядит так:

• Canvas — корень материала и вся рабочая область.
• Frame — самостоятельная область макета. Фрейм с ролью Breakpoint участвует в адаптиве.
• Group — несколько виджетов, с которыми удобно работать как с одним объектом.
• Widget — содержимое материала: текст, изображение, видео, фигура, embed или слайдер.

Дерево и холст полезно смотреть вместе: выбор уровня в Layers сразу показывает границы соответствующего контейнера.

Обычный рабочий цикл

1. Создайте фрейм и задайте ему роль Breakpoint.
2. Разместите внутри виджеты.
3. Настройте размеры и оформление в правой панели.
4. Проверьте порядок и вложенность во вкладке Layers.
5. Переключитесь в Preview и сравните широкую и узкую версии.
6. Сохраните материал.

Если нужен короткий маршрут с нуля, откройте страницу Первый материал.

Где искать настройки

Правая панель зависит от выделения. Для текста она показывает типографику и стили текста, для изображения — файл и режим отображения, для фрейма — роль, якоря и Color Changers. Когда ничего не выделено, здесь находятся настройки материала: Breakpoints, Editorial checks, Fonts и Paste settings.