Diccionario de diseño gráfico:
100 palabras de diseño explicadas para no diseñadores

ACOPLAR

Habitualmente decimos «acoplar transparencias» para referirnos a un comando de acoplado que convierte las transparencias en objetos más simples.

AIRE

Es el espacio en blanco que dejamos alrededor de un elemento o en los márgenes de una página para que «respire».

Se trata de dejar aire para que la página no quede abarrotada y se pueda leer correctamente.

ALINEAR

Normalmente nos referimos a la alineación de un texto, que puede ser a la izquierda, a la derecha o al centro.

Como norma general lo ideal es dejar el texto alineado a la izquierda ya que favorece la legibilidad.

ALTURA DE LA X

Es la altura de los caracteres de una tipografía sin tener en cuenta los trazos ascendentes o descendentes.

Representa la altura de las minúsculas que no pertenecen a las ascendentes (como la d) o a las descendentes (como la p), un ejemplo es la letra x (de ahí el nombre). Esta medida nos sirve de orientación por ejemplo en el lettering.

ÁREA DE RECORTE

Es el área que cortará la guillotina de la imprenta, que es interpretada por las marcas de corte.

Todo lo que quede fuera del área de recorte se desechará.

ARTE FINAL

Como su propio nombre indica es el documento final listo para imprimir.

Para preparar las artes finales de un documento, además de asegurarnos de que el contenido no tiene errores, se debe dejar todo listo para que la imprenta que lo reciba pueda imprimirlo sin ningún inconveniente. Para ello hay que asegurarse a grandes rasgos de las siguientes cosas:

– Que el perfil de color sea el correcto. En caso de ser para impresión, siempre debe estar en CMYK.

– Las tipografías deben estar trazadas, esto quiere decir convertir el texto en vectores. De este modo aunque la imprenta no tuviera la tipografía que nosotros estamos utilizando, se vería perfecto.

– Debemos asegurarnos que las imágenes están a 300 ppp y en CMYK. Y debemos incrustarlas para, al igual que ocurría con la tipografía, que se queden «dentro» del documento y la imprenta no necesite tenerlas en su PC.

– Asegurarnos de que el documento tiene las medidas correctas y tiene sangrado, en caso de que haya elementos que vayan a sangre.

– Debemos exportar el documento convenientemente, en PDF de alta calidad para impresión, con marcas de corte, con las transparencias acopladas en el caso de que las tuviera, con todas las tintas convertidas a CMYK, etc.

– Debemos nombrar el archivo para que la imprenta conozca todos los datos cuando lo reciba, indicando la abreviatura AF (arte final), el tipo de archivo (tríptico…) y las medidas del mismo, por ejemplo: «AF_TarjetaVisita_85x54mm».

Si hubiera algún tipo de acabado especial o tintas especiales, tendríamos que preparar también cada uno de los archivos para las mismas, de este modo la imprenta podrá interpretar por ejemplo un barniz, una tinta fluoroscente, etc.

BANDERA

A diferencia del resto del mundo, cuando los diseñadores decimos «bandera» nos referimos a un texto alineado; sin justificar.

BANNER

Es un tipo de pieza publicitaria para la red de display; un anuncio de carácter gráfico que se sitúa en páginas webs.

El anunciante paga por incluir un banner con la información que quiere destacar en internet con el propósito de que mucha gente lo vea y clique en el anuncio, de este modo redirige tráfico a su web.

BRANDING

Es el concepto para referirse a la identidad de marca: el proceso de diseño y las aplicaciones de la misma.

Branding es un termino complejo y amplio con el que nos referimos a las técnicas y estrategias que tenemos en cuenta a la hora de construir la identidad corporativa de una marca, que debe siempre reflejar la filosofía y comunicar valores de la empresa o individuo (en el caso de la marca personal).

BRIEFING

El briefing es el documento previo a la realización de un trabajo en el que se estipulan todos los puntos e información de la empresa a tener en cuenta por el diseñador.

Es la información inicial con la que partimos a la hora de comenzar un encargo, donde se registran todos los datos que el cliente considera que debemos conocer antes de comenzar a diseñar, como el propósito del encargo, los valores de la marca que debemos transmitir, los requerimientos que debe cumplir el diseño, etc.

Por supuesto este término no podía faltar en nuestro diccionario de diseño gráfico, sobre todo teniendo en cuenta todos los quebraderos de cabeza que nos supone a los diseñadores.

CAJA ALTA
CAJA BAJA

Mayúsculas y minúsculas para los muggles.

No es nada más y nada menos que otro modo que los diseñadores tenemos para referirnos a las letras mayúsculas (caja alta) y las minúsculas (caja baja).

CALCO DE IMAGEN

Es una opción de Illustrator que nos permite convertir una imagen (píxeles) a vectores.

Es extremadamente útil ya que por ejemplo nos permite escanear un boceto y convertirlo a curvas. De este modo lo que antes era solo una imagen, ahora se convierte en un dibujo vectorial que podemos editar y perfeccionar mas cómodamente y que podremos escalar tanto como queramos sin que pierda calidad.

Únicamente tenemos que importar una imagen en Illustrator y darle a objeto – calco de imagen – calcar. Tiene diferentes opciones según cómo de simple queremos que interprete la imagen, desde la opción más simple (dibujo técnico) hasta la más compleja (foto de alta fidelidad). A más complejidad, mayor número de líneas y colores interpretará el programa.

CALIGRAFÍA

Se puede entender como los rasgos y características que representan la escritura de una persona, pero habitualmente nos referimos a «caligrafía» para hablar de la escritura a mano como expresión artística.

Existen infinidad de estilos y técnicas en los que se puede dividir la caligrafía, pero sin duda tiene un poder enorme para comunicar y transmitir visualmente un mensaje.

CAMA DE NEGRO

Una «cama de negro» o «negro enriquecido» es conseguir en impresión un tono de negro más intenso que el de registro.

Para lograrlo, en lugar de dejar los valores de CMYK únicamente a negro 100%, se le añade un porcentaje (ojo, pequeño) del resto de colores primarios, por ejemplo: C 10%, M 10%, Y 10% y K 100%. Esta técnica se utiliza normalmente cuando un texto negro se sitúa sobre un fondo de color, para evitar que se empaste o no resalte lo suficiente.

CAPAS

Las capas de los programas de diseño como Photoshop nos permiten ordenar los elementos estableciendo qué queda por encima y qué por debajo, como si fueran acetatos superpuestos.

De este modo podremos trabajar con transparencias o con elementos aislados para disponerlos sobre una misma página en el orden que nos interese.

CAPITULAR

Es la primera letra de un documento o capítulo que se coloca ocupando varias líneas, normalmente decorada, para destacar el comienzo.

Es muy típico de obras antiguas, pero se puede jugar con ello para darle un toque diferente a cualquier tipo de escrito.

Para crear una letra capitular en InDesign en el menú superior ve a ventana – estilos – estilo de párrafo, y en las opciones de estilo de párrafo al apartado «capitulares y estilos animados». Ahí podrás configurar sus opciones: el número de líneas que quieres que ocupe, los caracteres que quieras que tenga (habitualmente se pone solo uno, pero todo es probar), la tipo, etc.

CMYK

Son los colores primarios en tinta, para impresión. CMYK: cyan, magenta, yellow and black, es decir, azul, magenta, amarillo y negro.

Al unirse los cuatro colores primarios dan el negro, lo que se conoce como síntesis sustractiva.

Es el perfil de color que debemos usar con todos los archivos que vayan destinados a impresión para que los colores sean correctamente interpretados.

CONTORNEAR

Contornear o trazar la tipografía quiere decir convertir el texto a vectores.

En InDesign únicamente tenemos que dar a texto – crear contornos. De este modo el texto se convierte a vectores (como si  hubiéramos dibujado el texto con la pluma) y la imprenta no necesitará tener las tipografías instaladas en su ordenador para poder imprimir correctamente nuestro documento, evitando posibles errores.

¡Cuidado! Esto hace que perdamos la capacidad de edición del texto (no podremos modificar el contenido), por eso es el último paso y solo lo hacemos a la hora de preparar las artes finales, cuando el archivo está acabado y antes de enviarlo a la imprenta. Siempre debemos guardar el archivo previo, sin trazar, por si hubiera que cambiar el texto posteriormente (y créeme, seguro que hay cambios) poder editarlo y volver a trazarlo y preparar artes finales. La vida del freelance.

CORTESÍAS

Las páginas de cortesía son las primeras y últimas páginas de un libro, que se dejan en blanco antes de comenzar con el agradecimiento, prólogo, etc.

Es normalmente señal de lujo y elegancia dejar varias páginas de cortesía, ya que la impresión es más costosa.

CUBIERTA

La cubierta es el conjunto de la portada, el lomo (si lo hubiera) y la contraportada.

Debe ser un único archivo que incluya los tres elementos que posteriormente la imprenta imprimirá y plegará correspondientemente. El lomo debe tener un tamaño adecuado en función del número de páginas del pliego.

CUENTA GOTAS

Es una herramienta que incluyen todos los programas de diseño como Photoshop para copiar el color de un elemento y poder añadírselo a otro.

Nos permite copiar el código de color de un elemento añadiéndolo a nuestro selector de color para que podamos pintar con él, añadírselo a otra forma, etc.

CUERPO DE TEXTO

También llamado en ocasiones «texto corrido», es el texto principal de un documento.

Sería el último elemento en la jerarquía de una página, por debajo de los títulos, subtítulos… Sin embargo, es un elemento muy importante en la maquetación, ya que al no pretender destacar por encima de otros elementos, debe tratarse de la forma más legible y limpia posible para facilitar todo lo posible la lectura.

CURSIVA

Es una estilo de letra por el que la tipografía queda inclinada a la derecha, de este modo se asemeja a la letra caligráfica o escrita a mano.

Se utiliza habitualmente para enfatizar, para indicar un anglicismo, un vulgarismo, un título de un libro, etc.

DÍPTICO

Es un documento de una sola hoja plegada en dos partes.

DOMINANTE DE COLOR

Es el matiz de color que predomina en una imagen.

Al realizar una fotografía puede influir el tipo de luz que tenemos y que salga demasiado amarillenta (luz de tungsteno), demasiado verde (luz fluorescente), etc. Por ello podemos corregir la dominante de color de una imagen en Photoshop aplicando un filtro del color complementario. También se podría corregir directamente desde la cámara.

ESPACIO DE COLOR

Es el espacio o sistema de color en que está hecha una imagen o documento: RGB (digital), CMYK (impresión), escala de grises, etc.

En los programas de diseño como por ejemplo Photoshop encontraremos una opción en edición – modo para ver y cambiar el espacio de color de una imagen, reinterpretando los colores.

FAMILIA
TIPOGRÁFICA

Es el conjunto de variantes de una tipografía, por ejemplo Helvética, que podemos encontrar: bold, negrita, black, light, thin, book…

Lo normal es trabajar con una misma familia tipográfica estableciendo jerarquías visuales y dando más y menos importancia a un elemento a través de sus variantes.

FILETE

Un diseñador habla de «filete» para referirse a una línea recta que se utiliza para decorar, separar elementos…

Sí, es simplemente una línea. Así somos los diseñadores.

FLYER

Un flyer o volante es un documento de carácter publicitario de una sola hoja y de pequeño tamaño.

Es la publicidad que nos entregan habitualmente por la calle; una hoja pequeña de bajo gramaje, ya que suele hacerse del modo más económico posible, con un mensaje claro y breve.

FREELANCE

Diseñador autónomo que trabaja por cuenta propia y por encargos, facturando cada uno de los trabajos que le vayan surgiendo de diferentes clientes.

Otro término que no podía faltar en nuestro diccionario de diseño gráfico. El freelance es un profesional que lidia con muchos clientes (por tanto, muchos cambios) y paga además la cuota de autónomos. Es decir, un superhéroe o un loco, según se mire.

GRAMAJE

Es la densidad o peso del papel y viene indicado en gramos por metro cuadrado.

Nos indica el grosor de una hoja de papel.

GUARDAS

Son las páginas que van pegadas a la tapa exterior del libro para unir el pliego con la cubierta.

Las guardas son siempre la primera y la última página del pliego, que van normalmente encoladas a la cubierta y habitualmente se decoran con un fondo, dibujos o formas en relación al contenido del libro, aunque también las podemos encontrar en blanco.

HENDIDO

Hendidura que se hace en un hoja para posteriormente plegar el papel más fácilmente por esa línea.

Es muy común en folletos que requieran plegado como un díptico, en diseño de packaging, etc y viene indicado por las marcas de hendido.

HEXADECIMAL

Es el código de color utilizado para web, indicado por el sistema de numeración hexadecimal que se representa con una almohadilla seguida de 6 números, de la siguiente forma: #15511d.

HUÉRFANA

Una huérfana es la primera línea de un párrafo que queda maquetada al final de una página y, por tanto, separada del resto del párrafo, que continúa en la siguiente página.

Es un error muy común en diseño editorial dejar una única línea de un párrafo aislada y los diseñadores estamos condenados a encontrarlas en cada lectura que hacemos y llorar en silencio.

Visualmente queda más claro:

IDENTIDAD DE MARCA

La identidad de marca es lo mismo a lo que nos referimos cuando decimos branding. Es el conjunto de estrategias que identifican las características y valores de una marca.

La identidad de marca no es solo el logotipo de la empresa, si no que se aplicará a cada uno de los medios de comunicación que utilice una marca: la página web, el menú de un restaurante, etc. Todo debe seguir una misma línea coherente de diseño y reflejar la filosofía de la compañía.

INFOGRAFÍA

Es un documento informativo donde el contenido es explicado por medio de gráficos, iconos y/o formas.

El resultado es un esquema visual que nos comunica una información compleja simplificada por medio de imágenes e ilustraciones.

Puedes encontrar, de la mano del diseñador Francesco Franchi, varios ejemplos de infografías aquí.

INTERLÍNEA

La interlínea o interlineado es el espacio entre las diferentes líneas de un párrafo.

Lo recomendable es dejarlo por defecto, pero se puede alterar para dar diferentes estilos visuales sobre todo en textos cortos, títulos y destacados.

Aquí un ejemplo de interlínea positiva (un valor mayor del que viene por defecto) y negativa (un valor menor del que viene por defecto):

ITÁLICA

Una manera más elegante de decir «cursiva».

Estilo de tipografía inclinada a la derecha para simular la escritura a mano. También se conoce como «bastardilla».

INTERLETRA

Es el espacio entre letras, que también recibe el nombre de «tracking».

Lo recomendable es dejarlo por defecto, pero se puede jugar con la interletra negativa o positiva para dar diferentes estilos visuales a un texto, principalmente en títulos y destacados.

Un ejemplo muy práctico de interletra es el rediseño del logo de Zara, a la izquierda con su logo antiguo podemos ver una muestra de interletra positiva y a la derecha, en su rediseño, una interletra negativa (tanto que las letras se «pisan»):

JERARQUÍA

Es el orden de importancia de los elementos de una página.

Debemos establecer muy bien la jerarquía a través de la tipografía, los tamaños, las formas…

En el caso de los textos lo haremos jugando con el tamaño (puntos), la negrita, el subrayado, los colores…

Para armonizar bien un contenido editorial la clave es jugar con los pesos visuales y los espacios en blanco, siempre teniendo en cuenta que el sentido de lectura occidental es de izquierda a derecha y de arriba a abajo.

JUSTIFICAR

En contextos de diseño no hablamos de justificar tu respuesta, si no todo el texto. Justificar un texto es alinearlo por ambos lados.

Hay que tener mucho cuidado cuando justificamos un texto de manera automática, ya que para que se alinee por ambos lados lo que hace cualquier programa es aumentar el espacio entre las palabras. Si no se hace bien, el resultado será muy poco estético, con espacios desiguales o excesivos y por tanto, además de cutre será mucho menos legible. Esto es lo que los diseñadores llamamos ríos o calles: los espacios en blanco continuados que se forman entre líneas. Es algo que hay que evitar a toda costa, por ello debemos saber justificar muy bien un texto optimizando las opciones de justificación. Si no, lo más recomendable es dejarlo siempre alineado a la izquierda para favorecer la legibilidad y evitar este tipo de chapuzas.

En InDesign encontramos las opciones de justificación al seleccionar un estilo de párrafo (ventana – estilos – estilos de párrafo). En esa ventana encontraremos la opción «justificación» y en ella podremos editar el espacio entre palabras y letras, el interlineado automático, etc para corregir los ríos y ajustar el aspecto visual del texto.

KERNING

El kerning es una corrección visual del tracking (espacio entre letras) en dos caracteres consecutivos que no armonizan bien entre ellos, quedando demasiado separados y perdiendo legibilidad.

En InDesign únicamente tienes que seleccionar dos caracteres seguidores para poder ajustar las opciones de kerning (óptico y métrico).

Aquí podemos ver un ejemplo, el de arriba tiene los dos primeros caracteres con kerning métrico, es decir, sin ajustar y el de abajo con kerning óptico. En este último se juntan los dos caracteres para que su unión se vea más armónica.

LEGIBILIDAD

Es la capacidad de un texto para ser leído.

Hay muchos aspectos que afectan a la legibilidad de un texto, por ejemplo el tamaño y la tipografía que usemos, el kerning y el tracking… Aunque juguemos con los aspectos visuales de un texto, siempre debemos respetar y facilitar su legibilidad.

Como norma general, podemos tener en cuenta a la hora de favorecer la legibilidad de un texto las siguientes reglas:
La tipografías con serifa son más legibles que las de palo seco. El tamaño de un texto corrido (cuerpo de texto principal, sin tener en cuenta títulos/entradillas…) debe estar comprendido aproximadamente entre 8 y 12 puntos para tener la legibilidad más óptima. Es más legible un texto alineado a la izquierda y la línea no debe tener más de 60 palabras.

LETTERING

El lettering es la disciplina artística de dibujar con letras.

No es lo mismo que tipografía, que son caracteres, símbolos y números diseñados con un estilo formal y unas características concretas, destinadas a usarse en ordenadores por usuarios de forma automática. Por ejemplo Helvética es una tipografía.

Tampoco es lo mismo que caligrafía, aunque a menudo se confundan. La caligrafía es el arte de escribir de cada persona; se hace a mano y de un único trazo. Hoy en día se perfecciona para escribir bonito y existen muchas técnicas que la convierten en toda una práctica artística, existiendo multitud de estilos caligráficos diferentes, todos ellos siguen unas normal pautadas.

Sin embargo, el lettering, al contrario que la caligrafía que requiere una continuidad, no se hace escribiendo, si no dibujando. La mayor diferencia con la caligrafía radica en que no se hace de una única vez, si no que se puede borrar, rehacer, incluso retocar con programas de edición, perfeccionando las letras a través de capas, efectos, etc. Es una disciplina artística que puede combinar infinidad de recursos: filigranas, ilustraciones… El lettering no sigue reglas, es un estilo libre y experimental. Es la combinación de ilustración y texto, por lo que tiene una fuerte capacidad comunicativa y visual.

LICUAR

Es una herramienta de Photoshop que, entre otras cosas, sirve para quitar michelines.

Básicamente nos permite distorsionar una imagen, bien sea empujando y moviendo un punto o clicando sobre un área de la imagen para hacerla más grande o más pequeña. De este modo podremos usarlo para crear un efecto de engrosamiento o adelgazamiento de un cuerpo, una cara, un objeto… Pero también se usa para infinidad de estilos artísticos.

Es tan sencillo como seleccionar en Photoshop filtro – licuar para empezar a jugar con la herramienta.

LIGADURA

Una ligadura es un símbolo que se forma uniendo dos caracteres que, aunque se pueden escribir individualmente, quedan mejor al juntarlos.

La mayoría de las tipografías ya incluyen ligaduras de diferentes grupos de caracteres para que las utilicemos cuando queramos. Normalmente se usan como recurso estético porque visualmente se ven mejor al unirlos, sin que queden tan espaciados, y por herencia de la escritura manual donde por rapidez a menudo juntamos varias letras.

Ejemplo práctico, a la izquierda puedes ver las letras sin ligadura y a la derecha, con ligadura:

LOGOTIPO

Comúnmente se conoce como logotipo (o logo) a la imagen gráfica asociada a una marca, bien sea de una empresa o de una persona, en el caso de la marca personal.

Pero en realidad lo que habitualmente entendemos es incorrecto, ya que una identidad visual corporativa puede ser de cuatro tipos diferentes y solo uno de ellos es un logotipo:

– Logotipo: está únicamente formado por texto. Ejemplos serían Canon, Zara, Coca Cola, Kellogs, Ray-Ban, Disney…
– Isotipo: está únicamente formado por imagen, no hay texto. Ejemplos serían Apple, Twitter, Instagram, Chrome…
– Imagotipo: está formado por imagen y texto que son independientes y se pueden separar. Ejemplos serían Adobe, Puma, Carrefour, Red Bull, Lacoste…
– Isologo: está formado por imagen y texto pero ambos son inseparables. Ejemplos serían Starbucks, Burger King, Lay’s, BMW, la Nasa, Harley Davidson…

Esto siempre se entiende mejor visualmente:

LOMO

Es el borde lateral izquierdo de un libro cerrado, el elemento que separa la portada de la contraportada y forma, con ellas, la cubierta.

El tamaño del lomo se calculará en función del número de páginas del documento y si éste tiene suficientes páginas, podremos incluir un diseño en el lomo, por ejemplo el título del libro.

LOREM IPSUM

Es un texto falso que simula caracteres latinos y utilizamos para ver cómo quedaría una página con el contenido.

En InDesign por ejemplo es tan sencillo como dar a texto – llenar con texto falso.

Todo esto es texto falso:
Ebis vendae eaqui solupta turera prepe parum ut estrum, cus as nient aut aut pa nost, consed ut reroribus ex ea dolor as secestrum qui con preprae sequam ipsaeperum is ipsamus aectibustior accae perovit quas as modipsunt ut volorro beatemolenis veremporum quianda perchil es quam eum.

MANUAL DE MARCA

Es el manual que acompaña al diseño de una identidad visual corporativa y que sirve a la empresa y sus trabajadores para establecer una línea de comunicación coherente en todos sus elementos de diseño.

Un manual de marca se compone de los siguientes puntos básicos:

– Filosofía y valores de la marca: los valores que deberán respetarse en toda la comunicación.

– Arquitectura de logo: muestra gráfica de la construcción de la marca; las proporciones del logo.

– Variantes: las versiones en que podrá emplearse nuestro logo. Siempre deben estar pensados para su aplicación en positivo, negativo y escala de grises como mínimo.

– Reserva: área de respecto o porcentaje de blanco que debemos dejar siempre alrededor del logo.

– Reducción: los tamaños mínimos a los que podrá emplearse el logo.

– Usos correctos e incorrectos: ejemplos de la correcta e incorrecta utilización del logotipo según las diferentes aplicaciones y fondos.

– Colores: los colores corporativos y las conversiones para cada perfil donde se usarán: CMYK, RGB, Hexadecimal, RAL, LAB…

– Tipografías: tanto la tipografía que se usa en el logo como las que se emplearán en los elementos de publicidad y prensa.

– Aplicaciones: ejemplos de cómo se debe usar la marca para los soportes que se necesiten, tanto online: página web o aplicación, perfiles de redes sociales, firma de correo, newsletter… como offline: tarjeta de visita, papel de carta, sobre, flyer, folleto, menú de restaurante…

Estos son los aspectos esenciales que debe recoger cualquier manual de marca, pero la extensión dependerá de la propia magnitud de la compañía.

Aún así, independientemente del tamaño de la empresa, es INDISPENSABLE contar con un manual básico, pues es el medio para establecer los puntos que deberán respetarse siempre si se quiere tener una marca sólida, que permita diferenciarse en el mercado.

Aquí podéis ver un ejemplo de manual de marca.

MARCAS DE CORTE

Son las líneas que sirven a la imprenta como referencia para saber por dónde se debe cortar la página.

Son líneas guía para el corte. El sangrado debe quedar por debajo de estas, nunca al borde. De este modo la guillotina corta por dichas guías y deshecha lo sobrante, obteniendo la pieza en su tamaño final.

MAQUETAR

Así es como llamamos a diseñar páginas editoriales.

Se trata de componer los diferentes textos y elementos de la página.

MÁSCARA

En Photoshop una máscara es una un efecto que aplicamos sobre una capa que nos permite enmascarar (u ocultar) zonas de la misma.

Una máscara de capa nos permite trabajar entorno a dos colores: blanco y negro. El blanco es todo lo que vemos de la capa y el negro, todo lo que queremos ocultar. Podemos enmascarar áreas de la imagen simplemente pintando con color negro, y volver a visualizarlas al pintar con blanco.

Es un recurso que nos permite realizar infinidad de efectos y es indispensable para trabajar profesionalmente con Photoshop.

Para crearla solo tenemos que seleccionar la capa deseada y dar al botón «añadir máscara de capa» que encontraremos abajo, en el panel «capas».

MEDIANIL

Es el espacio entre columnas de un documento de texto.

No es conveniente dejar un medianil muy estrecho pues reduciremos la legibilidad del conjunto del texto, pero podremos jugar con sus medidas para obtener diferentes resultados visuales.

MESA DE TRABAJO

En algunos programas de diseño como Illustrator, configuramos las páginas o áreas donde realizaremos los diferentes diseños a través de las mesas de trabajo.

METADATOS

Es un extracto de información asociado a un documento sobre su copyright, características, etc. 

Algunos se establecen automáticamente como la fecha de creación o en el caso de las fotografías la cámara con la que se ha tomado y las características (tiempo de exposición, apertura del diafragma…) en las que se ha realizado. Pero además, nosotros podemos ampliar los metadatos y establecer la información que queramos, por ejemplo el autor, para que cuando se distribuya la imagen esta información siga quedando unida al documento.

MOCK-UP

Es un documento de simulación que nos permite ver el acabado de un proyecto, por ejemplo una camiseta, sustituyendo el contenido por nuestro diseño y logo.

Esto se consigue normalmente a través de un archivo .PSD o de Photoshop que podemos abrir y, clicando en una o varias de las capas, nos permite incluir nuestro diseño para ver cómo quedaría el acabado final (por ejemplo una tarjeta de visita, una mochila, un flyer…).

Es muy útil para enseñarle al cliente cómo quedaría la idea en el soporte final y para incluir en nuestro portfolio.

Primera ley del diseñador: amarás los mock-ups por encima de todo.

Puedes encontrar multitud de mock-ups gratuitos en bancos como: Graphic Burguer.

NEGATIVO

Es la representación de los colores inversos de una imagen.

Aunque en fotografía sería transformar los colores a sus opuestos en la rueda cromática. Los diseñadores normalmente utilizamos la palabra negativo para referirnos al uso del logo sobre fondo negro.

En la creación de logos el negativo no se construye literalmente invirtiendo los colores, si no que se hace una variación del mismo que permita una correcta visualización y legibilidad sobre fondo negro, utilizando algún color que no se empaste mucho o dejando todo el logo en blanco.

NEGRITA

Es una variante de una tipografía de más grosor que la normal o redonda. Este texto está en negrita.

Este texto no está en negrita.

OFFLINE

Técnicas y documentos destinados al mundo no online, por ejemplo los documentos impresos.

Un flyer o una tarjeta de visita serían elementos de diseño del mundo offline. En una era cada vez más digitalizada, trabajar y cuidar el mundo offline es una buena manera de diferenciarnos que no debemos olvidar.

OPENTYPE

Es un formato de tipografías digitales escalables y multiplataforma diseñadas conjuntamente por Microsoft y Adobe.

Es una herramienta de opciones avanzadas para las tipografías que nos asegura además la compatibilidad entre MAC y Windows.

PÁGINA MAESTRA

Es una página (o doble página cuando trabajamos con páginas enfrentadas) que sirve de guía para el resto del documento.

La página maestra nos marca los elementos comunes que se repetirán a lo largo de todo el pliego: encabezado, número de página, pie de página…

En ella podremos poner guías inteligentes para que se repitan en cada una de las páginas siguientes y nos sirvan de orientación a la hora de disponer los elementos de la página.

PÁGINAS OPUESTAS

Las páginas opuestas o enfrentadas es un modo de trabajar en InDesign que nos permite ver la doble página conjuntamente.

Nos permite ver las dos páginas paralelamente, como si tuviéramos el libro abierto. De este modo podemos diseñar en el conjunto de ambas páginas, en lugar de una a una, para jugar por ejemplo con elementos simétricos, establecer una imagen a doble página, etc.

PANTONE

Sistema de identificación de colores para impresión creados por la empresa Pantone.

Nos permite identificar colores destinados al mundo offline, es decir, a impresión por medio de un código que viene indicado en cada una de las cartas Pantone (guías de color que traen una muestra del resultado del color impreso).

Es un modo de asegurarnos de cómo va a quedar ese color al imprimirlo y de que siempre sea el mismo, sin ningún tipo de variación. Por ello las empresas utilizan un color Pantone concreto para identificar su marca.

PESO VISUAL

Es el punto de mayor fuerza visual de una imagen y nos ayuda a establecer el equilibrio de la misma.

Se dice que una imagen está totalmente equilibrada cuando el peso visual está situado en el centro de la misma y desequilibrada, cuando está en uno de los lados. Es un recurso artístico que nos da mucho juego.

Al igual que en una imagen, es muy importante jugar con el peso visual y el equilibrio a la hora de componer una página editorial para establecer diferentes jerarquías y estilos visuales.

PICTOGRAMA

Es un icono (imagen gráfica, sin texto) simplificado que hace alusión a un objeto real o transmite un mensaje concreto.

Nos permite identificar de manera sencilla y rápida significados más complejos. Un ejemplo sería el típico monigote de hombre o mujer que acompaña a la puerta de los baños para identificar el sexo.

Puedes ver, de la mano de la revista Graffica, algunos ejemplos de pictogramas aquí.

PLANILLO

Es un esquema visual de la paginación que seguirá por ejemplo un folleto y lo que se dispondrá en cada una de las páginas, a modo de guía para maquetarlas, sobre todo en grandes publicaciones.

En cada página se indica el elemento básico que contendrá (portada, índice, publi…) y a menudo se indica también el estado en el que se encuentra (acabado, en proceso…), si lleva tintas especiales… Nos sirve para ver rápidamente en qué estado se encuentra el proyecto, el número de páginas totales que tendrá, el número de pliegos, etc.

PLIEGO

Es el conjunto de páginas para una misma publicación (folleto, revista…) que la imprenta imprimirá en una única hoja y posteriormente plegará y cortará.

Las páginas que nosotros vemos normalmente cuando leemos un libro son impresas en pliegos de grandes formatos para economizar la producción. Por ello, cuando diseñamos una revista, un libro… el número de páginas siempre debe ser múltiplo de 4.

PRINT

En el mundo de la ilustración normalmente nos referimos a print para hablar de una lámina impresa (copia de un original) con un diseño o ilustración propio de un artista que está a la venta para el público.

Como dice el ilustrador Daniel Diosado: «Os sobra de todo; os faltan prints».

PORTFOLIO

La carpeta o portfolio es un muestrario de los trabajos y estilo de cualquier artista que sirven como referencia a la hora de buscar trabajo.

El portfolio puede ser literalmente una carpeta física o un portfolio online, por ejemplo en un web, pero el objetivo es el mismo: mostrar los trabajos propios en los que hemos participado como freelance o como parte de una empresa para demostrar nuestra valía en un entorno artístico determinado.

PUNTOS

Los puntos (pt) son la unidad de medida para identificar los posibles tamaños de una tipografía.

QWERTY

Es el sistema de distribución más común del teclado de ordenadores.

Fue diseñado para agilizar la escritura a máquina pudiendo utilizar las dos manos conjuntamente y separando las letras más utilizadas de la zona central. Hoy en día sigue siendo la distribución más extendida y a la que todos nos hemos acostumbrado, aunque tiene algunas variaciones según el idioma.

REDONDA

Es la variante de letra normal o sin alterar, es decir, que no es ni negrita ni cursiva. Pero como ya sabéis que no podíamos decir simplemente normal, la llamamos redonda.

REDUCCIÓN

El test de reducción nos dice los tamaños mínimos a los que podremos emplear un logotipo.

En el manual de marca se establece un test de reducción o las medidas mínimas a las que podremos utilizar nuestro logotipo para los diferentes soportes (impreso y digital) para respetar la legibilidad y correcta visualización de sus formas.

RGB

Son los colores primarios en luz: red, green, blue; es decir, rojo, azul y verde.

Al unirse forman el blanco (síntesis aditiva).

Será el espacio de color que debemos trabajar para archivos digitales destinados a visualizarse en móviles u ordenadores.

RÍOS

Los ríos o calles son los espacios que se forman entre líneas cuando se justifica mal un texto.

Es lo que hace a los diseñadores sangrar por los ojos cuando leen un libro mal maquetado. Se denominan así porque puedes dibujar un «río» entre los espacios en blanco que se forman entre los saltos de línea. Una chapuza.

Ejemplo práctico:

RELLENO

En programas de diseño como Illustrator, nos referimos a relleno como el color del contenido o interior de una forma (por ejemplo un círculo); en contraposición a trazo que sería la línea exterior.

RESERVA

El área de reserva es el espacio de blancos que se deben dejar siempre entorno a un logotipo.

En el manual de marca se establece un área o espacio de reserva para nuestro logo que deberemos dejar siempre para separarlo de otros elementos y mantener así su correcta legibilidad.

RETÍCULA BASE

La retícula base es una rejilla o composición de líneas guía horizontales que nos permite colocar y alinear los textos sobre ella.

De esta manera todas las líneas de cada párrafo estarán a la misma altura y el conjunto de las diferentes columnas se verá armónico.

La cuadrícula base se activa en el menú ver – cuadrículas y guías – mostrar/ocultar rejilla base.

Para ajustar un texto a la retícula base (es decir, que cada una de las líneas del párrafo se ajusten a esta rejilla, quedando por encima de las guías de la misma), únicamente tenemos que dar en la opción de párrafo a «ajustar a rejilla base».

SANGRADO

El sangrado o sangría en diseño no es la bebida, es el espacio sobrante alrededor del documento de unos 5 mm ocupado por imágenes o elementos que van a sangre.

Es decir, elementos que queremos que lleguen hasta el borde de la hoja. El resto sobrante se desechará, pero es importante dejar este área de seguridad porque el corte que hará la imprenta no es exacto, si no que puede bailar unos milímetros.

SERIF /
SANS-SERIF

Serif quiere decir con serifa y sans serif, sin serifa.

Las letras con serifa o de tipo Roman son aquellas que tienen remates en las terminaciones de sus caracteres, como por ejemplo Caslon. Las letras sin serifa, de palo seco o de tipo Gothic son las que no tienen estos remates, como por ejemplo Helvética.

SERIGRAFÍA

Técnica artística de impresión mediante la cual se estampa la tinta en diferentes soportes a través de una malla tensada sobre un marco de madera. 

Primero se reproduce el diseño en la plancha. Después, se coloca el marco sobre el soporte, por ejemplo una camiseta, y se traspasan los colores con una espátula. Se superpone una capa para cada color hasta conseguir la cuatricromía.

Esto permite la repetición de la impresión infinidad de veces, obteniendo la misma calidad y resultados.

TEMPERATURA DE COLOR

La temperatura de color de una imagen viene dada por la fuente de luz con la que se tomó dicha imagen, que nos proporcionará una dominante de color más cálida o más fría.

Las luces cálidas, como por ejemplo el tungsteno, nos dan dominantes amarillas y naranjas, mientras que las luces frías, como por ejemplo el flash o la luz día, nos dan dominantes de color más azules.

Estas dominantes se pueden corregir en Photoshop utilizando un filtro del color complementario para equilibrar la imagen.

TINTA PLANA

Es una tinta que se imprimirá con una plancha diferente de las utilizadas para la cuatricromía y que corresponde a un color concreto.

Un documento puede imprimirse solo con tintas planas, solo con cuatricromía (CMYK) o con ambas. Las tintas planas se utilizan normalmente cuando necesitamos un color exacto, por ejemplo un Pantone corporativo.

TIRADA

Es el número de impresiones que se hará de un documento, por ejemplo una print.

Cuando los artistas venden prints (o copias de sus obras) a menudo se pone la tirada para establecer un precio y dar un valor al número de impresiones que se harán del mismo. No es lo mismo si vas a vender 3.000 prints de un dibujo, que 10. El precio de esas 10 será mayor pues estás vendiendo un producto más exclusivo.

TIPOGRAFÍA

Si hablamos correctamente, la tipografía sería el arte de crear y componer fuentes tipográficas. Sin embargo, hoy en día su uso más extendido y ya aceptado es como sinónimo de fuente.

Las fuentes son los diferentes estilos de grupos completos de caracteres (letras, números y signos), con características comunes. Por ejemplo, Helvética es una fuente tipográfica.

TRACKING

Es el nombre técnico para denominar la interletra.

La interletra no es otra cosa que el espacio entre letras.

TRAMA

En programas de diseño el efecto de tramado nos permite crear una textura, por ejemplo a través de líneas o puntos. A este motivo repetitivo lo llamamos trama.

TRAZO

En programas de dibujo vectorial como Illustrator hablamos de trazo para referirnos al color y grosor del contorno de una figura (la línea de silueta).

TROQUEL

El proceso de troquelado se aplica a un documento ya impreso que necesita de un corte, hendido o perforación.

Esto se hace a través de un molde que ejerce la presión necesaria en el documento para dar como resultado el troquel.

Debemos marcas las líneas de troquel para que la imprenta sepa por dónde debe cortar.

USABILIDAD

Es la capacidad de una web, un programa o una aplicación para ser usados de la manera más sencilla posible por los usuarios.

Esto se consigue haciendo que los textos sean legibles, la velocidad de carga sea óptima, los menús sean intuitivos… de modo que la navegación en general resulte lo más cómoda posible.

Un diseñador siempre debe priorizar la usabilidad por encima de la estética.

VARITA MÁGICA

Herramienta de selección de Photoshop que nos permite seleccionar un área por el color.

Sirve por ejemplo para separar una imagen del fondo. Podemos indicarle un porcentaje de tolerancia para que el programa entienda cuánto queremos que se parezca al color exacto que hemos indicado.

VECTORIAL

Un gráfico vectorial es aquel que está formado por vectores o curvas. Es decir, está creado en un programa de dibujo vectorial como Illustrator.

Si trabajáis con diseñadores seguro que les habréis escuchado repetir y repetir que el logo se lo pases en formato vectorial. Pero, ¿por qué es esto tan importante? La principal ventaja de un gráfico vectorial es que puede escalarse tanto como queramos sin que pierda calidad ni se pixele. Por ello, un logotipo SIEMPRE debe ser vectorial.

VERSALITAS

Son letras mayúsculas con el tamaño de las minúsculas.

VIRGULILLA

Un término solo apto para los más frikis. La virgulilla es la tilde u «onda» de la ñ.

Aunque también puede usarse el término de virgulilla para referirnos a la cedilla o el apóstrofo.

VIUDA

Una viuda es la última línea de un párrafo que queda maquetada al comienzo de una página nueva y por tanto, separada del resto del párrafo.

Visualmente se entiende mejor:

WEB

Es la información que contiene una dirección de internet a la que podemos acceder a través del navegador y que está adaptada al sistema World Wide Web (WWW).

Para tener una página web necesitamos un hosting (servicio de alojamiento) y un dominio (nombre de la web con la terminación .com, .es, etc. Por ejemplo, taniaizquierdo.com).

XILOGRAFÍA

Técnica artística de impresión o estampación mediante el uso de planchas de madera.

Se talla manualmente la ilustración en la madera y, una vez acabado el diseño, se impregna la superficie de tinta. Posteriormente se presiona con la plancha de madera sobre el elemento donde queremos que se estampe, por ejemplo una hoja de papel, hasta obtener la impresión final.

ZOOM

En fotografía, es el efecto de alejarse o acercarse que conseguimos a través de un objetivo de distancia focal variable.

En los programas de diseño es el mismo efecto de alejarse o acercarse a la imagen o mesa de trabajo que logramos a través de la herramienta de la lupa y con diferentes atajos de teclado.

Sé que este término es un poco obvio pero eh, no había muchas palabras con zeta para incluir en nuestro diccionario de diseño gráfico. 🙂