Depois de começar a criar muitos objetos no Adobe XD, você precisa considerar a posição desses objetos e como eles se relacionam entre si. Para diminuir o ruído em seu design, você deseja manter os ícones e o texto alinhados e distribuídos de maneira limpa. Você pode verificar seu alinhamento de várias maneiras, incluindo usando uma grade ou guias.
Você pode ativar uma grade que só é visível para você seguindo estas etapas:
Selecione uma prancheta clicando na prancheta no painel Camadas ou clicando no nome da prancheta acima da prancheta em sua área de trabalho.
Marque a caixa de seleção da Grade na parte inferior do painel Propriedades.
Ative o recurso Grade para sua prancheta.
Se você preferir uma cor diferente para sua grade, marque o quadrado à direita da caixa de seleção da grade e selecione uma cor no seletor de cores. Você também pode usar o controle deslizante Transparência para alterar o nível de opacidade.
Se desejar, altere o tamanho da grade digitando um valor na caixa de texto Grid Size à direita da caixa de seleção.
Como padrão, o XD fornece guias que são ativados conforme necessário. Eles são chamados de Guias inteligentes e devem ser familiares se você usa outros produtos Adobe.
Para usar as guias inteligentes, basta prestar atenção às linhas e áreas sombreadas que aparecem enquanto você trabalha. Observe na imagem abaixo que quando um diamante é arrastado, uma guia aparece indicando que ele está alinhado com o diamante à esquerda.
Você pode usar Guias inteligentes para alinhar objetos.
Guias inteligentes também podem ajudar na distribuição
Distribuição de objetos refere-se ao espaço entre uma caixa delimitadora criada por um primeiro objeto e um último objeto. Aqui, você vê a distribuição desigual de vários diamantes à esquerda e a distribuição uniforme dos mesmos objetos à direita. Neste exemplo, o espaçamento é distribuído horizontalmente de maneira uniforme.
Distribuição desigual no lado esquerdo e distribuição uniforme no lado do passeio.
Ao posicionar objetos, você verá áreas sombreadas que indicam quando o espaço entre os objetos é igual. Esta dica de sombreamento também aparece quando você arrasta Alt / Option para clonar objetos.
Guias inteligentes fornecem uma dica quando o espaço é uniforme entre os objetos.
Usando o recurso Alinhar e Distribuir
O recurso Alinhar e distribuir, disponível no menu Objeto e no painel Propriedades, pode ajudá-lo a manter os itens alinhados e espaçados.
Se você selecionar dois itens, poderá aproveitar as vantagens dos recursos de Alinhamento. Se você selecionar três ou mais objetos, também poderá usar os recursos de Distribuição.
Lembre-se do truque para determinar horizontal versus vertical. O horizonte é horizontal. Qualquer coisa que vá da esquerda para a direita em sua página deve ser distribuída horizontalmente. Quaisquer objetos que vão de cima para baixo devem ser distribuídos verticalmente.
Você pode usar a ferramenta Snapshot no Adobe Acrobat CS5 para selecionar texto e imagens e criar uma imagem de uma determinada área em um arquivo PDF. O resultado é comumente referido como uma captura de tela de uma seção em um arquivo PDF. O resultado é uma imagem, e seu texto não é [...]
Projetado para pesquisadores e cientistas, os recursos de medição do Photoshop CC são bastante poderosos. Você pode medir qualquer coisa e contar o número de qualquer coisa em uma imagem técnica, talvez de um microscópio ou telescópio. Se você sabe o tamanho exato de qualquer elemento em uma imagem, você pode descobrir quase tudo [...]
Ao usar as ferramentas Liquify no Adobe Creative Suite 5 (Adobe CS5) Illustrator, você pode dobrar objetos - torná-los ondulados, pegajosos ou pontiagudos - criando distorções simples a complexas. As ferramentas Liquify podem realizar todos os tipos de distorções criativas ou malucas (dependendo de como você as encara) em seus objetos. Vocês […]
Quando você tem texto em seu projeto Adobe XD, pode começar a alterar as propriedades do texto. Essas propriedades incluem Família da fonte, Tamanho da fonte, Peso da fonte, Alinhamento, Espaçamento entre caracteres (kerning e rastreamento), Espaçamento entre linhas (entrelinha), Preenchimento, Borda (traço), Sombra (sombra) e Desfoque de fundo. Então, vamos revisar como essas propriedades são aplicadas. Sobre legibilidade e fonte [...]
Você pode usar o InDesign para criar e modificar gráficos de código QR. Os códigos QR são uma forma de código de barras que pode armazenar informações como palavras, números, URLs ou outras formas de dados. A usuária escaneia o código QR usando sua câmera e software em um dispositivo, como um smartphone, e o software faz uso [...]
Assim como no Adobe Illustrator, as pranchetas do Photoshop oferecem a capacidade de criar páginas ou telas separadas em um documento. Isso pode ser especialmente útil se você estiver criando telas para um aplicativo móvel ou um pequeno folheto. Você pode pensar em uma prancheta como um tipo especial de grupo de camadas criado com o painel Camadas. Seu […]
Empacotar texto no Adobe Illustrator CC não é exatamente o mesmo que embrulhar um presente - é mais fácil! Uma quebra automática de texto força o texto a envolver um gráfico, conforme mostrado nesta figura. Esse recurso pode adicionar um pouco de criatividade a qualquer peça. O gráfico está forçando o texto a envolvê-lo. Primeiro, crie [...]
Ao projetar no Adobe Illustrator CC, geralmente você precisa que uma forma tenha um tamanho exato (por exemplo, 2 x 3 polegadas). Depois de criar uma forma, a melhor maneira de redimensioná-la para medidas exatas é usar o painel Transformar, mostrado nesta figura. Selecione o objeto e escolha Janela → Transformar para […]
Aprenda como aplicar transparência a gráficos SVG no Illustrator. Explore como gerar SVGs com fundos transparentes e aplicar efeitos de transparência.
Depois de importar suas imagens para o Adobe XD, você não tem muito controle de edição, mas pode redimensionar e girar as imagens como faria com qualquer outra forma. Você também pode arredondar facilmente os cantos de uma imagem importada usando os widgets de canto. Mascarando suas imagens, definindo uma forma fechada [...]
