Biblioteca

Por qué todos los especialistas en marketing en 2018 deben ser diseñadores (a tiempo parcial): 52 términos de diseño y consejos para subir de nivel

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?



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.

proporción áurea

( 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:

diseño web de proporción áurea

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:

132-1324x1649

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.

regla de los tercios

( 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:

puntos focales

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.

serif

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:

Alex Brush

alex-brush-font

Y, gran Hotel :

grand-hotel-font

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 :

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.

tuts + explicar :

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:

jerarquía 2

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.

kerning-gif

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.

principal

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.

altura x

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.

Ascender

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.
Vdo

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.

sección de línea

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.

color rgb

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.

maleficio

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í.

paleta

20. Monocromo

Monocromo se utiliza para describir diseños o fotografías en un color o diferentes tonos de un solo color.

monocromo

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.

Análogo

22. Complementario

Los colores que están uno frente al otro en la rueda de colores se consideran colores complementarios (ejemplo: rojo y verde).

Complementario

23. Triádica

Un esquema de color triádico utiliza colores que están espaciados uniformemente alrededor de la rueda de colores.

Triádico

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.

Colores CMYK

¿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.

pantone

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.

cálido frio

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.

opacidad

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.

matiz-tinte

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.

logo

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:

cuadrícula

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.

sección de línea

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.

escala

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.

knolling

( 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:

Google

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.

alta resolución

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.

contraste

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.

ipod2

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.

saturación

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) .

desenfoque de texto

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.

cultivo

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.

Eskeuomorfismo

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.

Departamento

( 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 .

fin de línea

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:



^