Guías de diseño

Cómo maquetar textos en chino e inglés en imágenes de comercio electrónico transfronterizo

Desde la perspectiva de la contratación de diseño gráfico, se explica cómo jerarquizar, alinear y controlar el tamaño de fuente y los espacios en blanco en textos chino-inglés de imágenes de comercio electrónico transfronterizo, con puntos clave para la preparación de materiales y la revisión de entrega.

Escena ilustrativa

Primero define qué texto es principal y cuál es secundario

Cuando el chino y el inglés aparecen juntos en una imagen de comercio electrónico, el problema más común no es si la fuente es bonita o no, sino no haber definido primero la jerarquía. La práctica habitual es: el título principal conserva solo un idioma para transmitir la información principal, y el otro idioma sirve como referencia o complemento, con un tamaño y grosor claramente inferiores. Si ambos idiomas tienen el mismo tamaño y grosor, la imagen se convierte en dos bloques de información paralelos y el espectador no sabe qué mirar primero.

Supongamos que una imagen principal de producto necesita mostrar tanto los puntos de venta en chino como en inglés. Primero se puede decidir: el chino se encarga de los puntos principales y el inglés se coloca debajo o a un lado como referencia; o al revés, el inglés como principal y el chino como apoyo. Esta decisión debe confirmarse antes de empezar el diseño, no después de terminar la maquetación, porque de lo contrario es fácil tener que rehacer todo.

Al mezclar chino e inglés, el tamaño y el interlineado no pueden usar los mismos valores

La altura visual, el espaciado entre caracteres y la sensación de altura de línea no son iguales en chino y en inglés. Con el mismo tamaño de fuente, el inglés suele verse más pequeño y más denso que el chino. Por eso, al mezclar ambos idiomas, si se quiere que el peso visual sea similar, el inglés normalmente necesita ser un poco más grande que el chino, o al menos no usar directamente el mismo tamaño que el chino.

Lo mismo ocurre con el interlineado. Un interlineado ajustado en inglés puede verse apretado, mientras que un interlineado amplio en chino puede verse disperso. Una forma viable de manejarlo es: usar un interlineado relativamente compacto para los párrafos en chino y ampliarlo un poco para los párrafos en inglés; si ambos idiomas se alternan en el mismo bloque, se establece una base con uno de ellos y se ajusta ligeramente el otro, para que ambos textos parezcan del mismo nivel y no uno claramente más apretado.

Los valores concretos dependen de la fuente, el tamaño y el ancho de la composición. No es necesario buscar un conjunto fijo de parámetros; lo importante es que ambos idiomas estén visualmente en el mismo nivel.

La alineación debe ser uniforme, no usar una para el chino y otra para el inglés

Una fuente común de desorden al mezclar chino e inglés es alinear el chino a la izquierda y centrar el inglés, o centrar el chino y alinear el inglés a la izquierda. Si los dos idiomas tienen alineaciones diferentes, la composición se ve suelta y los límites son difíciles de controlar.

Lo más seguro es que el chino y el inglés dentro del mismo bloque usen la misma alineación. La alineación a la izquierda es adecuada para textos con mucha información y que requieren un orden de lectura; la alineación centrada es adecuada para frases cortas, títulos principales o énfasis en el centro de la imagen. Si el inglés es mucho más largo que el chino, la alineación a la izquierda suele facilitar el control de los límites generales; si ambos idiomas son cortos, también se puede centrar, pero asegurando que los espacios en blanco a ambos lados sean simétricos.

Además, no se debe dividir el inglés de cualquier manera. Partir una palabra en dos líneas afecta la lectura y hace que el párrafo se vea irregular. Al maquetar, se debe ajustar primero el ancho del cuadro de texto o el tamaño de la fuente, en lugar de forzar la división de palabras.

Los espacios en blanco y márgenes se definen según la línea más larga

Al mezclar chino e inglés, la cantidad de caracteres es diferente y la misma frase puede variar mucho de longitud al traducirse. Si primero se define la composición según la longitud del chino, al colocar el inglés puede salirse de los límites; y viceversa.

El método es: primero confirmar los textos finales en chino e inglés, y luego determinar el ancho del cuadro de texto y los márgenes según el más largo. Debe haber una distancia de seguridad entre el borde de la imagen, el borde del producto y el texto, para evitar que el texto quede pegado al borde o sobre el producto. Las imágenes de comercio electrónico finalmente se recortan o escalan; si los márgenes son muy ajustados, es fácil que surjan problemas tras el recorte.

Si la diferencia de longitud entre los textos es muy grande, se puede considerar dividir el inglés en líneas más cortas o mover uno de los idiomas a una posición secundaria, en lugar de forzarlo en el mismo cuadro de texto.

Qué materiales se necesitan antes de encargar el trabajo

Para que la maquetación quede bien a la primera, el cliente debe proporcionar preferiblemente al enviar la solicitud:

  • Los textos finales en chino e inglés, indicando cuál es el principal y cuál el secundario;
  • Las imágenes del producto o los materiales visuales ya confirmados, y el alcance de uso de las imágenes;
  • La fuente de marca o las normas tipográficas existentes; si no las hay, describir la sensación que se desea transmitir;
  • El uso final y los requisitos de tamaño de la imagen, por ejemplo, para qué plataforma es y si se necesitan varios tamaños;
  • Si se necesita conservar el archivo editable y quién hará modificaciones posteriores.

Si los textos en chino e inglés aún no están definidos, la probabilidad de cambiar palabras repetidamente durante la maquetación será muy alta. Primero definir los textos y luego maquetar suele ahorrar más tiempo que ir modificando mientras se maqueta.

Qué revisar al momento de la entrega

Al recibir el diseño, se recomienda revisar los siguientes puntos:

  • Si la jerarquía entre chino e inglés es clara y si lo primero que se ve es el texto principal esperado;
  • Si el tamaño, el interlineado y la alineación de ambos idiomas son armoniosos, y si uno se ve claramente más apretado o más disperso;
  • Si el inglés tiene palabras divididas o si el chino tiene saltos de línea inadecuados;
  • Si el texto está pegado al borde, sobre el producto o si podría cortarse después del recorte;
  • Si se entrega la imagen final, el archivo editable o ambos; si es editable, si las fuentes y capas facilitan modificaciones posteriores;
  • Si la imagen está destinada a impresión o etiquetas de embalaje, los requisitos de salida deben confirmarse con el impresor, incluyendo tamaño, sangrado, modo de color y formato de archivo.

Si posteriormente se necesita modificar el texto por cuenta propia, conviene confirmar de antemano si las fuentes del archivo editable están disponibles, para evitar que al abrirlo se sustituyan las fuentes y cambie la maquetación. Para servicios de diseño relacionados, puede consultar servicios de diseño gráfico.

Preguntas frecuentes

¿Es obligatorio que aparezcan chino e inglés al mismo tiempo? No necesariamente. Si el espacio de la imagen es limitado o el público objetivo usa principalmente un idioma, se puede conservar solo uno y poner el otro en la página de detalles o en el texto descriptivo. Si ambos aparecen depende del escenario de uso real.

¿El inglés debe ser siempre más grande que el chino? No es absoluto. Ajustar o no el tamaño depende de la fuente y el efecto visual. Lo clave es que ambos idiomas parezcan estar en el mismo nivel, no establecer mecánicamente cuál es más grande o más pequeño.

¿Se puede maquetar directamente con el resultado de un software de traducción? Se puede usar primero el resultado de la traducción como marcador de posición, pero antes de la maquetación formal es mejor confirmar el texto final. La longitud y la forma de expresión de la traducción afectan la composición; si el texto de relleno y el final difieren demasiado, habrá que rehacer la maquetación.

03 /

Del conocimiento a la práctica

Planificar contenidos
01

Planificar contenidos

Páginas adaptables
02

Páginas adaptables

Gestión continua
03

Gestión continua