Términos de diseño que todos los que no son diseñadores deben saber

Puede ser muy divertido trabajar con un diseñador hasta que te das cuenta de que estás hablando dos idiomas diferentes. Cuando no tiene idea de lo que la otra persona quiere decir, o tiene que buscar en Google cada palabra que dice, sabe que es hora de repasar los términos de diseño.

Entonces, en este blog, le brindamos un desglose de los diversos términos que usan los diseñadores para que sepa exactamente con qué está tratando.

Términos de diseño de marca

marca de combinación

Es algo que reúne o combina la logomarca y el logotipo.

logotipomarca

Los logotipos también se conocen como marcas comerciales y son símbolos que representan una marca. No contienen el nombre de la marca y son bastante abstractos y simples.

Logotipo

Este suele ser el nombre de la empresa diseñado de una manera única con un atractivo estético.

Icono

Un ícono es un método muy simple de transmitir la idea al lector. También simplifican y separan el texto en cualquier diseño web. No deben confundirse con un logotipo y se pueden utilizar en una amplia gama de aplicaciones.

Términos de diseño relacionados con el color

CMYK

Esto significa Cyan, Magenta Yellow y Key y es un modelo de color que se utiliza para diseños de impresión. Cómo funciona es que se disponen pequeños puntos de estos colores. Y cuando se usan en diferentes combinaciones, mostrarán diferentes colores. Si suma, por ejemplo, los cuatro colores juntos, obtendrá el negro.

Paleta de color

Este es un conjunto de colores que se complementan entre sí y reunirán los elementos en un diseño.

Degradado

Un degradado le permitirá agregar profundidad y dimensión al diseño que cree. También permitirá que los ojos de los espectadores fluyan suavemente de un color a otro. El uso de colores planos puede crear un resultado final igual de plano. El uso caótico de los colores puede resultar demasiado recargado, pero con los degradados puede garantizar el orden y el atractivo estético. Hay algunos tipos de gradientes que puede usar.

• Lineal: aquí el color hará la transición desde un punto de inicio y terminará en línea recta.
• Radial: aquí los colores se extenderán desde el punto de inicio central en un patrón circular.
• Ángulo: el patrón fluye en sentido contrario a las agujas del reloj. La línea que marca el principio y el final de la extensión de color se ve claramente.
• Reflejado: el color se distribuye por igual en ambos lados del punto de partida. Esto es fantástico para usar cuando estás diseñando algo con un acabado brillante.
• Diamante: el color se extiende en forma de diamante. Este punto de partida suele ser una esquina de la forma de diamante.

Matices, matices, tonos y matices

Un tono es básicamente cualquier color en la rueda de colores y estos colores pueden unirse para formar otros colores secundarios y primarios.

Ahora, cuando mezclas negro, blanco o ambos en un tono (color) en la rueda de colores, obtienes variaciones. Estas variaciones son lo que llamamos matices, tonos y matices.

Cuando mezclas blanco con cualquier tono, obtienes tintes. Es una versión ligera y desaturada del color que no es tan intenso. También se conocen como pasteles y son colores más tranquilos.

Cuando mezclas blanco y negro con un matiz, obtienes un tono. Esencialmente, estás agregando gris al tono. Puede hacer que el tono sea más claro o más oscuro en función de las cantidades de blanco y negro que esté agregando.

Si simplemente agrega negro a un tono, obtiene una sombra. Este es más oscuro y mucho más intenso que el tono original. Agregar negro puede ser complicado porque solo una pequeña cantidad puede ser realmente abrumador.

Espacio en blanco/negativo

Esto se refiere al espacio que rodea los elementos visuales que tienes en tu diseño. Dicho esto, el espacio no es negativo y tampoco tiene por qué ser blanco. Es solo más espacio para respirar en el diseño y puede tener cualquier color, patrón y textura. El espacio en blanco también es bastante importante cuando diseñas. Ayuda a crear énfasis en los puntos correctos de enfoque y también a evocar un estado de ánimo.

Opacidad

Este término se refiere a cuán transparente es su imagen. Por lo general, se muestra como un porcentaje. 0% significa que la imagen está oculta y 100% significa que la imagen es totalmente transparente.

Pantone

Estos son colores que representan un tono específico. Esencialmente, puede comunicar el color exacto que necesita a través de un código Pantone. Esto se considera como el lenguaje básico para los colores en los gráficos. La fórmula que ha sido desarrollada por Pantone se conoce como color directo. Esto quiere decir que la paleta pantone se compone de 18 colores básicos y no de tramas o puntos.

RGB

Este modelo de color se utiliza para pantallas y representa rojo, azul y verde. Cuando agregas todos estos colores, puedes obtener el color blanco.

Saturación

Este término describe la intensidad del color en la imagen. Una imagen saturada tendrá colores demasiado brillantes. Si sus imágenes están subexpuestas, por ejemplo, puede usar gráficos para aumentar la saturación de color en ellas.

Términos de diseño de tipo de imagen

Imágenes de trama

Estas también se denominan a veces imágenes de mapa de bits y están formadas por miles de píxeles que luego determinarán el color y la forma de las imágenes. Por ejemplo, las fotos son imágenes rasterizadas. Cambiar el tamaño de estos puede ser difícil ya que estas imágenes están hechas de una cantidad finita de píxeles.

Cuando, por ejemplo, le da a una imagen rasterizada dimensiones más grandes en Photoshop, el software tendrá que inventar datos para aumentar el tamaño de la imagen y esto dará como resultado una calidad deficiente. Hay varios tipos diferentes de archivos que debe conocer dentro de las imágenes ráster.

• GIF: el formato de intercambio de gráficos es un archivo de trama compatible con la transparencia y la animación. Los GIF solo tienen la capacidad de mostrar hasta 256 colores y eso hace que el tamaño de sus archivos sea muy pequeño.
• JPEG: esto significa Joint Photographic Experts Group y es el formato de trama más utilizado cuando se trata de diseños web. Estos se cargan rápido y son archivos comprimidos.
• PNG: estos archivos no pierden su calidad incluso cuando están comprimidos y representan gráficos de red portátiles. Tienen un formato basado en la web. En realidad, estos archivos se desarrollaron para mejorar la calidad de los archivos GIF.
• PSD: cuando un diseñador crea una imagen de archivo raster de trabajo sin comprimir en Adobe Photoshop, se convierte en un archivo PSD. Las letras representan Documento de Photoshop.
• TIFF: el formato de archivo de imagen etiquetado se usa con bastante frecuencia para intercambiar imágenes de trama entre aplicaciones. Tiene una calidad un poco más alta que JPEG o PNG y es utilizado principalmente por fotógrafos e industrias editoriales.

Imágenes vectoriales

Las imágenes vectoriales se componen de muchos puntos. Estos puntos tienen una coordenada X o Y. Estos puntos luego unirán caminos y formarán formas y luego podrá agregar color dentro de estas formas. Los vectores se pueden aumentar de tamaño sin que tengas que preocuparte por la calidad. Por lo general, se usan para logotipos y gráficos que se pueden usar en muchas salidas diferentes, desde folletos hasta vallas publicitarias. Veamos los diferentes tipos de imágenes que se incluyen en esta categoría.

• AI: esto significa documento de Adobe Illustrator. Este formato de archivo ha sido creado por los sistemas de Adobe y tienen diseños vectoriales de una sola página.
• EPS: el Post Script encapsulado se puede cambiar de tamaño y se usa ampliamente para diseños vectoriales. Tiene una calidad muy alta y se utiliza en muchos elementos impresos como logotipos, folletos y tarjetas de visita.
• PDF: desarrollado por Adobe, el formato de documento portátil es un tipo de archivo que se puede descargar y ver en cualquier computadora. Son ideales para compartir vistas previas del trabajo, ya que son universalmente visibles.

Resolución

Aquí hay 2 tipos que debe tener en cuenta: DPI y PPI.

• DPI es algo que le debe preocupar cuando está trabajando para producir una salida impresa. También significa puntos por pulgada. Esto se refiere esencialmente a la cantidad de puntos por pulgada en una página impresa. Cuanto mayor sea el número de puntos aquí, mayor será la calidad de la imagen. El estándar para una imagen de impresión es 300DPI.
• PPI significa píxeles por pulgada. Si crea una imagen que es grande en Photoshop, tendrá que aumentar la cantidad de píxeles por pulgada, donde Photoshop compensará los datos y también perderá algo de calidad.

La resolución solo se aplicará a imágenes rasterizadas, ya que los vectores no funcionarán con píxeles.

Términos de diseño de fuente, texto y tipografía

ascendente

Esta es una extensión lineal de una letra que se muestra arriba de la línea media.

Base

Esta es la línea incluso visible en la que se ubicarán todas las letras que coloques en tu diseño.

Altura de la tapa

Esta es la distancia entre la línea de base y la parte superior de las letras mayúsculas.

Descensor

Este es un extensor en una letra que aparecerá debajo de la línea de base. Las áreas en rojo en el siguiente ejemplo son los descendientes de las letras dadas.

Interletrado

Esto se refiere al ajuste del espacio entre los caracteres de una fuente en particular para que haya un resultado visualmente más agradable. Por ejemplo, es posible que desee dejar un poco de espacio entre la t y la i para que el brazo de la t no se fusione con la i. También deberá asegurarse de que el kerning que haga sea preciso cuando se trata de usar mayúsculas como T o A en cualquier título.

Huérfanos y viudas

Cuando trabaja con composición tipográfica, las viudas son los párrafos que terminan con una línea al principio de la página siguiente o de la columna. Ahora los huérfanos en cambio, son párrafos que comienzan en la parte inferior de la página o la columna. No se ven muy atractivos y, por lo general, deben completarse con más copias, o su diseñador puede intentar arreglarlos. Si hay palabras sueltas que caen en la línea final de cualquier párrafo, intente trabajar en ellas ya que se ven desagradables.

sans serif

Se trata de un grupo de fuentes que no utilizan las líneas y los resguardos al final de los caracteres como en el caso de las serifas. Algunas de las fuentes populares que pertenecen a este grupo son Helvetica, Arial y Geneva. Las fuentes san serif son un poco difíciles de leer. A menudo se usan solo en textos breves como subtítulos y titulares.

Guion

Estas fuentes imitan la escritura cursiva. Tiene un toque personal como en el caso de la caligrafía. Puede elegir entre dos tipos diferentes de fuentes de script: formales e informales. El grupo formal tiene muchos toques elegantes. También son muy fáciles de identificar porque tienen rizos y florituras que salen de la serifa. Ahora, por otro lado, la fuente de escritura informal tiene menos bits de curvatura. Si desea darle a su diseño un toque hogareño, puede usar este tipo de fuente. Sin embargo, cuando elige una fuente como scripts, debe tener cuidado ya que la legibilidad puede ser menor.

Serif

Las serifas son un tipo de fuente de uso común. Las letras en este caso tienen trozos decorativos como se muestra en la imagen de arriba, donde puedes ver los bits verdes resaltados. Hay cuatro tipos principales de fuentes Serif.

• Viejo estilo
• Transicional
• didón
• Serif de losa

Seguimiento

El seguimiento se refiere a aumentar (en su mayor parte) o disminuir el espacio entre letras en una línea o en un bloque de texto. Suele aplicarse de forma horizontal. El liderazgo ocurre cuando el mismo principio se aplica verticalmente. Esto básicamente se refiere a mantener el mismo espacio entre 2 líneas. El objetivo principal aquí es asegurarse de que su tipo sea legible y que los descendientes no se fusionen con la línea inmediatamente inferior.

Términos generales de diseño

Alineación

La alineación se refiere esencialmente a cómo los elementos de su diseño, que incluye texto e imágenes, se organizan entre sí. Estas imágenes se pueden alinear para que se ajusten a la página y se vean bien entre sí.

Relación de aspecto

Esto pasa a ser la relación proporcional de la altura a la anchura. Lo verás en formato x:y. Por ejemplo, una imagen que tiene las dimensiones de 6 x 4 tendrá una relación de aspecto de 3:2. Esto decidirá la relación y la forma de la imagen y no el tamaño de la misma.

Contraste

Este es un principio en el diseño que ocurre cuando dos elementos visuales son dramáticamente diferentes. Cuanto mayor sea la diferencia, mayor será el contraste. El contraste en el diseño lo ayudará a transmitir el mensaje al guiar el ojo del espectador hacia los puntos focales. También ayuda a mejorar la legibilidad. Puede ver cómo se aplica el contraste en términos de color, tamaño, valor o cualquier otro aspecto de un diseño.

Compresión

Comprimir una imagen es esencialmente lo que sucede cuando se reduce el tamaño en bytes de un archivo gráfico, sin que esto tenga un impacto negativo en la calidad de la imagen. Cuando se reduce el tamaño del archivo, es más fácil enviar estos archivos por correo electrónico y también ocupará menos espacio en el almacenamiento. Luego, también se podrán descargar fácilmente desde las páginas web.

Diseño plano

Un diseño plano es un estilo de diseño de interfaz de usuario que tiene elementos muy simples y bidimensionales junto con colores brillantes y vibrantes.

Balance

Esto se relaciona con el equilibrio de los elementos en la página para que los componentes gráficos y de texto se presenten de manera correcta y uniforme. Hay 3 formas principales de lograr esto.

• Asimétrico: esta pintura de Van Gogh es el ejemplo perfecto de diseño asimétrico en el que se utilizan diferentes objetos y colores para crear la pieza perfecta que no se distribuye uniformemente. En gráficos, cuando por ejemplo hay una imagen en un lado y texto en el otro, se dice que es asimétrico.

• Simétrico: todos los elementos de diseño se equilibran uniformemente a ambos lados de una línea central.

• Radial: en este tipo de diseño, los elementos irradiarían desde un punto central, lo que, a su vez, creará un equilibrio en el diseño.

Composición y maquetación

La composición de un diseño (también conocido como la forma) es la disposición de los diversos elementos del diseño. Si la composición tiene éxito, atraerá al espectador y también llevará sus ojos a través del diseño completo. Se compone de muchos elementos diferentes como el equilibrio, la alineación, la proximidad, el espacio en blanco y el contraste.

Escala

El tamaño de un elemento de diseño en comparación con otro elemento en ese mismo diseño.

Textura

En diseño gráfico, cuando hablas de textura, te refieres al sentido del tacto, la actualización y el sentimiento. Esta característica realzará los otros elementos de su diseño como los colores, el contenido, los patrones y las ilustraciones.

Recortar y sangrar

El tamaño de recorte representará las dimensiones finales del diseño que está haciendo. El sangrado es básicamente cuando el diseño se extiende más allá del tamaño de recorte. Cuando se termine el diseño final, el área de sangrado se cortará la mayor parte del tiempo. El propósito del área de sangrado es asegurarse de que el diseño llegue a todas las esquinas correctamente sin tener bordes blancos que puedan parecer antiestéticos.

Conocer sus términos puede ayudarlo mucho

Te hemos traído mucho de lo que sabemos que te ayudará como no diseñador, ¡pero aprender sobre diseño no termina aquí! Al igual que las tendencias en el diseño, los términos de diseño también cambian. Y cuanto más intente mantenerse actualizado, mejor podrá continuar con su trabajo. De esta manera, cuando los miembros de su equipo o su jefe le digan lo que necesita hacer y los detalles vienen con jerga, sabrá exactamente lo que quieren decir.