Affinity Designer: Як використовувати обмеження

Jan 26, 2026

Як

Affinity Designer є популярним вектора інструмент. А також версії Mac і Windows, Serif нещодавно випустив Дизайнер афінності для iPad .

На сьогоднішній день, якщо ви розробляєте веб-сторінки та програми, вам потрібно працювати з декількома пристроями та вирішенням. Це може призвести до декількох монтажних карток та серйозних головних болів, коли мова йде про підтримку речей. На щастя, дизайнер Affinity може допомогти вам трохи спростити цей процес трохи більше, з чимось називаним обмеженням.

У цьому підручнику ми коротко перейдемо в основи обмежень і як вони працюють. Перегляньте відео нижче для перегляду, або читати на п'ять істотних порад для використання обмежень у дизайнері афінності.

Також не забудьте перевірити наші статті Як використовувати сітки і Як користуватися експортною персоною і Як використовувати інструмент для пера .

01. Батько та дитячі предмети

parent and child objects Affinity Designer — Дитячі об'єкти будуть масштабні відносно батьківського контейнера

Обмеження роботи, використовуючи батьківські та дитячі предмети. Ваш вибраний об'єкт - "дитина", і контейнер відомий як "батько". Дитячі об'єкти будуть масштабними відносно батьківського об'єкта.

Наприклад, якщо ви змінюєте розмір вашого монтажу, і ваш дитинствий об'єкт закріплений на вашій монтажній дошці, він відповість за зміною. Вам потрібно буде перемикати різні варіанти для досягнення бажаного результату.

02. Перемкнути параметри обмеження

affinity designer: contraints — Почніть з дозволу обмежень

Щоб увімкнути обмеження, перейдіть до перегляду & gt; Студія & gt; Обмеження. Звідти ви отримаєте спливаюче меню, що показує варіанти обмеження. Внутрішній квадрат - де ви перетинаєте обмеження вашого дитини об'єкта, а зовнішня площа - ваш батьківський об'єкт.

03. Застосовуйте обмеження

Affinity Designer: constraints — Ці варіанти будуть диктувати, як ваш вміст якоря на кволотку

Як ми вже згадували, анкерування об'єктів на монтажну дошку призведе до зміни розміру з монтажкою. Однак, щоб зберегти відстань між об'єктами та уникнути спотворень, нам потрібно встановити певні правила.

У цьому прикладі я працюю з заголовком веб-сайту, логотипом та навігацією меню. Для заголовка (зображена вище), я включив обмеження зліва, праворуч і верхню частину об'єкта. Це означає, що заголовок буде закріплений ліворуч, праворуч і вершину монтажної дошки, незалежно від того, як масштабня масштабу.

Для назви сайту я включив обмеження зліва та верхня частина об'єкта. Якщо ви повинні увімкнути правий контейнер / батьківський обмеження, дизайн спотворюється. Навігація схожа, але з правою стороною включена, тому що вона сидить праворуч. Як тільки ви практикуєте це пару разів, це зробить набагато більше сенсу! Це також може допомогти переглянути відео вище і побачити це в дії.

04. Вставити з обмеженими елементами

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

Мій оригінальний дизайн був заснований на екрані iPad. Тепер, коли я вставляю його в художню дошку iPhone X-Size, мій заголовок, кнопка логотипу та навігації автоматично адаптуються до вужчого контейнера. Це чудово, тому що він зберігає мою конструкцію та інтервалу рівномірну у різних розмірах монтажу.

05. Коли використовувати обмеження

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

Читати далі:

Як створити ретро-логотип з афінним дизайнером
Традиційний брендинг мертвий
6 величезних тенденцій логотипу на 2019 рік

Affinity Designer: Як використовувати обмеження

01. Батько та дитячі предмети

02. Перемкнути параметри обмеження

03. Застосовуйте обмеження

04. Вставити з обмеженими елементами

05. Коли використовувати обмеження

Як - Найпопулярніші статті

Анімація SVG з JavaScript

Використовуйте chart.js, щоб перетворити дані на інтерактивні діаграми

Додати цифрові кольори до малюнків олівця

Створити портретне мистецтво в Corel Painter

Як впливати на рейтинги Google з вашим вмістом

Як зробити масові вибухи з V-Ray

Як створити волосся манга у русі

Найпопулярніші поради щодо уточнення ваших рукописних ілюстративних методів

Категорії