Affinity Designer: Как использовать ограничения

Sep 15, 2025

Инструкции

Аффинно дизайнер является популярным Вектор искусства инструмент. А также версии Mac и Windows, Serif недавно выпустили Аффинно дизайнер для iPad Отказ

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

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

Также не забудьте проверить наши статьи на Как использовать сетки и Как использовать Export Persona и Как использовать инструмент пера Отказ

01. Родительские и дочерние объекты

parent and child objects Affinity Designer — Детские объекты будут масштабироваться относительно родительского контейнера

Ограничения работают с использованием родителей и дочерних объектов. Ваш выбранный объект - «ребенок», и контейнер известен как «родитель». Дочерние объекты будут масштабироваться относительно родительского объекта.

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

02. Переключить варианты ограничения

affinity designer: contraints — Начните с включения ограничений

Чтобы включить ограничения, перейдите к просмотру и GT; Студия и GT; Ограничения. Оттуда вы получите всплывающее меню, показывающее параметры ограничения. Внутренний квадрат - это то, где вы переключаетесь ограничения вашего дочернего объекта, а внешний квадрат - ваш родительский объект.

03. Примените ограничения

Affinity Designer: constraints — Эти варианты будут диктовать, как ваш контент анкеров на артборду

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

В этом примере я работаю с заголовком сайта, логотипом и навигацией меню. Для заголовка (на фото выше) я включил ограничения слева, справа и верхней части объекта. Это означает, что заголовок будет закреплен влево, вправо и верхней части артборда, независимо от того, как артборда масштабируется.

Для заголовка сайта я включил ограничения слева и верхней части объекта. Если вы должны были включить правильный контейнер / родительское ограничение, дизайн будет искажаться. Навигация похожа, но с правой стороны включена, потому что она сидит справа. Как только вы практиковали это пару раз, это сделает гораздо больше смысла! Это может также помочь посмотреть видео выше и увидеть это в действии.

04. Вставить ограниченные предметы

Affinity Designer: pasting designs — Вставление дизайна в разные размеры артборда, приведет к изменению изменений

Мой оригинальный дизайн был основан на экране iPad. Теперь, когда я вставляю его в артборду на iPhone, мой заголовок, кнопку логотипа и навигации автоматически адаптируются к более узким контейнере. Это здорово, потому что оно держит мою конструкцию и интервал между различными размерами ArtBoard.

05. Когда использовать ограничения

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

Прочитайте больше:

Как создать ретро логотип с аффинным дизайнером
Традиционный брендинг мертв
6 огромных тенденций логотипа на 2019 год

Affinity Designer: Как использовать ограничения

01. Родительские и дочерние объекты

02. Переключить варианты ограничения

03. Примените ограничения

04. Вставить ограниченные предметы

05. Когда использовать ограничения

Инструкции - Самые популярные статьи

Как к Китбаше на ходу с shapr3d

Chiaroscuro Art: пошаговое руководство

Добавить фильтры SVG с CSS

Краска на 3D-сетку с помощью инструмента Polypaint Zbrushcore

Мода гибкие макеты с CSS Grid

Как создать Redshift Proxy в Cinema 4D

Создание органических текстур в чернилах

Как разработать идеальную обложку книги

Категории