Cuando comencé en marketing, no sabía muy bien que también sería diseñador a tiempo parcial.
Ahora, en 201, el contenido visual es más de 40 veces más probable que se comparta en las redes sociales que otros tipos de contenido y se ha vuelto obvio e incluso necesario para todos los especialistas en marketing tener al menos algún conocimiento básico de los términos clave del diseño.
Afortunadamente, vivimos en un mundo maravilloso donde cualquiera puede dar el salto de novato a intermedio y crea imágenes bien diseñadas para las redes sociales. Hay herramientas como Pablo y Canva que hacen que este trabajo de diseño sea alcanzable (y hermoso).
Sin embargo, dejando de lado las herramientas, si desea llevar sus habilidades de marketing al siguiente nivel, es esencial mejorar su comprensión del diseño.
¿Alguna vez se ha preguntado qué podría ser posible con solo un poco de conocimiento adicional de diseño en su bolsillo trasero?
OPTAD-3
Resulta que llevar las imágenes de tus redes sociales de buenas a excelentes es un salto razonable. Y todo comienza con una buena base y la comprensión de algunos términos y principios clave de diseño.
Si está buscando tomar su imágenes de redes sociales al siguiente nivel y conviértase en un mejor comercializador, consulte este diccionario de diseño para obtener un curso intensivo sobre cómo comprender mejor el diseño.
—
52 términos de diseño explicados para los especialistas en marketing
1. Proporción áurea
La proporción áurea ocurre con dos objetos que, una vez que se divide el más grande por el más pequeño, dan como resultado el número 1,6180 (más o menos). La proporción áurea más famosa es el rectángulo áureo, que se puede dividir en un cuadrado perfecto y un rectángulo con la misma relación de aspecto que el rectángulo original. Es posible que vea esto en la composición de la imagen o el diseño del sitio web y el diseño de la cuadrícula.
( vía )
Al utilizar la proporción áurea, puede asegurarse de que sus imágenes sean llamativas y estén bellamente formateadas. Aquí está un ejemplo de la proporción áurea que se utiliza para dividir el espacio entre el cuerpo de un sitio web y la barra lateral:
A continuación es otro ejemplo donde los elementos clave del diseño encajan dentro de una sección diferente de la Proporción Áurea:
2. Regla de los tercios
Puede aplicar la regla de los tercios imaginando una cuadrícula de 3 × 3 encima de su imagen y luego alineando el sujeto de la imagen con las líneas de guía y sus puntos de intersección (por ejemplo, colocando el horizonte en la línea superior o inferior) o permitiendo los elementos de la imagen para fluir fácilmente de una sección a otra.
( vía )
Una vez que tenga su cuadrícula en su lugar, los puntos donde las líneas se cruzan entre sí indican las principales áreas focales dentro de su diseño:
Términos de tipografía, texto y fuente
3. Tipografía
'La tipografía es el componente visual de la palabra escrita' La tipografía práctica explica maravillosamente . Todo el texto mostrado visualmente, ya sea en papel, pantalla o cartelera, involucra tipografía.
4. Serif
Un serif es el pequeño trazo o las curvas adicionales al final de las letras.
5. Sans-serif
'Sans' significa literalmente 'sin', y una fuente sans serif no incluye ningún trazo adicional al final de las letras.
Aunque no hay reglas establecidas sobre cuándo usar una fuente serif o sans serif, se sugiere que Las fuentes sans serif deben usarse para el cuerpo del texto en línea y las fuentes serif para los titulares y la impresión.
6. Guión
Los tipos de letra de script son fuentes o tipos basados en estilos de escritura históricos o modernos y son más fluidos que los tipos de letra tradicionales.
Un par de fuentes de script de ejemplo incluyen:
Y, gran Hotel :
7. Slab serif
Las fuentes Slab serif tienen una sensación geométrica que las fuentes serif tradicionales y cuentan con serifas cuadradas y más grandes, más audaces.
Un excelente ejemplo de fuente slab serif es Museo Slab :
8. Minivan
Una fuente monoespaciada, (también conocida como fuente de paso fijo, ancho fijo o no proporcional) es una fuente cuyas letras y caracteres ocupa cada uno la misma cantidad de espacio horizontal.
9. Jerarquía
La jerarquía tipográfica es una parte esencial de cualquier diseño o maquetación e incluso si no está familiarizado con el término, seguramente habrá visto la jerarquía en acción en cualquier sitio web, periódico o revista.
La jerarquía tipográfica es un sistema para organizar el tipo que establece un orden de importancia dentro de los datos, lo que permite al lector encontrar fácilmente lo que está buscando y navegar por el contenido. Ayuda a guiar la mirada del lector hacia el comienzo y el final de una sección, al tiempo que permite al usuario aislar cierta información en función del uso constante del estilo en todo el cuerpo del texto.
A continuación, se muestra un ejemplo para ilustrar la importancia de la jerarquía:
10. Kerning
Kerning se refiere al espacio entre dos letras específicas (u otros caracteres: números, puntuación, etc.) y el proceso de ajustar ese espacio mejora la legibilidad.
11. Liderando
El interlineado determina cómo se espacia el texto verticalmente en líneas. El encabezado se utiliza cuando el contenido que tiene varias líneas de texto legible y garantiza que la distancia desde la parte inferior de las palabras de arriba hasta la parte superior de las palabras de abajo tenga el espacio adecuado para hacerlas legibles.
12. Seguimiento
El seguimiento es similar al kerning en que se refiere al espacio entre letras o caracteres. Sin embargo, en lugar de centrarse en el espacio entre letras individuales (kerning), el seguimiento mide el espacio entre grupos de letras.
13. X-height
La altura x se refiere a la distancia entre la línea de base y la línea media de letras minúsculas en un tipo de letra.
14. Ascender / Descender
El ascendente es la parte de una letra minúscula que se extiende por encima de la línea media de una fuente. (la altura x) . Por otro lado, el descendente es la parte de una letra que se extiende por debajo de la línea de base de una fuente.
15. Huérfanos / Viudas
Viudas y huérfanos son líneas de texto que aparecen al principio o al final de un párrafo, que se dejan al principio o al final de una línea. Existe cierto debate sobre las definiciones exactas de estos términos, pero como regla general:
- Huérfano: A es una sola palabra o una línea muy corta, que aparece al final de un párrafo o al comienzo de una columna o una página, separada del resto del texto.
- Viuda: Una línea de final de párrafo que cae al principio de la siguiente página o columna, por lo tanto separada del resto del texto. O el comienzo de un nuevo párrafo que comienza en la parte inferior de una columna o página.
16. Muy correa
Lorem Ipsum es simplemente un texto ficticio utilizado por la industria del diseño. Se usa como texto de marcador de posición y tiene una distribución de letras más o menos promedio, lo que hace que parezca un inglés legible, en lugar de usar 'Agregar contenido aquí, agregar contenido aquí' dentro de los diseños cuando la copia no está lista.
Colores
17. RGB
El color RGB es un modelo en el que la luz roja, verde y azul se combinan de diversas formas para reproducir una amplia gama de colores. RGB tiende a usarse para fines en pantalla.
18. Hex.
Un hexadecimal es un número de seis dígitos que se utiliza en HTML, CSS y aplicaciones de software de diseño para representar colores.
19. Paleta
Una paleta de colores se compone de colores que se pueden utilizar para cualquier trabajo de ilustración o diseño que represente su marca. Los colores elegidos deben diseñarse para que funcionen armoniosamente entre sí.
20. Monocromo
Monocromo se utiliza para describir diseños o fotografías en un color o diferentes tonos de un solo color.
21. Análogo
Los esquemas de colores análogos utilizan colores que están uno al lado del otro en la rueda de colores. Por lo general, combinan bien y crean diseños serenos y cómodos.
22. Complementario
Los colores que están uno frente al otro en la rueda de colores se consideran colores complementarios (ejemplo: rojo y verde).
23. Triádica
Un esquema de color triádico utiliza colores que están espaciados uniformemente alrededor de la rueda de colores.
24. CMYK
CMYK es un modelo de color que se utiliza para imprimir. Los colores CMYK comienzan en blanco y luego se oscurecen a medida que se combinan más colores.
¿Cómo publicas cosas en Instagram?
( vía )
25. Pantone
El Pantone Matching System (PMS) es un sistema de reproducción de color estandarizado. A cada tono se le asigna un número, lo que facilita que las personas hagan referencia a los mismos colores y los reproduzcan.
26. Colores cálidos
Los colores cálidos se elaboran con rojo, amarillo anaranjado y varias combinaciones de estos colores. Dan un ambiente amistoso, feliz y acogedor.
27. Colores fríos
Los colores fríos como el azul, el verde y el violeta claro tienen la capacidad de calmar y calmar.
28. Teoría del color
Las teorías del color crean una estructura lógica para el color. Existen tres categorías básicas de la teoría del color : La rueda de colores, la armonía de colores y el contexto de cómo se utilizan los colores. Comprender cómo usar diferentes colores para transmitir significado es una parte importante tanto del diseño como del marketing. Aquí hay una guía rápida sobre cómo los colores afectan nuestro cerebro:
¿Quieres aprender más sobre la teoría del color? Revisa: ¿Por qué Facebook es azul? La ciencia de los colores en el marketing .
29. Gradiente
Un degradado es un cambio gradual de colores (como el verde que se convierte gradualmente en azul) o un color que se desvanece en transparencia. Hay dos tipos comunes de gradientes: radial y lineal.
30. Opacidad
La opacidad nos permite hacer transparente un elemento de un diseño. Cuanto menor sea la opacidad, más transparente será un elemento. Por ejemplo, 100% de opacidad significa que un objeto es sólido.
31. Hue
Básicamente, un tono es una forma de describir un color. Y un tono puede ser cualquier color en la rueda de colores. Por ejemplo, el rojo, el azul y el amarillo son todos matices.
32. Tinte
Un tinte es una variedad de color. Craftsy explica que Tintes se crean cuando añades blanco a cualquier tono en la rueda de colores. Esto aclara y desaturados el tono, haciéndolo menos intenso.
Branding y logotipos
33. Logotipo
Un logotipo es el nombre de una empresa que está diseñado de una manera visualmente única para su uso por esa empresa. La mayoría de las veces, cuando las personas se refieren a un logotipo, se refieren al logotipo de la marca.
34. Logomark / Marca comercial
Una marca de logotipo generalmente no contiene el nombre de la empresa y, en cambio, representa de manera más abstracta a esa empresa mediante un símbolo o marca.
35. Icono
Los iconos son imágenes que se utilizan para representar una acción o un objeto. Por ejemplo, el icono de un bolígrafo podría representar a alguien escribiendo (acción) o simplemente un bolígrafo (objeto). Cuando los use, piense detenidamente sobre lo que quiere significar y qué tan claro es para su audiencia.
36. Guía de estilo
Una guía de estilo es un conjunto de estándares para el diseño de cualquier elemento relacionado con su marca, ya sea una página de destino de un sitio web, una tarjeta de presentación o un documento impreso. La razón para tener una guía de estilo es garantizar una uniformidad total en el estilo y el formato dondequiera que se use la marca para garantizar que no se diluya esa marca.
Como ejemplo, puede consultar nuestro Guía de estilo de búfer aquí .
37. Cuadrícula
Una cuadrícula se construye a partir de columnas y filas divididas uniformemente. El objetivo de una cuadrícula es ayudar a los diseñadores a organizar los elementos de manera coherente. A continuación, se muestra un ejemplo de la cuadrícula que usamos en Buffer:
Con la cuadrícula de diseño de búfer, una página se puede dividir en quintos, cuartos, tercios y mitades, y cualquier combinación de estos. Cada fila de la cuadrícula debe contener partes que sumen un todo. Por ejemplo, un cuarto + medio + un cuarto.
Términos y técnicas de diseño
38. Escala
En diseño, la escala se refiere al tamaño de un objeto en relación con otro objeto. Dos elementos del mismo tamaño pueden considerarse iguales. Mientras que los elementos con una clara variación de tamaño tienden a verse como diferentes.
Al armar un diseño, piense en cómo puede utilizar la escala para ayudarlo a ilustrar el significado detrás de su imagen. Tome el siguiente ejemplo: el círculo más grande parece ser más influyente e importante que el más pequeño. Incluso se podría decir que el círculo más pequeño puede ser un poco tímido o tímido.
39. Relación de aspecto
Una relación de aspecto es la relación proporcional entre el ancho y la altura de un rectángulo (se usa un rectángulo porque la gran mayoría de las pantallas son más anchas que altas). Una relación de aspecto se define mediante una relación matemática, con dos números separados por dos puntos.
- ancho: alto
- Esto significa que 4 pulgadas de ancho por 3 pulgadas de alto sería una proporción de 4: 3
40. Textura
Una textura se define como las características de la superficie de su imagen. En el diseño, puede utilizar texturas como telas y ladrillos para reflejar la apariencia visual de la textura real.
41. Knolling
Knolling es el acto de organizar diferentes objetos para que estén en ángulos de 90 grados entre sí y luego fotografiarlos desde arriba. Esta técnica crea una apariencia muy simétrica que se siente agradable a la vista. Las imágenes que presentan montículos tienden a colocarse sobre un fondo sólido contrastante.
( vía )
42. Espacio en blanco
El espacio en blanco, a menudo conocido como espacio negativo, se refiere al área de un diseño que se deja en blanco. Es el espacio entre elementos gráficos, imágenes, copia y cualquier otra cosa en la página. Aunque se conoce como espacio en blanco, puede ser de cualquier color.
Un excelente ejemplo de espacio en blanco es la página de inicio de Google. Está casi lleno de espacios en blanco para animar a los usuarios a centrarse en la barra de búsqueda:
43. Resolución
La resolución de una imagen determina la calidad. Como regla general, cuanto mayor sea la resolución, mayor será la calidad. Una imagen de alta resolución será clara y nítida, mientras que una imagen de baja resolución se sentirá un poco pixelada y borrosa.
44. Contraste
El contraste se produce cuando dos elementos de una página son diferentes. Por ejemplo, podría haber diferentes colores entre el texto y el color de fondo o colores oscuros frente a claros.
Una de las principales razones para utilizar el contraste en sus diseños es llamar la atención. Por ejemplo, los infames anuncios de la silueta del iPod fueron tan memorables porque hay un gran contraste entre el iPod y los auriculares blancos y el fondo y la silueta brillantes.
45. Saturación
La saturación se refiere a la intensidad o pureza de un color. Cuanto más saturado está un color, más vivo o brillante parece. Mientras que los colores desaturados, aparecen un poco más apagados.
Las imágenes muy saturadas tienden a destacar y llamar la atención, por lo que dan la apariencia de tener más peso que las imágenes menos saturadas. Si está agregando una capa de texto sobre una imagen y le gustaría que se destaque, usar un fondo menos saturado puede ser una excelente manera de hacerlo.
46. Desenfocar
El desenfoque hace que las imágenes sean menos claras o menos nítidas. Usar un desenfoque puede ser una excelente manera de hacer que el texto se destaque cuando se superpone a una imagen. Cuando pones texto sobre una imagen, los dos elementos pueden formar una relación algo competitiva (ejemplo a la izquierda a continuación) , un poco de desenfoque puede hacer que el texto se destaque más y parezca mucho más legible (abajo a la derecha) .
47. Cultivo
Cuando recorta una imagen, está recortando y descartando las partes innecesarias de la imagen. El recorte le permite cambiar el énfasis o la dirección de una imagen.
48. Pixel
Un píxel es un área minúscula de una pantalla (la palabra proviene de 'elemento de imagen'). Los píxeles son la unidad básica más pequeña de color programable en una computadora y las imágenes se componen de muchos píxeles individuales.
49. Esqueumorfismo
El eskeuomorfismo es cuando un elemento digital está diseñado para parecerse a una réplica del trabajo físico. Por ejemplo, piense en la calculadora del iPhone o en el quiosco de Apple, donde la estantería y las revistas se ven y se sienten como en la vida real.
50. Piso
El diseño plano es un enfoque minimalista que se centra en la simplicidad y la usabilidad. (casi lo contrario de Skeuomorphism) . Tiende a presentar mucho espacio abierto, bordes nítidos, colores brillantes e ilustraciones bidimensionales.
( vía )
51. Ráster
Las imágenes ráster se componen de una cuadrícula de píxeles. Esto significa que cuando cambia el tamaño de estirar una imagen ráster, puede volverse un poco borrosa y perder algo de claridad.
52. Vector
Imágenes vectoriales compuestas por puntos, líneas y curvas. Todas las formas dentro de un vector se calculan mediante una ecuación matemática, lo que significa que la imagen puede escalar en tamaño sin perder calidad. A diferencia de los rásteres, los vectores no se vuelven borrosos cuando se escalan. Puede encontrar excelentes imágenes vectoriales para usar en sus diseños en sitios como Vecteezy .
A ti
Espero que haya encontrado útil esta inmersión en términos y definiciones de diseño. Es sorprendente lo rápido que los especialistas en marketing pueden utilizar herramientas como Canva y Pablo para crear imágenes atractivas.
Tengo curiosidad por saber si hay otros términos de diseño que escuche con regularidad y me gustaría alguna aclaración. No dude en compartir cualquier pregunta o pensamiento en los comentarios a continuación.
Otras lecturas:
- 50 términos de diseño explicados simplemente para personas que no son diseñadores del blog de Canva
- 10 términos de diseño digital que necesita saber de Design Shack
![10 Tendencias de ecommerce que debes conocer en 2021 [Infografía]](https://almtalonline.at/img/art-culo/21/10-tendencias-de-ecommerce-que-debes-conocer-en-2021-4.png)
