Guias de design

Como diagramar textos em chinês e inglês em imagens de comércio eletrônico transfronteiriço

Da perspectiva da contratação de design gráfico, explica como hierarquizar, alinhar, controlar tamanho de fonte e espaços em branco em textos de chinês e inglês em imagens de comércio eletrônico transfronteiriço, além de apresentar pontos de preparação de materiais e verificação na entrega.

Cena ilustrativa

Primeiro defina qual é o texto principal e qual é o auxiliar

Quando chinês e inglês aparecem na mesma imagem de comércio eletrônico, o problema mais comum não é se a fonte é bonita, mas sim a falta de definição prévia de hierarquia. A prática comum é: o título principal mantém apenas um idioma para transmitir a informação principal, enquanto o outro idioma serve como referência ou complemento, com tamanho e peso visivelmente reduzidos. Se ambos os idiomas tiverem o mesmo tamanho e espessura, a imagem se torna dois blocos de informação justapostos, e o espectador não sabe para onde olhar primeiro.

Suponha que uma imagem principal de produto precise exibir argumentos de venda em chinês e inglês. Pode-se decidir primeiro: o chinês é responsável pelos principais argumentos, e o inglês fica abaixo ou ao lado como referência; ou o inverso, com o inglês como principal e o chinês como auxiliar. Essa decisão deve ser confirmada antes de iniciar o design, e não ajustada após a diagramação, caso contrário, é fácil ter que refazer tudo.

Ao misturar chinês e inglês, tamanho da fonte e espaçamento entre linhas não podem seguir os mesmos valores

A altura visual, o espaçamento entre caracteres e a sensação de altura da linha são diferentes entre chinês e inglês. No mesmo tamanho de fonte, o inglês geralmente parece menor e mais denso que o chinês. Portanto, ao misturar os dois idiomas, se deseja que tenham peso visual semelhante, o inglês normalmente precisa ser um pouco maior que o chinês, ou pelo menos não usar diretamente o mesmo tamanho.

O mesmo vale para o espaçamento entre linhas. Um espaçamento muito apertado no inglês pode parecer congestionado, enquanto um espaçamento muito solto no chinês pode parecer disperso. Uma abordagem viável é: usar espaçamento relativamente compacto para parágrafos em chinês e um pouco mais amplo para parágrafos em inglês; se os dois idiomas se alternarem no mesmo bloco, defina uma referência com base em um deles e depois ajuste o outro, para que os dois textos pareçam estar no mesmo nível, e não um visivelmente mais apertado.

Os valores específicos dependem da fonte, tamanho e largura do layout. Não é necessário buscar um conjunto fixo de parâmetros; o importante é que os dois idiomas estejam visualmente no mesmo nível.

O alinhamento deve ser uniforme, não use um padrão para cada idioma

Uma fonte comum de confusão na mistura de chinês e inglês é alinhar o chinês à esquerda e o inglês ao centro, ou o chinês ao centro e o inglês à esquerda. Se os alinhamentos forem diferentes, o layout parecerá solto e os limites difíceis de controlar.

Uma abordagem mais segura é: usar o mesmo alinhamento para chinês e inglês dentro do mesmo bloco. O alinhamento à esquerda é adequado para textos com mais informação e que exigem ordem de leitura; o alinhamento centralizado é adequado para frases curtas, títulos principais ou destaque no centro da imagem. Se o inglês for muito mais longo que o chinês, o alinhamento à esquerda geralmente facilita controlar os limites gerais; se ambos forem curtos, o alinhamento centralizado também funciona, mas é preciso garantir que as margens laterais sejam simétricas.

Além disso, evite quebrar palavras em inglês de forma aleatória. Uma palavra dividida em duas linhas prejudica a leitura e pode deixar o texto irregular. Na diagramação, deve-se priorizar o ajuste da largura da caixa de texto ou do tamanho da fonte, em vez de forçar a quebra de palavras.

Espaços em branco e margens devem ser definidos pela linha mais longa

Ao misturar chinês e inglês, a quantidade de caracteres é diferente, e a mesma frase pode ter comprimentos muito distintos após a tradução. Se o layout for definido primeiro com base no comprimento do chinês, o inglês pode ultrapassar os limites; o inverso também é verdadeiro.

A solução é: primeiro confirmar os textos finais em chinês e inglês, e depois definir a largura da caixa de texto e as margens com base no mais longo. Deve haver uma distância de segurança entre as bordas da imagem, as bordas do produto e o texto, para evitar que o texto fique colado ou sobreponha o produto. Imagens de comércio eletrônico podem ser cortadas ou redimensionadas, e margens muito apertadas podem causar problemas após o corte.

Se a diferença de comprimento for muito grande, pode-se considerar dividir o inglês em linhas mais curtas ou mover um dos idiomas para uma posição secundária, em vez de forçá-lo na mesma caixa de texto.

Quais materiais preparar antes de contratar

Para que a diagramação seja feita de uma só vez, é recomendável que o contratante forneça ao enviar a solicitação:

  • Textos finais em chinês e inglês, indicando qual é o principal e qual é o auxiliar;
  • Imagens do produto ou materiais visuais já aprovados, e o escopo de uso das imagens;
  • Fontes da marca ou normas de fontes existentes; se não houver, descrever a sensação desejada;
  • Uso final e requisitos de tamanho da imagem, por exemplo, para qual plataforma e se são necessários vários tamanhos;
  • Se é necessário manter arquivos editáveis e quem fará modificações posteriores.

Se os textos em chinês e inglês ainda não estiverem finalizados, a probabilidade de alterações repetidas durante a diagramação será alta. Definir o texto primeiro e depois diagramar geralmente economiza mais tempo do que diagramar e alterar ao mesmo tempo.

O que verificar na entrega

Ao receber o design, recomenda-se verificar os seguintes pontos:

  • A hierarquia entre chinês e inglês está clara? O que se vê primeiro é o texto principal esperado?
  • O tamanho da fonte, espaçamento entre linhas e alinhamento dos dois idiomas estão harmoniosos? Há algum lado visivelmente mais apertado ou mais solto?
  • O inglês foi dividido em palavras? O chinês teve quebras de linha inadequadas?
  • O texto está colado nas bordas, sobrepondo o produto, ou pode ser cortado após o recorte?
  • O que está sendo entregue: imagem final, arquivo editável, ou ambos? Se for arquivo editável, as fontes e camadas são fáceis de modificar posteriormente?
  • Se a imagem for para impressão ou rótulo de embalagem, os requisitos de saída devem ser confirmados com a gráfica, incluindo dimensões, sangria, modo de cor e formato de arquivo.

Se for necessário alterar o texto posteriormente, confirme antecipadamente se as fontes do arquivo editável estão disponíveis, para evitar que a substituição de fontes altere a diagramação. Para serviços de design relacionados, consulte Serviços de Design Gráfico.

Perguntas frequentes

Chinês e inglês precisam aparecer obrigatoriamente juntos? Não necessariamente. Se o espaço da imagem for limitado, ou se o público-alvo usar principalmente um idioma, pode-se manter apenas um e colocar o outro na página de detalhes ou no texto explicativo. A decisão depende do cenário de uso real.

O inglês precisa ser necessariamente maior que o chinês? Não é absoluto. O ajuste do tamanho da fonte depende da fonte e do efeito visual. O importante é que os dois idiomas pareçam estar no mesmo nível, e não definir mecanicamente qual é maior ou menor.

Pode-se usar diretamente o resultado de um software de tradução para diagramar? Pode-se usar a tradução como marcador de posição inicial, mas é melhor confirmar o texto final antes da diagramação oficial. O comprimento e a expressão da tradução afetam o layout; se o texto provisório e o final forem muito diferentes, a diagramação precisará ser refeita.

03 /

Do conhecimento à prática

Planejar conteúdos
01

Planejar conteúdos

Páginas responsivas
02

Páginas responsivas

Operação contínua
03

Operação contínua