La importancia del diseño gráfico de alta calidad es fácil de pasar por alto, pero cuando realmente prestas atención, te darás cuenta de que debería ser el número uno en la lista de prioridades de cualquier profesional del marketing.
No importa tu nivel de conocimiento en marketing, tus intereses, o tu propia habilidad artística – cuando navegas un póster, un anuncio online, una página de medios sociales, o una infografía, el diseño gráfico es lo primero que notas – cada vez.
Conocer las técnicas de diseño gráfico y los efectos que tienen en los espectadores es crucial para toda empresa. No importa si estás comercializando los productos de los clientes, dirigiendo una agencia de diseño web, o simplemente usando un constructor de sitios web gratuito para comenzar tu propio viaje – esta conciencia te ayudará a captar la atención de los espectadores, mantenerla, y llevarlos a convertirse en clientes o clientes potenciales.
Si has crecido como un especialista en escritura, datos o similares, es muy posible que hayas descuidado tus conocimientos de diseño.
¡Es hora de ponerse al día!
Echemos un vistazo a nuestro glosario con todos los términos y jerga que necesitas para dedicarte al diseño gráfico:
Vocabulario y diccionario de palabras y jerga que necesitas saber para ser un diseñador gráfico profesional:
Lorem Ipsum
Lorem Ipsum es algo que será muy familiar para cualquiera que haya trabajado alguna vez en diseño gráfico o diseño web, pero para otros podría parecer literalmente un lenguaje alienígena.
Lorem Ipsum es simplemente un texto de relleno genérico basado en el latín escrito originalmente por Cicerón.
Ejemplo: imagina que tienes que diseñar tu propio sitio web, y para ello necesitas saber cómo se verá el texto de la página de inicio, aunque todavía no lo hayas escrito. En este caso, puedes simplemente llenar los cuadros de texto apropiados con texto de Loren Ipsum para jugar con el resto de la página y al mismo tiempo ser consciente de cómo aparece el texto en relación con todo lo demás.
Tipografía
La tipografía es simplemente el arte de organizar el texto de la manera más artística y visualmente atractiva posible. Usar la fuente correcta es parte de la tipografía, pero también lo es el lugar donde pones esa fuente. Es parte de un diseño web efectivo, diseño de documentos, marcas e incluso tareas simples como el diseño de invitaciones de boda.
La tipografía permite que su texto sea atractivo para el mayor número posible de lectores, y es una parte crucial de la comunicación de ideas. Una buena tipografía anima a los usuarios a leer el texto, además de proporcionar una experiencia de lectura positiva y cómoda.
Márgenes
El término “margen” se refiere al espacio (generalmente blanco) alrededor del borde de una página escrita o de un contenido escrito en línea. Puede ser tentador reducir el tamaño de los márgenes para llenar la página con la mayor cantidad de información posible, pero esto puede tener el efecto contrario a lo que se espera, haciendo que la página parezca abrumadora y con demasiado esfuerzo de lectura.
Dejar un margen generoso puede hacer que la página se sienta más “limpia” y acogedora, animando a más gente a leer su copia en el proceso. Esto proporciona una mejor experiencia de usuario y significa que la gente tiene más probabilidades de permanecer en la página más tiempo.
Escala
Es fácil pensar en la “escala” de una imagen o de algún texto como simplemente el “tamaño”, pero hay una diferenciación importante.
“Escalar” una imagen es cambiar su tamaño manteniendo su forma y proporciones relativas iguales. Esto es crucial para el diseño gráfico ya que sin mantener la escala es fácil estirar el texto o una imagen, lo que lleva a unos resultados bastante feos.
Marca
Una marca es típicamente un símbolo que se utiliza para representar a una empresa u organización.
Similar a un logotipo pero sin ningún texto o nombre de empresa, una marca de marca debe ser lo suficientemente única para ser inmediatamente evidente lo que representa.
Un ejemplo es el logo de Apple o la garrapata de Nike.
Las marcas son increíblemente poderosas si puedes conseguir que tu mercado objetivo asocie tu empresa con ellas, pero hacerlo en primer lugar puede ser un reto.
Una forma muy efectiva de sacar la marca de tu marca es convirtiéndola en una pegatina. Apple es de nuevo un gran ejemplo de esto, con sus muy reconocibles pegatinas de su marca que se pueden ver en todas partes. Las pegatinas troqueladas personalizadas Sticker It son ideales para crear una simple pero impactante pegatina de su marca que le ayudará a crear reconocimiento.
Foto de archivo o stock
Las fotos de stock son imágenes libres de derechos de autor que están disponibles en línea para su uso. Algunas son completamente gratuitas para todos los usuarios, otras pueden requerir un pago de licencia antes de ser utilizadas.
Son una gran opción para las empresas y organizaciones más pequeñas que no pueden permitirse su propia fotografía pero que requieren imágenes de alta calidad en cualquier caso y pueden utilizarse no sólo para sitios web, sino también para cualquier tipo de material digital o impreso.
Contraste
El contraste es una gran parte del diseño gráfico efectivo, además de ser un factor importante en la fotografía y el arte.
La palabra simplemente se refiere al grado de variación entre dos elementos yuxtapuestos. La forma de contraste más utilizada en la fotografía es la de la oscuridad frente a la luz, por ejemplo en el caso de una foto brillante con algunas sombras.
Sin embargo, otras yuxtaposiciones pueden ser tan efectivas como las formas de contraste, como áspera contra lisa, pequeña contra grande, etc.
Resolución
Todas las imágenes y gráficos digitales están hechos de píxeles. Dado que los píxeles son los diminutos puntos de color que componen las imágenes digitales en las pantallas, la cantidad de píxeles utilizados afecta directamente al detalle que puede haber en estas imágenes.
Una imagen con más píxeles puede mostrar más detalles y parecer más realista, mientras que una imagen con menos píxeles aparece borrosa y embarrada.
La forma más simple de entender esto es pensar en la tecnología de la televisión – el desarrollo de las antiguas pantallas CRT, a los televisores HD de alta resolución, a las pantallas 4K de mayor resolución, es simplemente un reflejo de la mejora de la resolución a lo largo del tiempo.
Puede ser un poco más complicado con algunas tareas de diseño gráfico – con diferentes imágenes y tareas siendo más efectivas en diferentes resoluciones. Sin embargo, en general, cuanto más alta sea la resolución, mejor será la calidad de la imagen – y más memoria se necesitará para almacenarla sin perder este detalle.
Opacidad
La opacidad se utiliza simplemente para explicar cuán transparente es un elemento de una imagen en comparación con otros elementos. Por ejemplo, si se añade algún texto a una imagen, pero se hace el texto más transparente para permitir que los detalles de la imagen que hay detrás sigan siendo invisibles, se ha aumentado la opacidad del texto.
Gradiente
La mayoría de las personas que usaron WordArt en su día serán conscientes de esto!
Gradiente se utiliza para describir cuando una imagen cambia gradualmente de color hacia el otro extremo de la imagen, hacia el centro, o hacia cualquier otro punto focal decidido por el diseñador.
Teoría del color
La teoría del color se refiere a la comprensión de cómo los diferentes colores pueden afectar el estado de ánimo y las perspectivas de las personas. Es la razón por la que las señales de advertencia son rojas, por ejemplo.
Los colores tienden a fomentar ciertos sentimientos o comportamientos en las personas.
Por ejemplo, el verde emite una vibración natural y ecológica, así como la frescura en el caso de los alimentos.
El azul claro representa la seguridad y la integridad, y a menudo es utilizado por las empresas de tecnología.
El rosa representa el amor, la sexualidad y la feminidad.
El rojo refleja la emoción, la emergencia, la agresión y la pasión.
Estudiando la teoría de los colores y eligiendo los colores en consecuencia, puede implantar ciertos pensamientos y estados de ánimo en la mente del espectador antes de que lea una sola palabra.
Pantone
Pantone es un sistema de color estandarizado que proporciona un código único para cada tono comúnmente utilizado de cada color. La idea es prevenir cualquier problema de comunicación o colores mal representados, especialmente cuando los proyectos de diseño gráfico se realizan en línea o a larga distancia.
Por ejemplo, si le dices a un impresor que produzca copias de tu trabajo, dándole el código pantone de cada color utilizado en tu pieza de diseño te asegurará que las copias físicas que resulten sean exactamente del mismo tono que las que has utilizado, en vez de que los impresores intenten mejor hacerlas coincidir.
RGB
El RGB se utiliza a menudo para representar los colores de la pantalla, dando un código que representa la cantidad exacta de rojo, verde o azul presente.
Esto permite llevar fácilmente los tonos exactos de los colores entre los paquetes de software o entre las pantallas sin tener que compararlos a ojo.
Paleta
Tomando su nombre de la paleta de un pintor, una paleta en el diseño gráfico digital simplemente se relaciona con la selección de colores que utiliza en un proyecto específico.
Por ejemplo, si la primera página de su folleto está compuesta en su mayor parte por ciertos tonos de blanco y gris, pero luego la segunda página contiene blanco, gris y azul, es mejor que utilice exactamente el mismo tono de blanco y gris, en lugar de elegir uno apropiado cada vez.
Esto da una sensación uniforme tanto al proyecto como a la marca en su conjunto, al tiempo que garantiza un aspecto profesional al mismo tiempo.
Alineación
La alineación permite justificar el texto a la izquierda, al centro o a la derecha, o incluso introducir espacios adicionales (tracking) para permitir que las palabras llenen la línea más completamente.
Esto le ayuda a asegurar que sea tan legible y tan efectivo como sea posible, sin importar la situación o el caso de uso.
Composición
La composición se utiliza para referirse a cómo ha dispuesto los diferentes elementos para crear un resultado final o un diseño completo. Si ha compuesto bien su diseño, cada elemento debe trabajar en conjunto para un objetivo final, tanto para atraer la atención del espectador como para guiarlo hacia una idea u objetivo específico.
La composición hace uso de muchas técnicas ya descritas aquí, como la tipología, el contraste, el espacio del margen, la alineación y más.
PPP (DPI)
DPI del inglés Dots Per Inches en inglés o PPP en español significa “puntos por pulgada” y es muy similar a la resolución. Sin embargo, DPI se refiere a puntos de tinta y se utiliza más a menudo para referirse a la calidad de la impresión, a diferencia de la resolución en pantalla.
Por lo general, se recomienda una resolución de 300 ppp para la impresión de alta calidad.
Sangrado
Una imagen “sangra” cuando se sale de la página. Esta estrategia se utiliza a menudo para evitar las líneas blancas alrededor del borde de una imagen, por ejemplo cuando se recortan las imágenes más allá de la impresión.
El sangrado también puede utilizarse por otras razones, como para crear efectos específicos o para eliminar parte de los elementos que no son necesarios.
Recorte
Recortar una imagen es simplemente el acto de cortar las partes innecesarias, con el fin de reducir el tamaño, mejorar el encuadre o cambiar la forma o la relación de aspecto de la imagen.
Tipos de fuentes
Si bien existen innumerables cientos de miles de fuentes, la gran mayoría se clasifica en cuatro categorías principales, y comprender estos tipos de fuentes puede ser de gran ayuda a la hora de elegir la fuente adecuada para tu proyecto:
Serif
Las fuentes serifas se caracterizan por sus pequeños golpes y ganchos al final de los trazos principales de cada letra. Este gancho se llama “erif”, de ahí el nombre.
Sans Serif
“Sans serif” significa “sin serif” y se refiere simplemente a una fuente de línea simple sin los ganchos mencionados. Las fuentes sin serifas tienden a ser mucho más legibles, pero las fuentes con serifas pueden parecer más elegantes y refinadas.
Guión
Las fuentes de escritura imitan la escritura a mano, y tienden a ser cursivas/fluyentes. Rara vez tienen serifas, sin embargo no se consideran típicamente fuentes “sans serif” ya que no suelen representar en absoluto las letras impresas en bloque.
Slab Serif
El tipo de letra menos común, las fuentes Slab Serif tienen serifas grandes y bloqueadas. Piensa en las fuentes del estilo del “Viejo Oeste”.
UI/UX
UI se refiere a la interfaz de usuario, y UX se refiere a la experiencia del usuario. Aunque significan cosas ligeramente diferentes, ambas son una parte crucial del diseño de los sitios web y el software, y ambas son tareas fuertemente influenciadas por el diseño.
UI = la disposición de los botones, datos y formularios en la pantalla para maximizar la usabilidad.
UX = la experiencia general que el usuario tiene al utilizar el sitio web o el sistema.
Esperamos que esta lista de términos de diseño gráfico haya aumentado su conocimiento. Para los principiantes, la cantidad de términos únicos involucrados en el diseño gráfico puede ser extremadamente intimidante.
Sin embargo, para aquellos que se toman el tiempo de aprender estos términos y lo que significan, se convierte rápidamente en una tarea más manejable y agradable.
Conslusión
No es necesario leer todos los libros de diseño gráfico más recientes, pero tener al menos una comprensión básica de los conceptos y la terminología del diseño gráfico es esencial para cualquier persona involucrada en el diseño web.
Esta conciencia le permitirá crear sitios web más estéticos y, por lo tanto, más cómodos y atractivos para los usuarios. Esto proporcionará una mejor experiencia al usuario, lo que significa que los visitantes tienen más probabilidades de permanecer en su sitio por más tiempo, y por lo tanto mejorar su estrategia de ventas.