O processamento de fontes em web design não pode ser subestimado. Afinal, as páginas da web são usadas para transmitir informações, e a forma mais clássica e direta de transmitir informações é o texto. Portanto, compreender alguns conhecimentos básicos de fontes ainda é muito importante para o design. de.
A maior diferença entre o chinês e o inglês é que o chinês possui caracteres quadrados e o inglês possui caracteres pinyin. Isso tem um enorme impacto no processamento de fontes. Se você observar o diagrama abaixo, verá que as alterações na fonte em inglês são enfraquecidas na fonte em chinês.
Como leitor chinês, costumo aceitar o formato quadrado como unidade de leitura. Na verdade, essa é uma maneira fácil de cansar os olhos. Ao ler, seus olhos realmente seguem o formato de toda a linha do texto. Dê uma olhada neste exemplo.
AGORA TENTEI FALAR COM VOCÊ E TE FAZER ENTENDER
Agora tentei falar com você e fazer você entender
Qual linha é mais fácil de ler?
A primeira linha é um pouco semelhante à situação em chinês. A diferença é que cada caractere chinês é como uma pintura e suas mudanças são muito mais ricas do que as 26 letras em inglês. Para nós, aceitamos esse recurso, mas ao projetar ainda existem. algumas questões que precisam ser consideradas. Não sou designer. Se o que eu disse estiver errado, deixe uma mensagem abaixo para discutir. Esses conteúdos são apresentados como princípios gerais quando ensino Tipografia. Também digo aos alunos: “O propósito da regra é quebrar a regra”. O próprio princípio do design é quebrar o princípio, o que também é uma manifestação da chamada criatividade. O problema é que você precisa primeiro conhecer os princípios e praticar em conformidade com eles. Somente depois de estar familiarizado com os princípios você poderá quebrá-los e mostrar sua criatividade. Quebrar os princípios não significa que os princípios sejam falhos ou errados. mas apenas com o uso engenhoso desses princípios, você quebrou alguns e, ao mesmo tempo, fez alguma compensação pelas partes que quebrou, o que parece bastante filosófico.
Pessoalmente, acho que os princípios mais importantes são (aplicáveis ao inglês):
Ao escolher uma fonte, você deve considerar a finalidade do texto. É um título ou um parágrafo?
De modo geral, as fontes san serif são adequadas para uso como títulos, como Arial; as fontes serif são adequadas para uso como texto de parágrafo, como Time New Roman. Para web design, existem várias fontes que recomendo fortemente, como verdana, tahoma e georgia. Na verdade, uma fonte como a Verdana foi projetada pelos principais designers de fontes do mundo por quase dois anos. A Microsoft é responsável por pagar a conta e depois fornecê-la aos usuários gratuitamente. Essa fonte faz parte da instalação do IE. Para a versão acima, seu computador deve ter essa fonte, então você não precisa se preocupar se o usuário possui essa fonte. Ele foi projetado para levar em consideração os problemas que as fontes podem enfrentar quando exibidas na tela e fornece respostas quase perfeitas. O único problema é que sua quase perfeição nos deixa sem personalidade na hora de usá-lo, porque todo mundo usa.
Tamanho da fonte?
Existem muitas discussões no fórum sobre qual é melhor, pixel ou ponto? Não vou repetir. O que quero ressaltar aqui é que existem muitas unidades diferentes de tamanho de fonte em CSS e aproximadamente três categorias:
Tamanho absoluto: mm, cm, pol, pt, pc
Tamanho relativo: em, ex
Em relação ao dispositivo: px
Talvez eu queira dizer mais algumas palavras sobre em e ex. Em representa o tamanho da fonte em CSS. Por exemplo, para uma fonte de 12 pt, 1 em é igual a 12 pt.
p {
tamanho da fonte: 10pt;
recuo do texto: 1em
}
Talvez você diga que posso usar text-indent: 10pt para obter o mesmo efeito, mas isso apenas em circunstâncias ideais se o usuário achar que é melhor definir o tamanho da fonte de seu navegador para 14pt, a proporção que você projeta. Ele é perdido, portanto o tamanho relativo é muito benéfico para o design de escalabilidade das páginas da web.
ex é semelhante a em, mas não é o mesmo. Voltando ao diagrama acima, x-height é diferente para cada fonte. ex define o tamanho da fonte com base na altura x da fonte.
Alinhamento?
É melhor usar o alinhamento à esquerda, especialmente evitar usar o alinhamento à esquerda e à direita, a menos que você tenha um propósito especial de design. O desalinhamento do lado direito quando alinhado à esquerda é apenas para facilitar a leitura. à sua visão. Use alterações para dizer aos seus olhos que é hora de mudar de linha.
Espaçamento entre linhas?
O espaçamento entre linhas depende do tamanho da fonte. De modo geral, tamanhos de fonte pequenos exigem espaçamento entre linhas maior para facilitar a leitura. Se não houver configuração de espaçamento entre linhas para fontes chinesas em uma página da web, será um desastre para os leitores lerem parágrafos grandes. do texto. Portanto, é muito necessário definir a altura da linha adequadamente. Geralmente, a altura da linha em web design deve ser de 1,5 a 2 vezes o tamanho da fonte. No Word e em outros softwares de edição de texto, 120% da fonte geralmente é definido como espaçamento entre linhas padrão. A configuração de altura da linha em CSS é dividida igualmente e adicionada à parte superior e inferior de cada linha. Ou seja, se a altura da linha for definida como 20px, cada linha de texto terá um espaçamento de 10px na parte superior e. fundo.
Espaçamento entre palavras e espaçamento entre caracteres?
Para fins muito especiais, os dois deveriam ser iguais para os chineses. Essa configuração em si serve para resolver certas falhas de design de fonte e aumentar a legibilidade do texto.