Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Design Theory

Decodificando la jerga del diseño gráfico: Parte 2

by
Read Time:15 minsLanguages:

Spanish (Español) translation by Kelly Gianella (you can also view the original English article)

dictionarydictionarydictionary

Bienvenido de nuevo a la serie que disecciona la confusa terminología utilizada por los diseñadores profesionales.

¿Alguna vez has salido de una reunión de diseño sintiéndote más desconcertado que motivado? No eres el único: los diseñadores gráficos tienen un conjunto distinto y diverso de palabras para describir todo tipo de procesos técnicos y de diseño, y a menudo pueden sonar como un idioma completamente extranjero.

Pero la ayuda está al alcance de la mano. Sigue leyendo para saber cómo traducir algunas de las partes más confusas del lenguaje utilizado por los diseñadores profesionales.

En esta segunda entrega de Decodificando la jerga del diseño gráfico (consulte aquí la primera parte), profundizamos un poco más en algunos de los términos más técnicos utilizados por los diseñadores para comunicar instrucciones específicas para la edición de la tipografía, el diseño, el color y el estilo. Considere su clase de lenguaje de diseño en sesión.

En primer lugar, un par de confusas pepitas de la jerga relacionada con la tipografía:

1. "Deshazte de Esa Huérfana/Viuda"

Esto puede sonar poco caritativo, pero no es nada personal. Los huérfanos y las viudas son pequeños errores tipográficos que hacen que el texto parezca un poco menos ordenado. Ten cuidado con ellos y serás apreciado por todos los diseñadores de la oficina.

Una viuda es una sola palabra que se sitúa al final de un párrafo en su propia línea. Considerado indeseable por los tipógrafos, un viudo rompe la porción cuadrada del texto y deja demasiado espacio en blanco junto a él; esto estorba al ojo del lector y hace que todo el párrafo parezca un poco desequilibrado.

Un huérfano es similar -una sola palabra, o incluso una línea corta-, excepto que aparece en la parte superior de una columna de texto, o en la parte superior de una página. Suelen ser más comunes cuando se componen trozos de texto más largos, como en un libro o una revista.

¿La solución para las viudas y los huérfanos? Estar atentos, detectarlos y deshacerse de ellos. Puede ser tan sencillo como reducir ligeramente el Seguimiento (el espacio entre todas las letras) ya sea en la última línea del párrafo, o en todo el párrafo si queda mejor. Añadir Guiones también puede ser de gran ayuda (un truco habitual en el diseño de periódicos y revistas), al igual que ajustar sutilmente la anchura del marco de texto.

widow widow widow

Un tipo de letra bonito siempre ayuda a que tus párrafos tengan un aspecto más pulido y profesional. Encuentra la fuente perfecta en Envato Market.

2. "Ese Párrafo Parece Irregular".

El aspecto de un párrafo "irregular" es el mismo que el de un párrafo desordenado y desaliñado. Mientras que algunos párrafos tienen un aspecto ordenado y cuadriculado, un párrafo irregular tendrá líneas que terminan en diferentes puntos verticales, creando un efecto escalonado que parece desigual y asimétrico.

Hay un arte para desterrar los párrafos demasiado irregulares. Una solución es justificar el párrafo, tirando de todas las líneas de texto a través de todo el marco de texto para llenar el espacio. En algunos contextos esto puede quedar bien, pero si su columna es particularmente estrecha, las palabras largas se estirarán para llenar una sola línea, lo que, fuera de la composición de los periódicos, puede parecer un poco extraño.

La otra solución, más moderada, es mantener el texto al ras del margen derecho o izquierdo, pero procurando reducir la irregularidad del párrafo limitando la extensión de las líneas que entran y salen. Puede hacerlo insertando saltos de línea manuales, o reduciendo el seguimiento de todo el texto, o de elementos individuales.

Comparison of ragged and justified paragraphsComparison of ragged and justified paragraphsComparison of ragged and justified paragraphs

Este tutorial le llevará a través del proceso de remediar el texto irregular en Adobe InDesign, paso a paso:

Con esta práctica guía de la A a la Z podrás conocer el significado de una gran variedad de términos tipográficos. Asegúrate de informarte antes de tu próxima reunión y prepárate para impresionar.

La jerga del diseño no se limita a la tipografía: también escuchará algunos términos confusos relacionados con el color...

3. "Quiero Que Sea Monocromático"

Puede que hayas pasado años creyendo que "monocromo" se refiere a composiciones y fotos en blanco y negro, pero en el mundo del diseño gráfico el término no se limita únicamente a los tonos blancos y negros.

El Monocromo puede referirse a un solo color, siempre que se utilice de forma aislada, junto con matices de ese color. Así, un diseño de cartel monocromático puede presentar un solo tono de azul, y el diseñador puede utilizar el blanco, así como tonos más claros o más oscuros de la muestra de azul para contrastar con ella.

blue shadesblue shadesblue shades

Esta técnica puede ser muy eficaz cuando se crea una serie de diseños, como una serie de carteles o portadas de libros: un color puede aparecer en cada diseño.

¿Buscas más conocimientos prácticos para aplicar paletas monocromáticas a tus diseños? En este curso, Kirk Nelson te muestra cómo trabajar con el color en Adobe Photoshop:

4. 4. "Haz que los Colores sean Complementarios/Análogos".

Oh no, estas son dos grandes palabras que tienen el poder de confundir incluso a los diseñadores gráficos más experimentados.

Una combinación de colores complementarios se basa en dos colores opuestos en la rueda de colores, que son diferentes entre sí, pero que encajan muy bien cuando se combinan. Busca algunos muestrarios de colores para encontrar combinaciones complementarias que se adapten al estado de ánimo y al tema de tu diseño.

complementarycomplementarycomplementary

Un esquema de color análogo utiliza un grupo de tres colores que se sitúan uno al lado del otro en una rueda de color.

analogousanalogousanalogous

Quedan bien juntos porque están relacionados entre sí: piensa en el amarillo, el naranja y el rojo. Lo que nos lleva a la siguiente parte de la jerga que hay que descifrar...

5. "Hazlo Más Cálido/Frío

A no ser que estés sirviendo una taza de té a tu jefe, la referencia a calentar/enfriar cuando miras un diseño tiene que ver con el color.

Probablemente ya tengas una idea de si un diseño es más cálido o más frío con sólo mirarlo. Las combinaciones de colores cálidos resultan más acogedoras y terrenales, por lo que pueden ser adecuadas para diseños o marcas que quieran hacer que la gente se sienta a gusto y reconfortada. Los rojos, los naranjas y los amarillos pertenecen al grupo de los colores cálidos.

warm colorswarm colorswarm colors

Las combinaciones de colores fríos resultan más sobrias y relajantes. Añadir más tonos azules, morados y verdes a tus diseños tiene un efecto calmante instantáneo en el espectador. Son un buen complemento para los diseños minimalistas.

Cool colorsCool colorsCool colors

El color ocupa un amplio nicho en el campo del diseño gráfico, y estos términos sólo empiezan a arañar la superficie. Puedes saber más sobre los fundamentos de la teoría del color con la rápida introducción de Adi Purdila a los tintes, los tonos y las sombras:

O profundiza un poco más en la teoría del color con el artículo de James Thomas sobre cómo entender la gestión del color:

Tal vez te hayan encargado la creación de una identidad de marca, que ya vimos en la primera entrega de Decodificando la Jerga de Diseño Gráfico. Te sorprenderá saber que "identidad" no es la única jerga con la que tendrás que familiarizarte cuando te enfrentes a un proyecto de marca...

6. "Diseñar Una Marca"

¡Argh! Logotipos, identidades de marca... ¿y ahora una "marca"?

Una marca (a veces escrita como "marca") es, en muchos sentidos, el santo grial para los diseñadores de marcas. Las marcas son logotipos simbólicos que proporcionan un reconocimiento visual, más que textual, de una marca o producto. El logotipo de Apple es un ejemplo famoso, junto con el zumbido de Nike y la concha marina amarilla y roja de Shell, reconocible al instante.

brandmarks shell applebrandmarks shell applebrandmarks shell apple

Muchas empresas pequeñas rehuyen de las marcas, y con razón: solo funcionan cuando la marca es lo suficientemente conocida como para ser reconocida solo por un símbolo visual sin la ayuda de un nombre de texto. Así que si tu cliente va a abrir una cafetería local, una marca puede no ser la mejor opción (¡y el cliente tendrá que decírselo!), pero un cliente grande con grandes ambiciones podría beneficiarse de un logotipo simbólico inteligentemente diseñado.

7. "En realidad, Nop, Quiero un Logotipo"

OK, respira, podemos descifrar esto, no hay problema.

El logotipo se diseña en torno a una versión mecanografiada del nombre de la marca. Más que un nombre mecanografiado bajo una imagen, los logotipos tienden a integrar los elementos centrales del diseño en la propia tipografía. Google, Cadbury, la NASA, Skype y Nestlé son ejemplos de marcas que han optado por los logotipos.

google logogoogle logogoogle logo

Observarás que la mayoría de las marcas alimentarias utilizan un logotipo en lugar de una marca. Esto se debe a que el reconocimiento del nombre de la marca es especialmente importante en un entorno de supermercado competitivo.

cadbury logocadbury logocadbury logo

Los productos que aspiran a un estilo de vida, como los que vende Apple, pueden descubrir que una marca aumenta el deseo por el producto y hace que la marca parezca más exclusiva, elegante o especial.

Aprende más sobre la creación de logotipos e identidades de marca desde cero con nuestro curso de Diseño y Construcción de una Marca, o ve cómo creamos una identidad de marca completa para nuestro propio equipo residente de Diseño e Ilustración:

Los diseñadores gráficos también tienen términos específicos para hablar del diseño de maquetas. Es posible que te encuentres con algunas de estas palabras y frases en las reuniones de las agencias o con los clientes, cuando los diseñadores quieren discutir cómo se pueden organizar mejor los elementos en una página...

8. Cambiemos la Jerarquía

Cuando un diseñador empieza a hablar de jerarquía, en realidad se refiere a una serie de opciones y técnicas diferentes que permitirán que el contenido de la página se muestre con mayor claridad. Si se diseña un diseño con múltiples elementos, como imágenes, texto y gráficos, imponerles una jerarquía visual (por ejemplo, que el elemento A sea más grande que el elemento B, que el elemento A se sitúe por encima del elemento B, etc.) dará estructura a la página, permitiendo que el contenido sea digerido fácilmente por el espectador o lector.

Existe una gran variedad de opciones para crear una jerarquía visual en un diseño. Si un diseñador o un cliente quiere cambiar la jerarquía existente, está insinuando que quiere que adoptes una forma diferente de organizar los elementos de la página. Aquí tienes algunos principios para crear una jerarquía visual en tu página:

  • Empieza por lo básico: crea una cuadrícula (consulta la parte 1 para ver la traducción de "cuadrícula") y asegúrate de que el contenido se lee de izquierda a derecha (en la mayoría de los idiomas) y de que el contenido que se va a leer primero está en la parte superior de la página, trabajando hacia abajo. Este estilo de maquetación se conoce como "patrón F" o "patrón E", debido a la forma rugosa que adopta en la página.
  • Opta por un "patrón Z": esto le lleva a colocar el primer elemento de contenido que se va a leer o mirar en la esquina superior izquierda de la "Z", trabajando a través de la "Z" hasta el punto final inferior derecho, que es el mejor lugar para una llamada a la acción o un texto/imagen de conclusión.
  • Utiliza las técnicas de diseño para atraer la atención sobre los elementos que deseas situar en la parte superior de la jerarquía: aplicar una tipografía llamativa, jugar con el tamaño de los elementos o resaltar ciertos elementos con un color que llame la atención te ayudará a crear una fuerte sensación de jerarquía en su diseño.
bright color resumebright color resumebright color resume
Tutorial de curriculum vitae de colores
  • Sé un poco más "extrovertido" y rompe la cuadrícula: estructura los diseños según los principios lineales, encajando los elementos y permitiendo que el texto se sitúe a lo largo de las líneas rectas. Si rompes la cuadrícula, introduciendo un elemento en un ángulo curvo o de broma, contrastará con los elementos alineados en la cuadrícula y permitirá que ese elemento sea el protagonista.

9. "Hay que Utilizar la Regla de los Tercios

Eek, eso suena aterrador. Pero que no cunda el pánico: la regla de los tercios es uno de los principios de diseño más sencillos y eficaces que hay que conocer.

La regla de los tercios se basa en la idea de dividir un diseño en nueve partes iguales creando una cuadrícula a lo largo de la página de dos líneas a lo ancho y dos líneas a lo bajo.

rule of thirds gridrule of thirds gridrule of thirds grid

La colocación de elementos en las intersecciones de esta cuadrícula tiene el poder mágico de hacer que los diseños parezcan más atractivos al instante. Esto se debe a que, aunque la simetría nos resulte atractiva, estamos tan acostumbrados a verla que puede pasar desapercibida para el ojo humano. La regla de los tercios fomenta una suave asimetría, que grita al espectador que es un poco inusual, lo que a su vez mantiene al espectador interesado.

Los "puntos calientes" de la cuadrícula de la regla de los tercios se destacan a continuación. Si colocas la parte del contenido que quieres que llame la atención (o que sea la más concurrida) en uno de estos puntos calientes, el diseño quedará más bonito.

rule of thirdsrule of thirdsrule of thirds
rule of thirdsrule of thirdsrule of thirds

Pruébalo y ve si puedes transformar mejor tus diseños.

10. 'OK, Hazme una Maqueta"

Una vez que hayas finalizado tus diseños -al final del proceso de diseño, pero antes de ir a la imprenta-, un diseñador o cliente puede pedirle que prepare una "maqueta".

Se trata de una maqueta del artículo que has diseñado, ya sea un documento de una sola página, como un póster o un folleto, o un artículo de varias páginas o más complejo, como el diseño de un libro o un envase.

packaging dummypackaging dummypackaging dummy
Tutorial de diseño de envases

Puedes crearlo con la impresora de tu oficina o de tu casa y luego juntar las páginas en el orden correcto. No es necesario que la maqueta tenga un aspecto pulido o bonito, pero sí que muestre la información técnica necesaria para imprimir y plegar el artículo correctamente. Los números de página, las indicaciones para los pliegues y los cortes, y las notas técnicas serán útiles.

Una vez que hayas elaborado la maqueta, es posible que el diseñador quiera revisarla y firmarla antes de acceder a enviarla a imprimir*. Después de esto, puede haber una segunda fase opcional de preimpresión, en la que el impresor le proporciona una prueba del documento final. Esta es una versión impresa profesionalmente que muestra los colores y la disposición del documento tal y como aparecerá en el producto final. Sólo después de que el diseñador lo haya visto y aprobado, el impresor recibirá el visto bueno para realizar toda la tirada.

* Para los documentos más complicados, como los folletos de varias páginas o los diseños de envases, siempre es una buena idea compartir la maqueta con el impresor, para que pueda ver exactamente cómo se debe componer el artículo final.

¿Necesitas ayuda para diseñar un envase? Echa un vistazo a la gran variedad de plantillas de embalaje, desde simples etiquetas hasta cajas más complejas, en Envato Market

¡Bien hecho! Ya dominas el lenguaje de los "diseñadores".

No hay necesidad de sentirse perdido en la traducción cuando se sienta en su próxima reunión de diseño. La jerga de los diseñadores puede parecer un poco desconcertante, pero a menudo el significado de las palabras es relativamente sencillo de entender. En este artículo hemos tratado algunas de las piezas más comunes de la jerga técnica que pueden aparecer durante el proceso de diseño.

Para hablar de tipografía:

  • "Deshacerse de ese huérfano/viuda" - traducción: 'Deshacerse de las palabras o frases perdidas en la parte superior o inferior de una columna de texto'
  • "Ese párrafo parece irregular" — traducción: 'Ordena la alineación de los márgenes de tu texto justificando o permitiendo un efecto escalonado más moderado'

Para hablar del color:

  • "Quiero que sea monocromo" - traducción: "Utiliza tonos de un solo color en este diseño".
  • "Hacer que los colores sean complementarios/analógicos" - traducción: "Utiliza una rueda de colores para elegir una combinación de colores que proporcione contraste (desde los lados opuestos de la rueda) o relación entre ellos (colores situados uno al lado del otro en la rueda)".
  • "Hacerlo más cálido/frío" - traducción: "Utiliza un conjunto de colores asociados al extremo cálido del espectro cromático (rojos, naranjas, amarillos) o al extremo frío (azules, verdes, morados)".

Para hablar del diseño de la marca:

  • "Diseña una marca" - traducción: "Diseña un logotipo utilizando sólo un símbolo visual".
  • "En realidad, no, quiero un logotipo". Traducción: "Diseña un logotipo utilizando una versión de texto del nombre de la marca".

Para hablar de diseños:

  • "Cambiemos la jerarquía"-traducción: "Cambiemos la disposición de los elementos en la página".
  • "Necesitas usar la Regla de los Tercios" - traducción: "Usa una cuadrícula de 9 cuadrados para disponer los elementos asimétricamente en la página".
  • "Ok, hazme una maqueta". Traducción: "Haz una maqueta o un prototipo aproximado del diseño final".

¿Te has encontrado con alguna jerga de diseño gráfico desconcertante recientemente? Comparte tus historias en los comentarios a continuación.

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads