Designer de afinidade: Como usar restrições

Jan 22, 2026
Como

Designer de afinidade é um popular Arte vetorial ferramenta. Bem como versões MAC e Windows, serif lançada recentemente Designer de afinidade para ipad .

Hoje em dia, se você estiver projetando para a web e aplicativos, precisa estar trabalhando com vários dispositivos e resoluções em mente. Isso pode levar a várias capas de arte e dores de cabeça graves quando se trata de manter as coisas uniformes. Felizmente, designer de afinidade pode ajudá-lo a simplificar este processo um pouco mais, com algo chamado restrições.

Neste tutorial, passaremos brevemente nos fundamentos das restrições e como eles funcionam. Assista ao vídeo abaixo para uma visão geral ou seja ler para cinco dicas essenciais para usar restrições no designer de afinidade.

Também não se esqueça de verificar nossos artigos sobre Como usar grades e Como usar a persona de exportação e Como usar a ferramenta da caneta .

01. Objetos pai e filho

parent and child objects Affinity Designer

Objetos infantis escalarão em relação ao contêiner pai

Restrições funcionam usando objetos pai e filho. Seu objeto selecionado é o "filho", e o contêiner é conhecido como "pai". Objetos filhos escalarão em relação ao objeto pai.

Por exemplo, se você alterar o tamanho da sua prancheta e seu objeto filho estiverem ancorados à sua Artboard, responderá com a mudança. Você precisará alternar as várias opções para alcançar seu resultado desejado.

02. Alternar opções de restrição

affinity designer: contraints

Comece por habilitar restrições

Para permitir restrições, vá para a visualização & gt; Studio & GT; Restrições. De lá, você receberá um menu pop-up mostrando as opções de restrição. A Praça Interior é onde você alterna as restrições do objeto filho e o exterior é seu objeto pai.

03. Aplicar restrições

Affinity Designer: constraints

Essas opções vão ditar como seu conteúdo ancora para a Artboard

Como mencionamos antes, ancorar objetos para a Artboard fará com que eles redimensem com a Artboard. No entanto, a fim de manter o espaçamento entre objetos e evitar distorções, precisamos definir certas regras.

Neste exemplo, estou trabalhando com um cabeçalho do site, logotipo e navegação de menu. Para o cabeçalho (foto acima), eu permiti restrições à esquerda, direita e parte superior do objeto. Isso significa que o cabeçalho será ancorado à esquerda, direita e no topo da prancha, não importa como a prancheta seja escalada.

Para o título do site, permiti restrições à esquerda e no topo do objeto. Se você pudesse ativar a restrição correta do contêiner / pai, o design distorceria. A navegação é semelhante, mas com o lado direito habilitado, porque fica à direita. Depois de ter praticado isso algumas vezes, fará muito mais sentido! Também pode ajudar a assistir ao vídeo acima e ver isso em ação.

04. Cole itens restritos

Affinity Designer: pasting designs

Colar um design em um artboard de tamanho diferente fará com que ele redimensione

Meu design original foi baseado em uma tela do iPad. Agora, quando eu colá-lo em uma prancha de tamanho X do iPhone, meu cabeçalho, logotipo e botão de navegação se adaptará automaticamente ao recipiente mais estreito. Isso é ótimo porque mantém meu design e espaçamento uniforme em diferentes tamanhos de artboard.

05. Quando usar restrições

Usar restrições é uma ótima ferramenta para salvar os bolsões de tempo em locais. No entanto, eu aconselho que você os use com moderação e cuidadosamente. Eles são ótimos para coisas simples, como cabeçalhos e rodapés, mas quaisquer desenhos pesados ​​de conteúdo (e imagens em particular) exigirão alguns ajustes.

Consulte Mais informação:

  • Como criar um logotipo retro com designer de afinidade
  • A marca tradicional está morta
  • 6 enormes tendências de logotipo para 2019

Como - Artigos mais populares

Krita Tutoriais: Aprenda os fundamentos do software de arte digital

Como Jan 22, 2026

Pagina 1 de 2: Tutorial Krita: Encontre o seu caminho Tutorial Krita: Encontre o seu caminho Tutorial ..

Como desenhar um cavalo

Como Jan 22, 2026

Pagina 1 de 2: Como desenhar um cavalo: passo a passo Como desenhar um ca..

Como criar pinturas de ar digital plein

Como Jan 22, 2026

Fique ao ar livre para criar uma grande arte (Crédito de imagem: Mike Mc Cain) Há tantas ótimas maneir..

Um guia para a visão de nuvem do Google

Como Jan 22, 2026

Aprendizagem de máquina. Aprendizagem profunda. Processamento de linguagem natural. Visão de computador. Automação. Reconheci..

Criar uma paisagem 3D em 6 etapas simples

Como Jan 22, 2026

Criando um pedaço de Arte 3D. Com uma paisagem de aparência natural pode parecer um desafio, mas se você usar a..

Gere paletas de cores sem fim com Khroma

Como Jan 22, 2026

Excelente uso de. Teoria da cor No design é uma daquelas coisas que separa o grande da média. Enquanto subjetivo..

As regras de tipografia de web responsiva

Como Jan 22, 2026

Tipografia de Web responsiva é difícil - você precisa ter cores de design e know-how técnico. Mas, por mais complicado, pode ser errado não é uma opção, porque a tipografia é a pedra..

Mestre a ferramenta de faca

Como Jan 22, 2026

Às vezes, voltar ao básico é vital para ficar no topo do seu jogo, como renovar suas habilidades pode revigorar sua paixão e ..

Categorias