Руководства

Стили

1. Стили в Pixso

В Pixso доступны следующие типы стилей:

  • стили цвета: цвет заливки и обводки;
  • стили текста: шрифт, размер шрифта, высота строки и интервалы;
  • стили эффектов: внутренняя и внешняя тень, размытие по Гауссу и размытие фона;
  • стили сетки макета: строки, столбцы и сетка.

Когда свойства стиля меняются, например цвет текста с красного на синий, Pixso применяет изменение ко всем объектам, использующим этот стиль.

2. Создание стиля

2.1 Стиль цвета

Стили цвета можно использовать для заливки, обводки и текста. Их также можно создавать для изображений и градиентов.

Чтобы создать стиль цвета:

  1. Выберите объект, на основе которого нужно создать стиль.
  2. На правой панели нажмите значок стиля рядом со свойством, которое нужно сохранить.
  3. Нажмите + на панели Стиль цвета.
  4. Введите название и нажмите Создать.

Примечание: при создании стиля градиента сохраняются цвета, направление и угол градиента.

2.2 Стиль текста

Стили текста ускоряют работу с повторяющимися наборами текстовых свойств. Стиль можно применить ко всему текстовому слою или только к его части.

Порядок создания такой же, как для стиля цвета:

  1. Выберите текст с нужным оформлением.
  2. Нажмите значок стиля на панели Текст.
  3. Нажмите + на панели Стиль текста.
  4. Введите название и нажмите Создать.

Примечание: выравнивание не входит в стиль текста, поэтому его нужно задавать отдельно для каждого текстового блока.

2.3 Стиль эффектов

Стили можно создавать и для эффектов, например теней и размытия. Чтобы сохранить настройки:

  1. Выберите объект, к которому нужно применить эффект.
  2. Если у объекта еще нет эффекта, добавьте его.
  3. На панели Эффекты нажмите значок стиля.
  4. Нажмите + на панели Стиль эффектов.
  5. Введите название и нажмите Создать стиль.

2.3 Стиль эффектов в Pixso

Для разных типов теней Pixso использует разные значки, поэтому их легко различать.

2.4 Сетка макета

Для сеток макета также можно создавать стили:

  1. Создайте или выберите фрейм на холсте.
  2. Добавьте к нему сетку макета на правой панели.
  3. Настройте свойства сетки.
  4. Нажмите значок стиля в разделе Сетка макета.
  5. Нажмите +, чтобы создать новый стиль.
  6. Введите название и нажмите Создать.

3. Применение стилей

3.1 Применение стиля к объекту

Можно использовать локальные стили и общие стили, опубликованные в библиотеке команды.

1. Выберите объект.

2. На правой панели нажмите значок стиля рядом со свойством, которое нужно изменить.

3. В меню отобразятся все локальные стили и общие стили из командной библиотеки.

Стили на панели сортируются:

  • по названию команды в алфавитном порядке;
  • по названию файла в алфавитном порядке;
  • по времени создания для отдельных стилей.

4. Найдите и выберите стиль, который нужно применить.

3.2 Переключение между стилями

Стиль можно заменить на правой панели:

  1. Выберите объект.
  2. Откройте список стилей на правой панели.
  3. Найдите и примените другой стиль.

3.3 Отвязка стиля

После отвязки стиля объект сохраняет текущие свойства.

  1. Выберите объект, от которого нужно отвязать стиль.
  2. Наведите указатель на стиль на правой панели.
  3. Нажмите значок Отвязать стиль.
  4. После этого свойства объекта можно менять независимо от исходного стиля.

3.3 Отвязка стиля в Pixso

4. Управление стилями и общий доступ

4.1 Просмотр стилей

Локальные стили хранятся в текущем файле. Если на холсте ничего не выбрано, они доступны на правой панели и в окне выбора стиля. Для просмотра других опубликованных стилей откройте соответствующее окно выбора.

1. На правой панели.

После создания стилей в файле они отображаются на правой панели, если на холсте ничего не выбрано. Чтобы снять выделение:

  • щелкните по пустой области холста;
  • нажмите Esc.

Pixso группирует локальные стили по типам: текст, цвет, эффекты и сетка макета.

2. В окне выбора стиля.

Нажмите значок стиля рядом с нужным свойством. В окне появятся все доступные стили этого свойства. По умолчанию они сортируются:

  • по названию команды в алфавитном порядке;
  • по названию файла в алфавитном порядке;
  • в том же порядке, что и на правой панели.

4.2 Управление стилями

Чтобы изменить стиль, отредактируйте его в исходном файле.

4.3 Редактирование стиля

  • Откройте правую панель и окно выбора стиля.
  • Наведите указатель на нужный стиль, выберите его и щелкните правой кнопкой мыши, чтобы открыть панель редактирования.

4.4 Удаление стиля

Выберите стиль на панели, щелкните правой кнопкой мыши и удалите его. Все объекты сохранят текущие свойства, но связь со стилем будет удалена.

4.5 Общий доступ к стилям

Чтобы использовать созданные стили в других файлах, опубликуйте их в командной библиотеке ресурсов. Стили можно публиковать отдельно или вместе с компонентами.

4.6 Публикация стиля

1. Откройте панель Компоненты слева и нажмите значок командной библиотеки ресурсов. Также можно использовать горячие клавиши:

  • macOS: ⌥ Option + 3
  • Windows: Alt + 3

2. В разделе Текущий файл нажмите Опубликовать.

3. Откроется список всех компонентов и стилей с информацией об обновлениях. При необходимости добавьте описание изменений.

4. Снова нажмите Опубликовать. После публикации участники, использующие библиотеку, получат уведомление, а связанные слои смогут обновиться до последней версии.

4.7 Использование стилей из командной библиотеки

После включения командной библиотеки пользователи с правами на редактирование файла могут работать с ее стилями и компонентами:

  • просматривать все стили через окно выбора;
  • использовать доступные общие стили;
  • редактировать стили в файлах, на которые у них есть права редактирования.