Cuando eres nuevo en el marketing, especialmente en un equipo pequeño, es posible que tengas que hacer muchas cosas en un momento dado. Y cuando se trata de cosas como bloguear y redes sociales, claro, tienes esto. Pero muy pronto, estás siendo arrastrado a proyectos de diseño. Un día te estás burlando de una infografía; al siguiente, estás diseñando un libro electrónico. Te sientes muy desprevenido? ¿y ese vocabulario de diseño? Puede sentirse como un idioma extranjero.
¿Te suena familiar? 
Hemos estado allí — y sabemos que no somos los únicos especialistas en marketing que, en algún momento, necesitaron dominar este vocabulario. Así que decidimos compartir un glosario más grande, para ayudarnos a todos a mejorar un poco nuestro juego. De ninguna manera, esta es la terminología de diseño de todo, así que siéntase libre de agregar sus definiciones en los comentarios también. Esto es lo que tenemos, organizado alfabéticamente.
- El Glosario de Términos de Diseño Web definitivo
- A
- 1) Alineación
- 2) Colores análogos
- 3) Ascendente
- B
- 4) Línea de base
- C
- 5) Altura de la tapa
- 6) Modelo de color CMYK
- 7) Rueda de colores
- 8) Esquemas de color
- 9) Colores complementarios
- 10) Compresión
- 11) Contraste
- 12) Recorte
- 13) CSS
- D
- 14) Descensor
- 15) Puntos por pulgada (PPP)
- 16) Sombra paralela
- E
- 17) EPS
- 18) Extensor
- F
- 19) Emplumado
- 20) Fuente
- G
- 21) GIF
- 22) Degradado
- 23) Cuadrícula
- H
- 24) Código hexadecimal
- 25) HTML
- 26) Tono
- J
- 27) JPEG
- K
- 28) Kerning
- L
- 29) que Conduce
- 30) Pérdida
- 31) Sin pérdida
- M
- 32) Línea media
- N
- 33) Espacio negativo
- O
- 34) Fuentes de tipo abierto
- 35) Huérfano
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) Píxeles por pulgada (PPI)
- 40) PNG
- R
- 41) Colores rectangulares (o tetrádicos)
- 42) Resolución
- 43) Modelo de color RGB
- S
- 44) Saturación
- 45) Serif
- 46) Sombra
- 47) Split-Colores complementarios
- 48) Colores cuadrados
- 49) Tallo
- 50) Trazos
- T
- 51) Cola
- 52) Terminal
- 53) Tinte
- 54) Combinación de colores triádicos
- 55) tipo de Letra
- V
- 56) Imagen vectorial
- 57) Jerarquía visual
- W
- 58) Marca de agua
- 59) Peso
- 60) Espacio en blanco
- 61) Viuda
- X
- 62) Altura X
- Z
- 63) Archivo ZIP
El Glosario de Términos de Diseño Web definitivo
A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z
A
1) Alineación
El posicionamiento de los elementos en su diseño (por ejemplo, texto, imágenes, etc.). Estos elementos se pueden alinear con la página y entre sí. Por ejemplo, este párrafo de texto está alineado al margen izquierdo, mientras que las líneas representadas en la imagen de abajo están alineadas a la derecha.
2) Colores análogos
Colores que aparecen adyacentes entre sí en una rueda de colores.
3) Ascendente
Una extensión lineal de una letra que aparece por encima de la línea media see también consulte línea de base, altura de la tapa, descensor y extensor.
B
4) Línea de base
La línea uniforme e invisible en la que se sientan todas las letras de un tipo de letra see también consulte ascender, altura de la tapa, descender, extender y línea media.
C
5) Altura de la tapa
La distancia entre la línea de base y la parte superior de las letras mayúsculas see también consulte ascender, descender, extender y línea media.
6) Modelo de color CMYK
Significa cian, magenta, amarillo y negro. Este conjunto de colores se utiliza en el diseño de impresión debido a la forma en que el papel absorbe la luz.
7) Rueda de colores
Un círculo de colores que muestra las relaciones entre los colores primarios, secundarios y terciarios.
8) Esquemas de color
La combinación de dos o más colores de la rueda de colores, también conocida como armonías de color.
9) Colores complementarios
Colores que están directamente opuestos entre sí en la rueda de colores.
10) Compresión
Reducir el tamaño de un archivo eliminando el exceso de datos. Particularmente útil al enviar por correo electrónico o guardar archivos de imagen grandes. Ver más sobre compresión con y sin pérdidas.
11) Contraste
La acentuación de las diferencias entre colores, formas, espaciados o cualquier otro elemento de diseño.
12) Recorte
Cuando se eliminan partes externas de una imagen para replantear el tema o cambiar el tamaño de la relación de aspecto de la imagen.
13) CSS
Un fragmento de código que se utiliza para designar el aspecto de un sitio web, separado del contenido real de una página web.
D
14) Descensor
Un extensor en una letra, que aparece debajo de la línea de base see también consulte ascendente, altura de la tapa y línea media.
15) Puntos por pulgada (PPP)
Similar al píxel para la web, los puntos son la unidad de medida más pequeña al imprimir imágenes digitales. El número de DPI se refiere a la resolución de un objeto digital impreso: cuanto mayor sea el DPI, mayor será la resolución.
16) Sombra paralela
Un efecto visual que muestra un gráfico como si tuviera una sombra detrás.
E
17) EPS
UN formato de archivo utilizado para imágenes vectoriales que contienen texto y gráficos.
18) Extensor
La parte de una letra que se extiende por encima de la altura x o por debajo de la línea de base see también consulte ascendente, altura de la tapa, descendente y línea media.
F
19) Emplumado
Técnica de diseño utilizada para suavizar los bordes de una característica.
20) Fuente
Un tipo de letra en un estilo y tamaño específicos. Un ejemplo incluiría Times New Roman Semi Negrita en tamaño 14.
G
21) GIF
Un formato de archivo de imagen que se utiliza mejor para archivos de imagen pequeños con pocos colores y diseños, o imágenes animadas. A continuación se muestra un ejemplo de una imagen GIF animada:
22) Degradado
Técnica de diseño en la que un color o parte de una imagen parece desvanecerse en otro.
23) Cuadrícula
Un mapa puramente hipotético de líneas verticales y horizontales que ayuda a alinear imágenes y texto dentro de un documento.
H
24) Código hexadecimal
Un código utilizado en HTML y CSS para designar un color específico, que a menudo aparece después del signo de libra (#). A continuación se muestra un gráfico de códigos de color hexadecimales:
25) HTML
El lenguaje informático utilizado para mostrar contenido como texto, imágenes y enlaces en la web.
26) Tono
Lo que la mayoría de la gente piensa como «color»: rojo, naranja, amarillo, etc.
J
27) JPEG
Un tipo de archivo de imagen que utiliza compresión con o sin pérdidas, con poca percepción en una pérdida de calidad. Este tipo de archivo se utiliza mejor para fotografías y pinturas realistas donde hay transiciones suaves entre colores.
K
28) Kerning
El espacio entre letras individuales.
L
29) que Conduce
El espacio entre líneas de texto.
30) Pérdida
Una forma de compresión de datos en la que se eliminan los detalles a medida que disminuye el tamaño del archivo. Un método de compresión con pérdida habitual es JPEG.
31) Sin pérdida
A diferencia de la compresión con pérdida, este formato permite restaurar los detalles de la imagen.
M
32) Línea media
La distancia desde la línea de base hasta la parte superior de la mayoría de las letras minúsculas, incluidas «e», «g» y la curva de «h». También conocida como «mediana», como se muestra a continuación. Ver ascendente, altura de la tapa y descendente.
N
33) Espacio negativo
El espacio vacío que rodea un diseño, ya sea una página web o una sola imagen see también consulte espacio en blanco.
O
34) Fuentes de tipo abierto
El estándar actual en formatos de fuente. Contiene las versiones de pantalla e impresora en un solo archivo, y es compatible con Windows y Mac. La extensión de archivo es .otf.
35) Huérfano
Una línea inicial en un párrafo que aparece sola en la parte inferior de una página. Un huérfano también puede ser una palabra o una línea muy corta que aparece por sí misma al final de un párrafo.
P
36) Pantone
Un sistema de combinación de colores desarrollado por la compañía Pantone. Se utiliza en gran medida en el diseño de impresión, y se usa para combinar los colores impresos con los que aparecen en la pantalla durante la fase digital del diseño.
37) PDF
Un formato de archivo que se utiliza mejor para representar documentos y presentaciones.
38) Pixel
El elemento más pequeño de una imagen en un ordenador.
39) Píxeles por pulgada (PPI)
Otra medida de resolución de imagen, según cuántos píxeles hay presentes en una sección determinada de la imagen.
40) PNG
Un formato de archivo de imagen que se usa mejor cuando la imagen tiene grandes áreas de color uniforme o un fondo transparente (a diferencia de JPEG).
R
41) Colores rectangulares (o tetrádicos)
Cuatro colores que son dos pares de colores complementarios.
42) Resolución
Una forma de medir la nitidez y el nivel de detalle de una imagen. Una resolución más alta generalmente indica un tamaño de archivo más grande, que representa la cantidad de datos, como píxeles o puntos, dentro de la imagen.
43) Modelo de color RGB
Un acrónimo que significa los colores rojo, verde y azul. El modelo de color RGB se utiliza para el diseño web, ya que los monitores transmiten luz en estos colores.
S
44) Saturación
Qué tan brillante o intenso es un color.
45) Serif
Una pequeña línea adjunta al final de un trazo en algunas fuentes. «Sans serif» se refiere a las fuentes que no tienen esta línea.
46) Sombra
¿cuánto negro se mezcla con el tono.
47) Split-Colores complementarios
Colores que consisten en un color base, más los dos colores que se encuentran junto a su color complementario.
48) Colores cuadrados
En la rueda de colores, cuatro colores están espaciados uniformemente entre sí.
49) Tallo
El trazo vertical primario en una letra. Se usa en la letra » B «y la línea diagonal de»V».
50) Trazos
Las líneas que componen una letra en un tipo de letra.
T
51) Cola
El trazo descendente en una letra que a menudo es decorativa, por ejemplo, en la letra «Q»
52) Terminal
El final de un trazo que no incluye una serif.
53) Tinte
Cuánto blanco se mezcla con el tono.
54) Combinación de colores triádicos
en la que se combinan tres colores situados a 120 grados uno del otro en la rueda de colores. A menudo se considera el mejor esquema de color.
55) tipo de Letra
Una colección de diseño de caracteres, incluyendo letras, números y puntuaciones. Los ejemplos incluyen Times New Roman, Helvética y Arial.
V
56) Imagen vectorial
En lugar de utilizar píxeles para representar imágenes, los vectores utilizan líneas y formas. Debido a que no dependen de píxeles, las imágenes vectoriales ampliadas aún mantienen la claridad y la calidad de la imagen.
57) Jerarquía visual
Un principio de diseño que ordena y enfatiza visualmente diferentes partes del mensaje de tu contenido mediante el uso de colores, tamaños y diseños.
W
58) Marca de agua
Un marcador fácil de ver colocado sobre la parte superior de las fotos en la web y en impresión. Se utiliza para identificar al propietario de una imagen y evitar el robo de contenido visual.
59) Peso
En los tipos de letra, el grosor del ancho del trazo. Algunos ejemplos incluyen demibold, light y bold.
60) Espacio en blanco
El espacio en blanco que rodea a un objeto en diseño see también consulte espacio negativo.
61) Viuda
La sección de texto al final de un párrafo que se derrama en la siguiente columna o página.
X
62) Altura X
En una letra, la distancia entre la línea media y la línea de base see también consulte ascender, altura de la tapa, descender y extender.
Z
63) Archivo ZIP
Un formato de archivo que comprime varios archivos y los combina en una sola carpeta. Los archivos comprimidos no pierden ningún dato para hacerse más pequeños, y se restauran fácilmente descomprimiendo el archivo ZIP.