Advertisement
  1. Design & Illustration
  2. Graphic Design

60 conceptos básicos de diseño gráfico que deberías saber

Scroll to top
Read Time: 18 min

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

Como diseñador, tú conoces muy bien las bases del diseño gráfico. Pero explicar y poner en palabras tu trabajo visual puede ser complicado, ya que no todos cuentan con conocimientos sobre los fundamentos básicos del diseño. Depende de ti como freelancer transmitir tus ideas y describir (es decir, vender) tu diseño a clientes potenciales. No solo eso es importante; recibir retroalimentación y tener en mente los elementos básicos del diseño gráfico, para saber de qué estás hablando, es esencial para ser un diseñador con credibilidad.

En este artículo, hemos reunido una lista de 60 conceptos básicos de diseño gráfico que pueden ayudarte a traducir ideas visuales en una conversación verbal. El lenguaje que describe los principios de diseño es vasto y puede ser complicado de explicar, especialmente a quienes desconocen los fundamentos básicos del diseño. Así que esperamos que este diccionario de diseño gráfico te ayude a comprender mejor y te proporcione una manera sencilla de describir los muchos términos de diseño que existen.

10 términos esenciales sobre los principios de diseño

10 términos esenciales sobre los principios de diseño10 términos esenciales sobre los principios de diseño10 términos esenciales sobre los principios de diseño

¿Qué es la composición?

La composición, también llamada maquetación, es una de las bases del diseño gráfico. Se trata del arreglo visual de los elementos de diseño que crean una imagen completa. Dentro de una composición, puedes utilizar diferentes principios de diseño con el fin de crear un trabajo visualmente atractivo para ofrecer una maquetación funcional.

¿Qué es el equilibrio en el diseño?

Cualquier elemento contenido en una página tiene un peso visual que puede ser afectado por su forma, tamaño, color y textura. Para crear un diseño equilibrado, es posible que algunos elementos deban tener una escala determinada.

¿Cuáles son los tipos de alineación?

"Alineación" es un término de diseño que hace referencia a la posición de los elementos, es decir, la manera en la que los elementos visuales están acomodados y enfilados entre sí en un diseño. La alineación puede ser izquierda, derecha, justificada o centrada.

¿Qué es la repetición en el diseño?

La repetición crea coherencia al mostrar el mismo elemento dentro de un diseño varias veces.

¿Cuáles son los tipos de contraste?

Una de las bases del diseño gráfico es el contraste, que es el nivel de diferenciación entre los distintos elementos de un diseño y permite crear jerarquías visuales. La variación puede ser en forma, color, textura y tamaño. 

¿Qué es el espacio negativo?

El espacio negativo es uno de los fundamentos básicos del diseño y se trata del área en blanco que rodea a un elemento. Se utiliza para enfatizar ciertas partes de un diseño y para definir secciones en un elemento específico.

¿Qué es la jerarquía como uno de los principios de diseño gráfico?

En el diseño gráfico, aprenderás rápidamente a organizar los elementos por su nivel de importancia. La jerarquía trata exactamente de eso. Para crear una jerarquía, necesitas tener contraste en tu diseño. Si una imagen es más grande que la otra, esto pondrá énfasis en la imagen más grande y el lector la verá primero. 

¿Cuál es la diferencia entre las palabras de diseño "simetría" y "asimetría"?

La palabra de diseño "simetría" hace referencia a aquellos elementos que se encuentran reflejados en cantidades iguales en una página. Si dibujas una línea vertical a lo largo del centro de una página, en ocasiones los elementos pueden verse reflejados, es decir, el peso visual puede ser el mismo en ambas mitades.

Lo opuesto a la simetría es la asimetría. En ese caso, los elementos en ambos lados de la línea central no serán iguales y pueden crear un diseño desequilibrado. Por esta razón, el buen uso de la simetría es una de las bases del diseño gráfico. 

¿Qué es una cuadrícula?

Las cuadrículas son elementos básicos del diseño gráfico, y están compuestas por líneas verticales y horizontales que se cruzan entre sí y que pueden ayudarte a estructurar el contenido de una página. Existen muchos tipos de cuadrículas para diferentes usos, pero lo que tienen en común es que ayudan a mantener el contenido organizado y limpio.

Si te interesa obtener más información sobre los principios de diseño y términos relacionados con la composición, asegúrate de consultar el siguiente artículo: 

    10 importantes definiciones de color en el glosario de diseño que deberías saber

    Términos de diseño relacionados con el colorTérminos de diseño relacionados con el colorTérminos de diseño relacionados con el color

    ¿Cuál es la diferencia entre los términos de diseño "CMYK" y "RGB"?

    CMYK son las siglas de Cyan (cian), Magenta, Yellow (amarillo) y Key (negro). Estos son los cuatro colores más básicos que puedes usar para imprimir. Notarás que los colores CMYK no son tan intensos como los colores RGB. Esto se debe a que CMYK es un modelo de color sustractivo, lo que significa que los colores dependen de la luz reflejada por ellos.

    Los colores RGB se utilizan solo en las pantallas. Las siglas RGB significa Red (rojo), Green (verde) y Blue (azul), y este modo de color es aditivo, lo que significa que, al mezclar estos colores primarios en diferentes combinaciones, podemos simular una gama más amplia de color. 

    ¿Qué es la escala de grises?

    La escala de grises es una paleta monocromática que utiliza diferentes tonos de gris en una imagen. Una sola imagen está compuesta por hasta 256 combinaciones de tonos de gris. 

    ¿Cuál es la definición de opacidad en el glosario de diseño?

    Una de las bases del diseño gráfico es la opacidad, que se refiere al nivel de transparencia de un elemento. Mientras menor sea la opacidad, más transparente será el elemento. Si el valor de la opacidad se establece en 100%, significa que el objeto es sólido. 

    ¿Qué es la saturación?

    La saturación es otro de los conceptos básicos de diseño gráfico, y se refiere a la intensidad de un color. Sin duda, uno puede notar que las imágenes saturadas tienen una apariencia más luminosa e impactante. Las imágenes desaturadas tienen una apariencia apagada y son casi incoloras. 

    ¿Cuál es la diferencia entre los términos de diseño "matiz", "tono", "tinte" y "sombra"?

    El matiz es una manera de describir un color puro sin tinte o sombra (blanco o negro añadidos). Por ejemplo, cualquier color en el círculo cromático es un matiz (azul, amarillo).

    El tono se refiere a un matiz con gris añadido. Este disminuirá la intensidad del color, que puede verse apagado.

    El tinte se refiere a un matiz con blanco añadido para aclararlo y hacerlo más pálido. El tinte puede variar, desde un color ligeramente más claro hasta completamente blanco, con apenas algo de color.

    La sombra se refiere al negro añadido a un color. Esto es lo opuesto al tinte: en lugar de hacer que el color sea más claro, la sombra lo oscurecerá. 

    ¿Qué es una paleta de colores?

    Una paleta de colores es un grupo de colores que se pueden utilizar para un proyecto de diseño específico. Esta paleta de colores generalmente representa a la imagen de una marca y debe elegirse buscando crear armonía entre los tonos. 

    ¿Qué es el sistema Pantone?

    El PMS, o Pantone Matching System (Sistema de equiparación de colores) es el sistema más utilizado para mezclar colores que no son CMYK. Cada matiz se identifica por un número que es fácil de referenciar y reproducir para los diseñadores al imprimir.

    Si deseas obtener más información sobre el color como uno de los elementos básicos del diseño gráfico, tenemos una sección al respecto en este artículo:

      Principios de diseño relacionados con las imágenes

      ¿Qué es la resolución en el diseño gráfico?

      La resolución es otro más de los conceptos básicos de diseño gráfico y determina la calidad de un archivo de imagen. Una imagen de alta resolución será nítida y, dondequiera que esté el foco, tendrá bordes definidos. Mientras mayor sea la resolución, mayor será la calidad. Una imagen de baja resolución estará pixelada y desenfocada.

      ¿Qué son los píxeles?

      El diccionario de diseño gráfico define a un píxel como la más pequeña unidad básica de color que compone a las imágenes en una computadora. Dependiendo de la cantidad de estos diminutos cuadrados, puedes tener una imagen de alta o baja resolución. 

      ¿Cuál es la diferencia entre los términos de diseño "PPI" y "DPI"?

      PPI significa píxeles por pulgada (en inglés pixels per inch). Es una medida utilizada para definir la resolución de una pantalla, más comúnmente monitores, cámaras y escáneres.

      DPI significa puntos por pulgada (en inglés dots per inch) y es similar a los PPI, pero se utiliza para imprimir. Las impresoras producen imágenes compuestas por pequeños puntos que afectan la calidad de la impresión de una imagen. 

      Fundamentos básicos del diseño relacionados con la edición de imágenesFundamentos básicos del diseño relacionados con la edición de imágenesFundamentos básicos del diseño relacionados con la edición de imágenes

      ¿Cuál es la diferencia entre el recorte y el recorte preciso?

      El recorte se refiere a la eliminación de partes innecesarias de una imagen. Al hacer esto, cambiarás por completo su dirección, el énfasis e incluso su composición. El recorte mejora el encuadre de una imagen para que se ajuste a tu proyecto.

      Similar al recorte, el recorte preciso hace referencia a la eliminación de un elemento específico de una imagen. Esto se hace principalmente para las fotos de rostro si quieres usar un fondo de color diferente. 

      ¿Qué es el tamaño de corte en el glosario de diseño?

      El tamaño de corte es el tamaño final de un proyecto impreso después de haber sido recortado. El tamaño de corte tiene como guías las marcas de corte que se encuentran en una hoja impresa. 

      ¿Qué es la regla de los tercios?

      La regla de los tercios es uno de los fundamentos básicos del diseño. Esta técnica se utiliza para determinar los puntos focales de una imagen o diseño. Imagina una cuadrícula de 3x3 sobre una imagen o un diseño. Los cuatro puntos donde se cruzan las líneas indican los puntos focales, y estas áreas son en donde deben colocarse los elementos más importantes.

      Aprende más sobre las cuadrículas, uno de los elementos básicos del diseño gráfico, en este artículo:

      16 términos de tipografía en diseño que deberías conocer

      ¿Cuál es la diferencia entre los términos de tipografía en diseño "serif" y "sans serif"?

      Una serifa es un pequeño trazo adicional al final de cada carácter. Una familia de fuentes que usa serifas se conoce como una tipografía serif. Estas tipografías suelen ser más fáciles de leer, porque el trazo adicional permite que nuestros ojos sigan a los caracteres con mayor facilidad. Las tipografías serif se utilizan ampliamente para el cuerpo de los textos, ya que se consideran elegantes y altamente legibles, dependiendo del tamaño.

      Una tipografía sans serif es aquella que no tiene pequeños trazos al final de cada carácter. Las tipografías sans serif también se usan para el cuerpo de los textos, pero principalmente en las pantallas, ya que no tienen pequeños detalles que puedan ser difíciles de renderizar. 

      ¿Qué es una fuente script?

      Las tipografías de diseño script están basadas en la escritura a mano y pueden ser históricas o modernas. Estas poseen cierta fluidez en comparación con otras tipografías tradicionales.

      ¿Qué es una fuente slab serif?

      Las fuentes slab serif se caracterizan por tener serifas más gruesas y marcadas, en comparación con las fuentes serif regulares. Las fuentes slab serif pueden ser cuadradas, angulares o estar redondeadas, dependiendo del tipo de letra. 

      ¿Qué es el monoespaciado de la tipografía en diseño?

      Las fuentes monoespaciadas tienen un ancho fijo, lo que significa que cada carácter ocupa la misma cantidad de espacio horizontal. Es posible ver este tipo de fuente en las máquinas de escribir o al introducir códigos de computadora. 

      Términos relacionados con la tipografía en diseñoTérminos relacionados con la tipografía en diseñoTérminos relacionados con la tipografía en diseño

      ¿Cuál es la diferencia entre kerning y tracking?

      Kerning es el espacio entre dos caracteres específicos. Ciertos pares de letras pueden crear espacios irregulares, y al aplicar kerning puedes ajustar el espacio entre ellos. Al ajustar el espacio, puedes mejorar la legibilidad.

      Similar al kerning, el tracking se refiere al espaciado entre caracteres. Mientras que el kerning se refiere a un par de caracteres, el tracking se aplica a un grupo de letras. 

      ¿Qué es el interlineado en el diccionario de diseño gráfico?

      El interlineado determina la distancia entre varias líneas de texto. Esto asegura que las líneas no se toquen y que haya suficiente espacio para leerlas cómodamente. 

      Términos de diseño relacionados con las tipografíasTérminos de diseño relacionados con las tipografíasTérminos de diseño relacionados con las tipografías

      ¿Qué es el peso de la tipografía en diseño?

      El término peso es una de las palabras de diseño que pueden asociarse con la tipografía. Se usa para describir el grosor de un carácter en relación con su altura. Un tipo de letra puede tener muchos pesos diferentes, y la mayoría de las veces vienen con un peso normal y en negrita. No es raro ver tipografías en diseño que tienen de cuatro a una docena de pesos. 

      ¿Qué significan las palabras de diseño "punto tipográfico"?

      El tamaño de una fuente se mide en puntos, y este valor dicta la altura del carácter. Hay 72 puntos en una pulgada, o 2.54 cm. 

      ¿Cuál es la diferencia entre mayúsculas y minúsculas?

      Los caracteres en mayúsculas se usan al comienzo de las oraciones o en la primera letra de los nombres propios. También son conocidas como letras capitales o capitulares. El nombre "mayúsculas" proviene de las antiguas imprentas de composición tipográfica. Los impresores guardaban los tipos para capitales en el cajón superior de un escritorio.

      Los glifos en minúsculas son las letras no capitales que conforman el resto de un bloque de texto. El nombre "minúsculas" proviene de la antigua manera en la que se colocaban los tipos en las imprentas. Los impresores guardaban las letras minúsculas en el cajón inferior de un escritorio.

      ¿Qué son las versalitas en el glosario de diseño?

      El diccionario de diseño gráfico define a las versalitas como caracteres en mayúsculas que son más cortos que las mayúsculas regulares de una fuente. Algunas tipografías vienen con versalitas, mientras que otras no, y el software que utilices las generará. Cuando las versalitas están diseñadas como parte de una tipografía de diseño, estas generalmente tienen la misma altura que los caracteres en minúsculas o son ligeramente más altas.

      Más palabras de diseño relacionadas con la tipografíaMás palabras de diseño relacionadas con la tipografíaMás palabras de diseño relacionadas con la tipografía

      ¿Qué es "Lorem ipsum"?

      "Lorem ipsum" son palabras de diseño muy conocidas. Se trata de un texto marcador de posición que puede ayudarte a mostrar tu diseño sin necesidad de que tenga contenido significativo. Se utiliza principalmente al comienzo de un proyecto, para simular el diseño hasta que la copia final esté disponible. 

      ¿Qué es la facilidad de lectura frente a la legibilidad?

      La facilidad de lectura se refiere a la manera en la que están organizados los bloques de texto en una página. La legibilidad indica qué tan bien se pueden distinguir los caracteres entre sí.

      ¿Qué son las líneas viudas y las líneas huérfanas?

      Puedes ver líneas viudas y líneas huérfanas al plasmar texto en una página. Una viuda es una línea corta, una palabra al final de un párrafo o una columna que ocasiona que haya demasiado espacio en blanco entre los párrafos en la parte inferior de una página. Una huérfana es una línea corta o una sola palabra al principio de una columna o página. 

      Ejemplo de una línea viudaEjemplo de una línea viudaEjemplo de una línea viuda

      Ejemplo de una línea huérfanaEjemplo de una línea huérfanaEjemplo de una línea huérfana

      Si te interesa la tipografía de diseño tanto como a nosotros, asegúrate de consultar los siguientes artículos:

      Los 5 términos de diseño de logotipos que debes conocer

      Palabras de diseño de logotipos que debes conocerPalabras de diseño de logotipos que debes conocerPalabras de diseño de logotipos que debes conocer

      ¿Qué es un monograma, o lettermark, en el diccionario de diseño gráfico?

      Un monograma o lettermark es un logotipo basado en texto y compuesto por unas pocas letras. A menudo es utilizado si el nombre de una empresa está compuesto por dos o más palabras. Un monograma acortará el nombre de la empresa al utilizar solamente sus iniciales, favoreciendo la simplicidad. Por ejemplo, NASA es fácil de decir y recordar en comparación con Administración Nacional de Aeronáutica y el Espacio (en inglés, National Aeronautics and Space Administration). 

      ¿Qué es un wordmark, o logotipo de texto?

      Un wordmark, o logotipo de texto, se enfoca solo en el nombre de la empresa en lugar de reducirlo a un monograma. Por ejemplo, Google ya es un nombre memorable, pero si se combina con una atractiva tipografía y colores, el resultado es un poderoso logotipo de texto.

      ¿Qué es una marca pictórica?

      También conocida como marca de firma, una marca pictórica es un logotipo basado en gráficos. Por lo general, se trata de un icono que se ha simplificado y estilizado para representar una marca. Por ejemplo, el icono de Twitter es un pájaro y es reconocido en todo el mundo como el símbolo de esa red social. 

      ¿Qué es una marca abstracta en el diseño de logotipos?

      Una marca abstracta es lo opuesto a una marca pictórica y no se basa en un objeto real. En lugar de eso, se trata de una representación geométrica abstracta de un negocio. El logotipo de Adidas no representa nada del mundo real. En su lugar, la marca destiló sus ideas en la forma geométrica que, a su juicio, la representa mejor. 

      ¿Qué es un emblema?

      En el glosario de diseño, un emblema es una marca en la que el nombre de una empresa está contenido en una sola forma. El uso de los emblemas no es exclusivo para el mundo corporativo: puedes ver emblemas que representan a escuelas o equipos deportivos. 

      10 formatos de archivo de imagen que es necesario conocer

      ¿Qué es una imagen de trama?

      Las imágenes de trama están compuestas por un conjunto de píxeles en cuadrícula que, en conjunto, forman una imagen completa. Si quieres estirar una imagen de trama, su aspecto se volverá pixelado y borroso.

      Diferentes tipos de imágenes de tramaDiferentes tipos de imágenes de tramaDiferentes tipos de imágenes de trama

      ¿Qué es GIF?

      GIF significa Graphics Interchange Format, o Formato de Intercambio de Gráficos. Este formato de archivo es compatible con animaciones y transparencias. Solamente puede mostrar hasta 256 colores, lo que te permite crear archivos pequeños. El formato GIF es perfecto para la web. 

      ¿Qué es una imagen JPEG?

      Los archivos JPEG son los archivos de trama más conocidos. Puedes encontrarlos en cualquier lugar, como imágenes en un correo electrónico hasta fotos y cualquier cosa que encuentres en línea. JPEG es la sigla correspondiente al Joint Photographic Experts Group, o Grupo Conjunto de Expertos en Fotografía. A diferencia de PNG, JPEG no tiene la capacidad de ser transparente. Este formato de imagen es adecuado para la web y para impresión.

      ¿Qué es un PNG?

      Si tienes como objetivo mantener un poco de calidad al comprimir una imagen, PNG es el formato para ti. PNG son las siglas en inglés de Portable Network Graphics, o Gráficos de Red Portátiles, y fue creado para mejorar la calidad del formato GIF.

      ¿Qué es una imagen TIFF?

      Las imágenes TIFF se utilizan principalmente en el diseño de maquetación y en InDesign. Significa Tagged Image File Format, o Formato de Archivo de Imagen Etiquetado, y produce una imagen de mayor calidad en comparación con los formatos anteriores. 

      ¿Qué es un archivo PSD?

      PSD, o Photoshop Document, es el formato de los documentos de Adobe Photoshop. Esta versión es un archivo de imagen de trama sin comprimir.

      ¿Qué es un gráfico vectorial?

      Los gráficos vectoriales están compuestos por pequeños gráficos, como puntos, líneas y curvas. Las formas en su interior utilizan una ecuación matemática que permite redimensionar el gráfico vectorial sin comprometer su calidad. Los gráficos vectoriales no se vuelven borrosos, a diferencia del formato de imagen de trama, y esta característica es lo que los convierte en elementos básicos del diseño gráfico.

      Formatos de archivo de gráficos vectorialesFormatos de archivo de gráficos vectorialesFormatos de archivo de gráficos vectoriales

      ¿Qué es un archivo AI?

      AI son las siglas de Adobe Illustrator. Este formato fue desarrollado por Adobe para representar dibujos vectoriales de una sola página en EPS y PDF. 

      ¿Qué es un archivo EPS?

      EPS significa Encapsulado PostScript, y es un formato que contiene gráficos vectoriales que se pueden redimensionar. Se utiliza principalmente para los logotipos, lo que permite escalar estos últimos en cualquier tipo de proyecto según sea necesario. 

      ¿Qué es un PDF?

      PDF significa Portable Document Format, o Formato de Documento Portátil, y fue desarrollado por Adobe. Este formato es el más utilizado para descargar y ver archivos en cualquier computadora. Desde el punto de vista vectorial, Adobe Illustrator puede incrustar datos PGF (el formato nativo de Illustrator) en un PDF para que pueda usarse como un formato vectorial.

      ¡Eso es todo! 

      En este artículo, reunimos 60 conceptos básicos de diseño gráfico que deberías saber. Estos pueden ayudarte a explicar tus diseños a los clientes y hablar sobre tu trabajo como un experto. Como diseñadores, aprendimos muchos de estos términos al estudiar los fundamentos básicos del diseño, y es fácil olvidarlos si no se utilizan a menudo. Explicar estos términos de diseño a tus clientes también puede ayudar a estos últimos a estar en sintonía contigo en lo que respecta a la retroalimentación que te proporcionan.

      Si te gustó este artículo con los conceptos básicos de diseño gráfico, asegúrate de echar un vistazo a los que se muestran a continuación: 

      Advertisement
      Did you find this post useful?
      Want a weekly email summary?
      Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
      Advertisement
      Start your 7-day free trial*
      Start free trial
      *All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.