Como ajustar as propriedades do texto no Adobe XD

Como ajustar as propriedades do texto no Adobe XD

Quando você tem texto em seu projeto Adobe XD, é fundamental ajustar corretamente as propriedades do texto para garantir uma apresentação clara e legível. Essas propriedades incluem: família da fonte, tamanho da fonte, peso da fonte, alinhamento, espaçamento entre caracteres, espaçamento entre linhas, preenchimento, borda, sombra e desfoque de fundo. Neste artigo, vamos revisar como aplicar e otimizar essas propriedades.

1. Sobre Legibilidade e Seleção de Fontes

A escolha da fonte é de importância crítica em qualquer design. Embora existam várias opções de fontes, apenas algumas são ideais para leitura em telas. Aqui estão algumas características a serem observadas:

Características Descrição Exemplo
Serif ou Não Serifado? As fontes serifadas têm uma ligeira projeção, enquanto as sans-serif não têm. As fontes sans-serif tendem a parecer mais modernas. Comparação entre fontes serifadas e sans-serif
Larguras de Linha Retas e Uniformes É melhor escolher fontes com pouca variação na largura, facilitando a leitura na tela. Variação de largura de linhas em tipos de fontes
Contadores Fortes Os contadores são aberturas em letras como "O", "B". Tamanhos adequados ajudam na legibilidade. Exibição de contadores abertos em diferentes fontes
Descendentes e Altura do Boné Descendentes curtos e alturas de capitalização baixas facilitam a leitura na tela. Comparação de descendentes e altura do boné

2. Selecionando Sua Família de Fontes

Após entender as características que tornam uma fonte legível, você pode usá-las para selecionar a família de fontes desejada no painel de propriedades:

  • Família de Fontes: Utilize o menu suspenso no painel Propriedades para selecionar a fonte desejada.
  • Peso da Fonte: Você pode selecionar diferentes pesos no menu suspenso correspondente.
  • Tamanho da Fonte: Ajuste o tamanho da fonte arrastando a barra ou digitando um número.
  • Alinhamento: Alinhe o texto à esquerda, centro ou direita no painel de propriedades.
  • Espaçamento entre Caracteres: Ajuste o espaçamento entre caracteres (rastreamento) conforme necessário.

3. Outros Ajustes Importantes

  • Altura da Linha: Use a altura da linha de forma consistente para garantir uma boa apresentação do texto.
  • Cor: Altere a cor de preenchimento através do painel de propriedades.
  • Borda: A aplicação de uma borda deve ser feita com moderação para não comprometer a legibilidade.

Mantenha o Mesmo Estilo ao Escrever Novo Texto

Quando você insere um novo texto, o Adobe XD pode defaultar para uma fonte, tamanho e cor padrão. Para evitar isso, selecione uma camada de texto existente com o estilo desejado antes de escrever o novo texto. Este método garante que o seu novo texto refletirá o estilo da camada de texto selecionada.


Trabalhando com pranchetas no Photoshop CC

Trabalhando com pranchetas no Photoshop CC

Aprenda a trabalhar com pranchetas no Photoshop CC, criando telas separadas para projetos de design, como aplicativos móveis e folhetos.

Como aplicar transparência a SVGs

Como aplicar transparência a SVGs

Aprenda como aplicar transparência a gráficos SVG no Illustrator e explore dicas sobre como gerar SVGs com fundos transparentes.

Como ajustar as propriedades do texto no Adobe XD

Como ajustar as propriedades do texto no Adobe XD

Aprenda a ajustar as propriedades do texto no Adobe XD para melhorar a legibilidade e a apresentação do seu projeto. Veja como escolher fontes, tamanhos e estilos de forma eficaz.

Como usar a ferramenta Free Transform em documentos do InDesign CS6

Como usar a ferramenta Free Transform em documentos do InDesign CS6

A ferramenta Free Transform no Adobe InDesign permite transformar objetos de várias maneiras, como mover, girar e dimensionar. Confira como utilizá-la corretamente.

Como dimensionar imagens no Adobe Fireworks CS6

Como dimensionar imagens no Adobe Fireworks CS6

Aprenda a dimensionar suas imagens no Adobe Fireworks CS6 de forma correta. Otimize suas imagens e evite problemas de pixelização e lentidão no download.

Captura de tela uma seção de um arquivo PDF

Captura de tela uma seção de um arquivo PDF

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 é [...]

Medindo, contando e analisando pixels no Photoshop CC

Medindo, contando e analisando pixels no Photoshop CC

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 [...]

As ferramentas Liquify no Adobe CS5 Illustrator

As ferramentas Liquify no Adobe CS5 Illustrator

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 […]

Como criar códigos QR no InDesign CC

Como criar códigos QR no InDesign CC

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 [...]

Quebrar texto em Adobe Illustrator CC

Quebrar texto em Adobe Illustrator CC

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 [...]