Nuevos términos en diseño. Glosario de términos básicos de diseño

Pantalla de ábaco

La placa superior del capitel de la columna; en arquitectura - la parte de coronación de la columna, que asume el peso de la cornisa.


ábaco de vanguardia

El nombre general de una serie de tendencias en el arte del siglo XX. Vanguardismo: la negación de las formas tradicionales de arte, la destrucción de los puntos de vista estéticos establecidos, una inclinación por la expresión.


Estilo asiático de vanguardia

Las principales características de este estilo son el orden, el equilibrio, la claridad y la sencillez. El interés por el Feng Shui ha popularizado este estilo en los últimos tiempos. La textura, la paleta neutra y el énfasis en el concepto de hogar como santuario son importantes. Este estilo se describe acertadamente con la frase "menos es más".


Acanto estilo asiático

Una planta herbácea del sur con grandes hojas dentadas dispuestas en rosetas. El motivo del acanto es muy utilizado en el arte antiguo.


Acanto Acuarela

Pintura hidrosoluble y técnica de pintura mediante el efecto de transparencia de la capa pictórica.

Nombre coloquial de los polímeros a base de derivados del ácido acrílico y los materiales elaborados a partir de ellos.


Axonometría acrílica

Un método para representar objetos en un dibujo utilizando proyecciones paralelas. Tal imagen se caracteriza por una gran claridad, porque. ilustra un modelo 3D.


Axonometría Énfasis de la composición

Parte principal, centro compositivo.

Alegoría

Imagen condicional de un concepto abstracto.

cara de diamante

Elementos de decoración en forma de piezas de piedras preciosas.

Un hueco o nicho en una pared. Alcoba originalmente significaba un dormitorio, una cama encerrada por una cortina. En un interior moderno, las alcobas son pequeñas habitaciones laterales en las que la luz no penetra directamente desde el exterior, sino solo desde otras habitaciones a través de puertas o ventanas de vidrio.


Imperio de la alcoba

El estilo del clasicismo tardío (1er tercio del siglo XIX). Son características las formas macizas, lapidarias y enfáticamente monumentales; decoración rica (a menudo exótica); confianza en la herencia artística de la Roma imperial, el uso de símbolos militares-imperiales. El estilo se desarrolló durante el reinado de Napoleón I Bonaparte.


Ánfora imperial

Antiguo jarrón griego de cuello estrecho.

Pintura con arcilla coloreada sobre cerámica.


entablamento de engobe

Techo de vigas del vano, a base de columnas, y formado por arquitrabe, friso y cornisa. Un entablamento es una parte integral de un orden arquitectónico.


Entablamento Antigüedad

Historia y cultura de la Antigua Grecia y la Antigua Roma, así como de países y pueblos.

Piso, un estante debajo del techo para almacenar varias cosas, separado de la habitación por puertas. La palabra también se usa para referirse a la parte superior del gabinete. El entrepiso también se llama la parte superior de la sala alta, dividida en dos medios pisos.


Antropometría Antresol

Una de las ramas de la antropología que estudia las características dimensionales de la estructura, movimientos básicos y posturas del cuerpo humano. La antropometría establece valores medios para personas de diferente sexo, edad, etnia y región geográfica. Los datos antropométricos se utilizan en el diseño para garantizar la proporcionalidad de los objetos a una persona y, como resultado, la facilidad de uso y la comodidad.

Séquito

Medio ambiente, medio ambiente. El que acompaña al centro visual, el elemento principal. Hasta cierto punto, el séquito se puede comparar con el escenario en el que se desarrolla la acción principal.

Una serie de habitaciones comunicadas, cuyas puertas están en el mismo eje. Característica del barroco y el clasicismo.


Solicitud de Enfilada

Una técnica de artes y oficios que crea un adorno o cualquier imagen superponiendo piezas de otro material en el fondo principal.

Un adorno de estuco plano o delgado con un patrón complejo, generalmente simétrico, que estiliza los brotes de plantas (a veces combinado con figuras geométricas, inscripciones, imágenes de personas y animales). Tomado prestado por el arte europeo de la Edad Media de las composiciones ornamentales del arte islámico.


Arco Arabesco

Tipo de estructura arquitectónica, superposición arqueada de la abertura, el espacio entre dos soportes, columnas, pilones.


Arco Arcatura. Friso arqueado.

Una serie de arcos decorativos en la fachada del edificio o en las paredes interiores.


Arcatura. Friso arqueado. arbotantes

En basílicas góticas: puentes arqueados que transfieren las fuerzas de expansión de los arcos de la bóveda central a los contrafuertes; forman el esqueleto exterior de las estructuras de soporte.


Contrafuertes voladores de Arlequín

Muebles con un secreto, cuya apariencia no coincide con la función.


Perfil de ventana de refuerzo Harlequin

Elemento de refuerzo de acero en el interior del perfil de PVC.

1920-1940 Dirección, estilo geométrico en arquitectura y mobiliario doméstico, popular en los años 20 y 30 del siglo XX. Característico fachadas enfáticamente geométricas, redondeadas, "fluidas", muebles de madera con manijas cromadas y otros detalles, tableros de vidrio. Art Deco utiliza madera maciza de arce, fresno, palisandro y madroña. El estilo Deco tiene muchas fuentes: dibujos cubistas, arte nativo americano, diseño moderno de automóviles y aviación.


Art Déco Art Nouveau

Un estilo que se desarrolló en Francia y Europa a finales del siglo XIX, con líneas decorativas fluidas. La naturaleza es una fuente de inspiración, por eso los temas de flores, hojas, pájaros e insectos son tan característicos del estilo. Los motivos de la naturaleza suelen ser fabulosos y asimétricos. Este estilo también se caracteriza por imágenes de mujeres con cabello largo y liso y vestidos largos.


Art Nouveau Arcaico

Antiguo, propio de la antigüedad; en el arte griego - el período hasta mediados del siglo quinto. antes de Cristo mi.

Arcaico

Respondiendo a la antigüedad, anticuado.

Arquitectura

Patrones estructurales inherentes al diseño de un edificio, escultura.

división arquitectónica

La designación general de columnas, pilastras, cornisas, perfiles, arcos, arcadas, balaustres, risalits, etc., adoptada en estructuras arquitectónicas, que se puede encontrar en muebles antiguos.

Arquitectónico

Característica para el tipo de construcción de arte de la construcción.

Columna portadora en forma de poderosa figura masculina sobre muebles o edificios.


Atlante Atrio. Atrio.

La parte central de la antigua vivienda romana e italiana (domus), que era un patio interior de luz, desde donde había salidas a todas las demás habitaciones. En la arquitectura moderna, el atrio es el espacio de distribución central, generalmente de luces múltiples, de un edificio público, aislado a través de un tragaluz o una abertura en el techo.


Atrio. Atrio. Ático

Un muro sobre la cornisa que corona la estructura. El ático suele estar decorado con relieves o inscripciones.


El diseño gráfico, como cualquier otra profesión, está lleno de jerga y términos con los que quizás no estés familiarizado. En este artículo, hemos proporcionado algunos términos clave que debe conocer, por lo que será útil tanto para principiantes como para profesionales ya experimentados para refrescar su memoria.

1. Imágenes rasterizadas y vectoriales

Las imágenes rasterizadas están formadas por miles de píxeles que definen el color y la forma de la imagen.

Las fotos son mapas de bits. Photoshop es el editor de trama más común que le permite trabajar con colores y otras opciones de píxeles. Pero los mapas de bits se componen de un número finito de píxeles, y esto genera problemas cuando se cambia el tamaño de la imagen. Si desea ampliar un mapa de bits, el software debe procesar los datos para agregar dimensiones. Como resultado, la imagen pierde calidad.

Las imágenes vectoriales están formadas por puntos, cada uno de los cuales representa una coordenada X e Y. Estos puntos conectan caminos, creando formas que puedes rellenar con color. Dado que la imagen se crea en base a este principio, puede cambiar el tamaño de los vectores tanto como desee sin temor a perder calidad.

Últimamente, Adobe Illustrator ha avanzado mucho y los gráficos vectoriales se han vuelto increíblemente complejos: ahora puede agregar degradados, crear formas complejas y más para crear arte vectorial detallado. Dado que los vectores se pueden escalar hacia arriba y hacia abajo tanto como desee, se utilizan muy a menudo en la creación de logotipos y otros gráficos que deberán colocarse en medios de varios tamaños.

2. CMYK y RGB

CMYK es el modo de color estándar para la impresión: revistas, periódicos, volantes, folletos, etc. CMYK significa: cian (cian), magenta (magenta), amarillo (amarillo), clave (negro).

Cuando trabaja en Photoshop o Illustrator, tiene la opción de elegir el modo de color CMYK, RGB (rojo/rojo, verde/verde, azul/azul) u otros (pero los dos anteriores son los que debe conocer).

Dado que CMYK tiene una gama de colores más limitada que RGB (que prácticamente representa lo que ve el ojo humano), es posible que experimente una falta de color al convertir una imagen del modo RGB al modo CMYK.

3. DPI y PPI

El permiso es otro término clave que a menudo se pasa por alto. Hay dos acrónimos principales que se utilizan cuando se habla de resolución: DPI y PPI.

DPI se utiliza cuando se trabaja con material gráfico que se imprimirá. Significa "Puntos por pulgada" - "Puntos por pulgada", y su valor corresponde a la cantidad de puntos por pulgada de una página impresa. En general, cuantos más puntos por pulgada, mejor será la calidad de la imagen. 300DPI es el estándar para imágenes impresas.

PPI significa "píxeles por pulgada" - "píxeles por pulgada" y, en consecuencia, significa la cantidad de píxeles por pulgada. Si hace zoom en una imagen en Photoshop, aumentará la cantidad de píxeles por pulgada y perderá calidad ya que el programa tiene que crear nuevos datos.

Recuerde que la resolución solo se aplica a los gráficos de trama, ya que los vectores no funcionan con píxeles.

En pocas palabras, la tipografía es el arte de organizar el texto. Esta es una de las bases del diseño gráfico y todo diseñador debe entender la tipografía.

La diferencia entre una buena copia y una gran copia es lo que hace que los diseñadores discutan. La tipografía hace que el texto sea hermoso, equilibrado y legible.

Una cuadrícula en diseño gráfico es una serie de líneas verticales y horizontales que se cruzan diseñadas para organizar y estructurar el contenido. No importa qué programa estés usando, la cuadrícula te ayudará a componer y equilibrar texto e imágenes.

Las cuadrículas a menudo consisten en grandes espacios en la parte superior y columnas de igual tamaño que cubren todo el espacio de abajo. Pero no hay restricciones en cuanto al tipo de rejillas.

6. Diseño de logotipo y marca

Un logo es algo poderoso; Un gran logo funciona como un recordatorio constante de una empresa o producto, y para los diseñadores, los logos son una competencia en la que deben destilar la esencia del cliente en un simple elemento gráfico. Los mejores logotipos pueden durar mucho tiempo, y un nuevo diseño de logotipo puede ser molesto ya que algo familiar se reemplaza por algo nuevo.

Todo lo que no sea el logo es branding. Si bien un logotipo suele ser parte de una marca, la marca tiene que ver con la marca. Una buena identidad se construye a partir de una serie de elementos, y el logotipo reflejará estos elementos y funcionará independientemente de ellos.

La marca creada correctamente le permite explicar mejor a los consumidores el propósito y la esencia de la empresa, su historia y carácter.

¿Alguna vez se ha preguntado qué será posible para usted en marketing, incluso con un poco de conocimiento de diseño? ¿Quieres llevar tus redes sociales al siguiente nivel, aumentar el número de suscriptores, me gusta y compartir? ¡Un buen contenido visual es indispensable! Afortunadamente, en la era de Internet, aprender cosas nuevas está al alcance de cualquiera que sepa usar un motor de búsqueda. Para ayudarlo a comenzar en un nuevo campo, aprenda estos 48 conceptos de diseño y sus usos. Para facilitar la lectura, hemos dividido los términos en grupos.

Registro

La forma en que coloque los objetos en la imagen determinará la percepción de la información por parte del lector. Es importante colocar en los puntos objetivo del diseño, el resto no debe distraer mucho la atención.

1. Proporción áurea

La proporción áurea es la relación de dos cantidades cuando, como resultado de dividir la mayor por la menor, se obtiene el número 1,618. Al usar la regla de la proporción áurea, puede hacer que sus imágenes sean agradables a la vista. Establezca cómo viajarán los ojos del espectador a través de la imagen, desde el espacio más libre hasta la parte saturada.

A continuación se muestra un ejemplo de cómo se usa la proporción áurea para dividir el espacio entre el cuerpo principal del sitio y la barra lateral.


2. Regla de los tercios

Imagina que se dibuja una cuadrícula en tu imagen, que divide la imagen en 3 partes iguales con sus líneas.

Para que las imágenes se vean mejor visualmente, coloque objetos en líneas y sus puntos de intersección. El horizonte se coloca mejor en una de las guías.


Utilice los puntos de la cuadrícula donde se cruzan las guías como objetivos para su diseño.

Fuentes y relleno

No hay reglas obligatorias sobre cuándo usar un tipo de letra u otro. Sin embargo, seguir una serie de consejos de expertos hará que el texto sea más legible. Por lo general, se recomienda que el cuerpo principal del texto en el sitio use fuentes sans-serif, pero las fuentes serif son más adecuadas para los encabezados: llaman la atención del lector.

3. Fuentes serif (serif)

Las serifas son como un pequeño "deslizamiento" o curvatura en las letras. El representante más famoso es Times New Roman. Las fuentes Serif se utilizan mejor para encabezados y otros elementos llamativos. Captan la atención del lector.

4. Sans-serif

"Sans" significa "sin", respectivamente, "sans-serif" - una fuente sans-serif en letras. Un representante típico es Arial.


Las fuentes sans-serif son mejores para el cuerpo del texto. Nada impedirá que el lector perciba la información.

5. Fuentes serif en forma de placas (slab serif)

Lo que pasa con los tipos de letra slab serif es que se sienten más geométricos y más grandes que los tipos de letra serif tradicionales.

Un ejemplo de tal fuente es Museo Slab.

6. Estilos de texto escrito a mano

Basado en el estilo de escritura a mano. Son más suaves que los tipos de fuente tradicionales. Bueno para el diseño de logotipos y la marca en general.

Un ejemplo de cómo se vería un texto de fuente escrito a mano.

7. Fuente monoespaciada

La fuente monoespaciada (también conocida como fuente de paso fijo, ancho fijo o no proporcional) es cuando las letras y otros caracteres (números e íconos simbólicos) ocupan la misma cantidad de espacio horizontal. En otras palabras: tanto la letra “g” como la letra “t” tendrán el mismo ancho, así como el número “2”. Una gran variedad de texto monoespaciado es difícil de percibir. Pero puede ser una buena solución de diseño para titulares en carteles.

8. Jerarquía

La jerarquía en tipografía es un sistema de organización que establece un orden de importancia entre los datos, haciendo que el contenido sea más fácil de navegar. Esto ayuda a dirigir la mirada del lector desde el principio de la sección hasta el final, permitiéndole resaltar la información necesaria.


Un ejemplo que ilustra la importancia de la jerarquía de objetos en el texto.

9. Interletraje

Kerning es un cambio selectivo en el espaciado entre letras. Este elemento define el espacio entre dos letras específicas (u otros caracteres: números, puntuación, etc.). Así, hay un ajuste de espacios, lo que mejora la legibilidad del texto.

10. Espacio entre palabras

En inglés hay un concepto de seguimiento. Significa más o menos lo mismo que interletraje. La diferencia es que en lugar de centrarse en los espacios entre letras individuales, se presta atención a los espacios entre un grupo de letras/entre palabras. Al igual que el interletraje, el elemento es necesario para mejorar la legibilidad del texto.

11. Espacio entre líneas

Determina cuál será el espacio en el texto entre líneas. Se utiliza para crear un espacio entre la parte inferior de una línea y la parte superior de la línea siguiente para facilitar la lectura.


Un gran espacio entre líneas le permite dividir el texto en bloques, párrafos. Una ligera división unifica el texto.

12. Cuerdas colgantes

Estas son las líneas de texto que quedan "solas" en la parte superior o inferior de un párrafo. Hay 2 opciones para colgar cuerdas:

  • Leaving word/phrase: cuando la última línea de un párrafo contiene una palabra o una línea muy corta. Visualmente, la línea parece pequeña, fuera de línea con el resto del párrafo.
  • Leaving Line: La última línea de un párrafo que se ha movido al principio de la página siguiente. Está separado del cuerpo principal del texto.

En la etapa de diseño, intentan eliminar las líneas colgantes. El disgusto por ellos se explica por razones estéticas (el texto pierde su uniformidad y su forma rectangular) y técnicas (las líneas colgantes reducen la legibilidad del texto).

13. Lorem Ipsum

Lorem Ipsum es un pangrama clásico de texto plano utilizado en la industria del diseño. Por lo general, es un texto sin sentido, que utiliza todas o casi todas las letras del alfabeto. Se necesita Lorem Ipsum para completar el diseño de la página. Al mismo tiempo, ayuda considerar el texto en los parámetros dados.

Colores

Los colores elegidos juegan un papel importante en la percepción del mensaje del autor. Algunos colores fomentan la acción, otros relajan. Una dificultad separada en la selección de colores es la diferencia en la visualización de tonos en pantallas y papel.

14.RGB

RGB es un modelo de color en el que el rojo, el verde y el azul son los colores primarios. Se mezclan de muchas maneras para reproducir una amplia gama de colores. En el marco de este modelo de color, se cree que la mezcla de colores da como resultado el blanco. Dado que el modelo RGB se usa para imágenes en la pantalla de computadoras y otros equipos, la luz de fondo de la pantalla se tiene en cuenta en los colores.

15. HEXAGONAL

Hex es un modelo de 6 colores utilizado en HTML, CSS y diseño de aplicaciones de software para representar colores.


16. CMYK

CMYK es el modelo de color utilizado para la impresión. Los colores CMYK son inicialmente más claros que los colores producidos por mezcla. Cuantas más mezclas, más oscuro es el color resultante.

La base es amarillo, magenta, cian y negro, cuya mezcla conduce a la creación de nuevos colores. ¿Por qué necesita un modelo CMYK? El modelo RGB está diseñado para pantallas digitales y pierde brillo al imprimir. Se necesitaba un modelo que conservara los colores cuando se imprimiera.


17. Modelo de color Pantone

Sistema estandarizado de combinación de colores. Cada tono tiene su propio número, lo que simplifica el proceso de encontrar y reproducir el color deseado.


18. Colores cálidos

Los colores cálidos como el rojo, el naranja, el amarillo o variaciones de estos colores son amigables, alegres y acogedores.

19. colores fríos

Los colores fríos como el azul, el verde y el morado tienen un efecto calmante.


20. Análogos

Los esquemas de color analógicos utilizan colores que están uno al lado del otro en la rueda de colores. Por lo general, se ven bien juntos y crean un diseño tranquilo y cómodo.


21. De cortesía

Los colores complementarios son colores opuestos entre sí en el círculo cromático (por ejemplo, rojo y verde). Los colores ubicados en puntos opuestos del círculo le permiten "jugar" con el contraste y resaltar los objetos necesarios.


22. Triadas

Este esquema de color aconseja usar colores que estén espaciados uniformemente en la rueda de colores. Si conectas los colores con puntos, obtienes un triángulo equilátero. Al igual que otras formas de trabajar con la rueda de colores, las tríadas te ayudan a elegir colores que armonicen entre sí.


23. Teoría del color

Hay 3 conceptos básicos en la teoría del color:

  1. Círculos de color: dé una pista sobre qué colores son mejores para usar juntos.
  2. La armonía cromática es la consistencia de los colores como resultado de su proporcionalidad encontrada de formas y volúmenes de uso.
  3. El contexto de cómo se utilizan los colores, su impacto en la percepción humana.

Comprender cómo usar diferentes colores para transmitir un mensaje es una parte importante tanto del diseño como del marketing. A continuación se muestra una breve guía sobre cómo los colores afectan la percepción del cerebro.


24. Paleta

Una paleta de colores es un conjunto de colores que se pueden utilizar para todas las ilustraciones o diseños que representan su marca. Los colores seleccionados deben estar en armonía entre sí.

25. Monocromo

El término "monocromo" se utiliza para describir diseños o fotografías que se realizan en el mismo color o en diferentes tonos del mismo color. La recepción se utiliza a menudo para dar a la imagen el efecto de la antigüedad.


26. Gradiente

Un degradado es un cambio gradual de color a otro color (por ejemplo, el verde se desvanece a azul) o una transición suave de un color a la transparencia. Hay 2 tipos de degradado: lineal y radial.

En las imágenes, un degradado puede ayudar a que un objeto sea más realista. Por ejemplo, cree un efecto de resaltado.

27. Transparencia/Opacidad

Esto le permite hacer que algunos elementos de diseño sean transparentes. Cuanto menor sea el nivel de opacidad, más transparente aparecerá el elemento. Por ejemplo, 100% de opacidad significa que el objeto es normal.


Los objetos más transparentes "pesan" menos. Puede seleccionar otros elementos en la imagen. Con la ayuda de la transparencia, "juegan" con tonos de colores.

28. tono

Hue es una forma de describir el color. Cualquier color en la rueda de colores es un tono. Rojo, azul y amarillo son tonos.

29. Tono

Hue es una variante de un color. Los tonos se crean agregando blanco a cualquier tono en la rueda de colores. Aclarar y reducir el tono hace que el color sea menos intenso.

Los tonos saturados le permiten resaltar lo principal. El uso de sombras hace que los objetos sean visualmente más suaves y claros.


Marca

El nombre, logotipo, símbolo de marca de una empresa es casi como un nombre para una persona. Un cierto estilo de la empresa enfatiza su singularidad y la distingue de otras.

30. Logotipo

Logotipo: el nombre de la empresa, que tiene un diseño único para uso comercial. Cualquier empresa necesita distinguir un nombre en forma de logotipo para que el comprador pueda identificar fácil y rápidamente los productos.

31. Símbolo de la marca

Por lo general, un símbolo de marca no contiene el nombre de una empresa. La empresa utiliza un símbolo o icono para representarse a sí misma. Al igual que un logotipo, le permite identificar productos.


32. Icono

Los iconos son imágenes que se utilizan para representar un objeto o una acción. Por ejemplo, la imagen de un bolígrafo puede representar el proceso de escribir algo, o simplemente el bolígrafo como objeto.

Los iconos se pueden utilizar para crear un nombre de marca. No tienen que estar relacionados con lo que hace tu empresa, pero deben transmitir la sensación que quieres transmitir al cliente.

Los iconos pueden ayudar a ahorrar espacio al crear un sitio web de empresa. En lugar de palabras o textos voluminosos, basta con colocar una imagen. Sin embargo, cuando use imágenes icónicas, piense detenidamente qué es exactamente lo que quiere presentar y qué tan claro es para su audiencia.

33. Guías de estilo

Las guías de estilo son un conjunto de estándares de diseño para todo lo relacionado con su marca, ya sea una página de destino, tarjetas de presentación o simplemente documentos impresos. La razón para crear una guía de estilo es garantizar una coherencia total dondequiera que aparezca el nombre de la marca.

Trabajo de diseño

Es importante considerar cómo funciona cada detalle del diseño. Los detalles brillantes que lo acompañan pueden interferir con la percepción de la información principal. En una mezcolanza de elementos, el cliente no verá tu súper oferta, un fondo brillante desviará la atención del texto útil. Un espacio estéticamente bien diseñado te permitirá no perder leads y conseguir nuevos clientes.

34. Cuadrícula

Necesario para separar columnas y filas de manera uniforme. Los puntos de cuadrícula ayudan a los diseñadores a colocar los elementos de forma adecuada. La cuadrícula le permite distribuir uniformemente los objetos en el diseño.


35. Escala

En diseño, la escala es la relación entre el tamaño de un objeto y el tamaño de otro. Dos elementos del mismo tamaño pueden parecer iguales, pero los elementos de tamaños marcadamente diferentes se verán diferentes.


Al colocar cualquier elemento de diseño uno al lado del otro, piense en cómo se puede usar la escala para ayudar a ilustrar los significados dentro de la imagen completa. Por ejemplo, un círculo grande parecerá más influyente e importante que uno más pequeño.

36. Relación de aspecto

Esto se refiere a la relación entre el ancho y el alto de una forma, generalmente un rectángulo (ya que la mayoría de las pantallas tienen un ancho mayor que el alto). Se escribe como una razón matemática utilizando dos números separados por dos puntos (ancho:alto).

37. Textura

La textura es un cierto tipo de "superficie" de una imagen. Puede hacer que el objeto de la imagen parezca hecho de ladrillo o tela. La textura le da a la imagen volumen y realismo, hace que la imagen sea "sabrosa" y se venda.

38. Diseño simétrico de objetos.

Este es el diseño de las cosas en la imagen para que estén en un ángulo de 90 o 180 grados entre sí. En otras palabras: los objetos se encuentran paralelos o perpendiculares entre sí.

Esta técnica es a menudo utilizada por publicaciones de moda. Le permite al autor mostrar muchos objetos a la vez sin crear una sobrecarga visual. Los objetos dispuestos de manera competente y ordenada hacen que la foto sea elegante y atraigan la atención de la audiencia con su estética.


39. Espacio en blanco

El espacio en blanco, también conocido como espacio negativo, es el área de una decisión de diseño que permanece vacía. El espacio entre gráficos, imágenes y todo lo demás en la página. Aunque comúnmente se lo conoce como espacio en blanco, en realidad puede ser de cualquier color.

Un buen ejemplo de espacio en blanco es la página de inicio de Google. Todo es prácticamente blanco para que los usuarios puedan concentrarse en la barra de búsqueda.


40. Resolución

La resolución de una imagen determina su calidad. En general, cuanto mayor sea la resolución, mayor será la calidad. En alta resolución, la imagen será clara y nítida. En bajo: la imagen será borrosa, borrosa.


41. Contraste

El contraste ocurre cuando 2 elementos en una página se ven diferentes. Puede ser de diferentes colores para el texto y el fondo, o tonos oscuros y claros de las imágenes. Una de las principales razones para usar el contraste en el diseño es llamar la atención.


42. Saturación

La saturación se refiere a la intensidad y pureza de un color. Cuanto más saturado es el color, más brillante parece. Los colores desaturados aparecen pálidos.


La alta saturación de cualquier elemento de la imagen los hace destacar, pueden llamar más la atención y visualmente tienen más peso que el resto de los detalles. Si desea agregar texto a una imagen, es mejor usar un fondo ligeramente saturado.

43. Desenfoque

Blur hace que la imagen sea poco clara, borrosa. Es una gran idea usar el efecto de desenfoque cuando vas a superponer una capa de texto en una imagen. El texto y algunos detalles de la imagen pueden formar una relación competitiva entre sí, el desenfoque elimina esta situación y hace que el texto sea más legible.


44. cultivo

Cuando recorta una imagen, descarta la parte no deseada de la imagen. Recortar le permite cambiar el énfasis o la dirección de una imagen.


45. Representación realista de objetos

Cuando un artículo digital parece una copia exacta de un artículo físico. Por ejemplo, las estanterías de las aplicaciones de lectura se ven y actúan como deberían hacerlo los objetos de la vida real.


Este tipo de diseño fue popular a principios de la década de 2010 y todavía se usa en algunos sitios. ¿Cuándo puede ser útil el renderizado realista? Por ejemplo, publica ejemplos de sus productos en el sitio. Un cliente potencial podrá evaluar la apariencia, le será más fácil tomar una decisión de compra. El uso de una representación realista de los botones en el sitio hará que sea más fácil para los visitantes encontrar elementos en los que se pueda hacer clic.

46. ​​Diseño plano

Un enfoque minimalista que se centra en la simplicidad y la practicidad. Como regla general, dicho diseño se caracteriza por la presencia de un gran espacio libre en la imagen, contornos claros, colores brillantes e ilustraciones bidimensionales.

El diseño plano (o plano) es bastante popular. Le da a la imagen una sensación de ligereza y tendencia. Adecuado para atraer a un público joven. Sin embargo, existe una desventaja significativa en el uso de un diseño plano en los sitios web: no siempre es obvio en qué objetos se puede hacer clic y en cuáles no.


47. Ráster

Las imágenes rasterizadas están formadas por una cuadrícula de píxeles. Cuando se cambia el tamaño de la imagen, puede volverse borrosa. Lo más probable es que la mayoría de las imágenes que hayas visto hayan sido rasterizadas.

48. vectores

Las imágenes vectoriales se componen de píxeles, líneas y curvas. Esto significa que la imagen se puede escalar sin pérdida de calidad. A diferencia de las imágenes rasterizadas, las imágenes vectoriales no se ven borrosas cuando se escalan.

Lo mejor es hacer logotipos y varios signos de marca en forma de imagen vectorial. Entonces no tendrá que volver a dibujarlos cada vez que prepare un diseño de un nuevo tamaño.


El material fue preparado sobre la base de un texto tomado del sitioblog.bufferapp.com

Cualquier profesional que hace su trabajo el tiempo suficiente adquiere una jerga específica que usa con facilidad y sin pensar, y las personas que no conocen estos términos se sorprenden y no entienden lo que se dice. Al no entender, tratan de no demostrarlo y asienten con la cabeza, diciendo “sí, sí, somos conscientes”. Por lo tanto, quiero explicar a través de este artículo algunos términos bastante utilizados que son útiles para que las personas que no están relacionadas con el diseño de interiores aprendan.

Pintar según el color

Esta frase críptica no significa nada más que el estándar de color industrial alemán RAL. Dado que los colores están estandarizados y tienen números individuales, el mismo color tendrá el mismo aspecto para diferentes fabricantes de muebles y materiales de acabado, ajustado a cómo se aplica la pintura en diferentes superficies. Los colores se seleccionan de acuerdo con muestras especiales de composición tipográfica.

capitoné

He trabajado con muebles italianos durante unos 10 años y a menudo uso esta palabra en conversaciones con clientes. A veces esto conduce a un "congelamiento" del cliente, como una computadora. Capitone es una tapicería de muebles familiar en forma de diamante con botones.

Anteriormente, dicha tapicería se usaba en la fabricación de carruajes, ahora las cabeceras, los sofás, los sillones y las otomanas se tapizan de esta manera. Por cierto, algunas personas, cuando se encuentran con la descripción: “El cabecero de la cama es capito”, piensan que ese es el tipo de cabecero. De hecho, este es un tipo de tapicería y un ejemplo típico de ello es el sofá Chester (Chesterfield).

cuero ecológico

Una de las palabras de engaño más utilizadas. ¿Quién quiere comprar muebles de polipiel o polipiel? Es como una fragancia natural. Y cuero ecológico: ¡suena ecológico y moderno!

Skinali

Una palabra que hace un tiempo me llevó al estado de “computadora congelada”. Resultó que todo es muy simple: es solo un delantal de cocina de vidrio.

MDF (fracción finamente dispersa)

Denota harina de madera fina que se ha mezclado con una base adhesiva (generalmente lignina de origen natural) y se le ha dado alguna forma: una puerta de gabinete plana o una voluta barroca con figuras en la fachada de este gabinete.

MDF a menudo se confunde con aglomerado (aglomerado), que se usó ampliamente en la producción de muebles en la URSS. La principal diferencia entre los muebles de MDF y los muebles de aglomerado es que en MDF las bisagras de las puertas no se caen después de un par de años de funcionamiento.

madera maciza

Mucha gente piensa cuando escucha este término que entiende de qué se trata. De hecho, no todo es tan simple. Cuando el vendedor de muebles o puertas de interior te dice: “esto es de un arreglo” o, alternativamente, “esto es un árbol natural”, se refieren a dos casos diferentes. El primero (una matriz) sugiere una pieza de madera que ha sido aserrada, cortada y pintada.

Y hay otra opción, similar al contrachapado multicapa. Los vendedores también lo llaman "matriz" y "madera natural".

Y, crea en mi experiencia con muebles, la segunda opción es preferible en funcionamiento. No se agrieta y no "conduce". No tienes que preocuparte por las fluctuaciones de temperatura y humedad.

Variante de madera maciza encolada - panel de bloques

Filenka

Una tabla delgada o madera contrachapada insertada en un marco. La mayoría de las puertas interiores están hechas de un marco y una variedad de paneles.

cristal de murano

Un término que muchos han oído y saben que el cristal de Murano es un cristal fabricado en la isla de Murano, cerca de Venecia. También se le llama "vidrio veneciano". Puede preguntar: “Todo el mundo ya sabe esto. ¿Por qué explicarlo?" Recientemente, mientras completaba un proyecto de diseño, revisé el catálogo de una fábrica china muy conocida, no la nombraré, que produce candelabros y varias lámparas. En su catálogo estaba escrito: “Lámpara de araña de cristal de Murano. China". Esto es lo mismo que "coñac de Moscú" o "parmesano ruso". ¿Entiendes lo que quiero decir?

patrón

Algún patrón, sistema, ornamento. No pintaré en detalle, ya que hay un artículo completo sobre este tema " ".

El Glosario de términos de diseño se ha creado para presentar a los principiantes los significados de algunos conceptos básicos que se utilizan a menudo en el campo del diseño.

A

Alineación(alineación) - la ubicación de los objetos en relación con otros objetos. Por ejemplo, izquierda, derecha, centro, etc.

B

parte trasera(backend): en la web, esta es la parte del sitio que está oculta a los ojos del usuario promedio y se ejecuta en el lado del servidor. Aplicable a CMS (ver más abajo), el backend es la parte administrativa del sistema.

Base(línea de base) - el término se usa en relación con la tipografía - esta es una línea imaginaria en la que se encuentran todas las letras en una línea.

Debajo del pliegue(fuera de pantalla): el término proviene de la industria de los periódicos y se refiere a una parte del contenido del sitio que no cabe dentro de la parte visible del sitio o la pantalla de la aplicación. Es decir, para visualizar este contenido, el usuario tendrá que desplazarse (scroll) la página hacia abajo.

Curva de Bézier(curvas de Bezier) son curvas paramétricas que representan una trayectoria vectorial en gráficos por computadora. A menudo se crean con la herramienta Pluma conectando puntos que le permiten cambiar la forma y la dirección de las curvas.

C

CMS(tsms, kms, sistema de gestión de contenido): una herramienta que le permite administrar el sitio. Por lo general, en un CMS, el contenido se separa del diseño y la funcionalidad del sitio, lo que facilita cambiar el diseño y la funcionalidad sin afectar el contenido. Facilita la creación de sitios web para personas que no están relacionadas con el diseño y el desarrollo.

CMYK(smuk, smuk, tsmik, tsmuk, smik) es un esquema de color sustractivo que se utiliza principalmente en la impresión. CMYK utiliza cuatro colores: cian (cian), magenta (magenta), amarillo (amarillo) y negro (negro) para formar el color. Cada uno de los números utilizados para representar un color en CMYK representa el porcentaje de tinta de ese color que forma la combinación de colores.

CSS(Hojas de estilo en cascada) es un lenguaje formal que se utiliza para describir la apariencia de las páginas web escritas con los lenguajes de marcado HTML y XHTML. CSS se utiliza para establecer colores, fuentes y posicionamiento de bloques individuales en páginas web.

D

DPI, PPI- el número de puntos (píxeles para PPI) que caben en una pulgada de la pantalla.

F

favicon- estos son iconos pequeños (generalmente de 16x16 píxeles, con menos frecuencia de 32x32 píxeles) que se muestran en la pestaña del sitio en el navegador cerca del nombre del sitio.

peso de fuente– determina la saturación (grosor) de los caracteres en el texto.

Interfaz(frontend) - parte del sitio, ejecutado en el lado del usuario. En la web, el diseño HTML, los estilos CSS y JavaScript actúan como front-end. Aplicable a CMS, frontend es la parte frontal del sitio que ve el usuario.

GRAMO

Red(cuadrícula) - un conjunto de líneas verticales y horizontales que forman un sistema para organizar objetos.

H

HSB– esquema de tres canales de formación de color. El nombre proviene de las primeras letras de las palabras en inglés: Hue (tono), Saturación (saturación), Brillo (brillo).

k

Interletrado(kerning) - la distancia entre ciertos pares de caracteres: LA, Tr, Ta, Ty, Wa, WA, Wo, Ya y otros.

L

Página de destino(página de destino, página de destino) es una página web ensamblada de cierta manera, cuya tarea principal es recopilar información de contacto de la audiencia o vender productos.

Capas(capas) - utilizado en Photoshop para componer una imagen. Las capas se asemejan a una pila de hojas transparentes, a través de las áreas transparentes de las capas superpuestas, puede ver el contenido de las capas inferiores.

METRO

margen(margen) – margen del elemento.

maquetas(maquetas) - diseño de página listo para usar.

jugador más valioso- un producto que contiene un conjunto mínimo de funciones necesarias para su funcionamiento. Crear un MVP le permite evaluar qué tan interesante es el producto para las personas y si vale la pena desarrollarlo en el futuro.

norte

Navegación(navegación, menú) es un sistema de enlaces que permite al usuario navegar a través del sitio o aplicación.

espacio negativo(espacio en blanco, espacio en blanco, leche) - la parte de la página que no contiene texto o imágenes.

PAGS

Relleno(relleno, relleno) - el relleno interior del elemento.

lapicera(herramienta pluma) es una herramienta que se utiliza para crear curvas Bezier en gráficos vectoriales.

Photoshop es el editor de gráficos de Adobe disponible en Windows y Mac OS X. Contiene una amplia funcionalidad para trabajar con gráficos rasterizados y una funcionalidad básica para trabajar con gráficos vectoriales. Por falta de competencia, los diseñadores lo usaban ampliamente para crear diseños de interfaz.

píxel(píxel): el elemento más pequeño de la imagen (como una molécula en una molécula). Tiene forma cuadrada.

complementos(complementos) son aplicaciones escritas por desarrolladores externos para ampliar la funcionalidad básica del programa.

R

Ráster, mapa de bits(mapas de bits): una imagen que representa una cuadrícula de píxeles en la pantalla del dispositivo. Este gráfico se edita utilizando editores de gráficos de trama. Cuando se cambia el tamaño de los datos de la imagen, la calidad de la imagen se reduce significativamente.

Resolución(resolución, resolución): indica la cantidad de píxeles que se muestran en la pantalla (por ejemplo, 1280x1024).

Sensible El diseño (adaptable) es un tipo de diseño de sitio (aplicación) que le permite mostrar el sitio (aplicación) de manera igualmente correcta en dispositivos con cualquier tamaño de pantalla.

RGB- esquema aditivo de formación de color. El color deseado se obtiene mezclando las emisiones de luz de los tres colores primarios: rojo, verde y azul (Rojo, Verde, Azul). La mezcla del 100% de los colores primarios produce el blanco.

S

Bosquejo(aplicación) es la aplicación de Bohemian Coding para crear gráficos vectoriales. Fue creado como una alternativa a Photoshop para diseñadores de interfaces. Solo disponible en Mac OS X. Admite muchos complementos de terceros que facilitan mucho la vida de un diseñador. Es muy bien recibido entre los diseñadores, ya que no contiene nada superfluo y está dirigido específicamente a crear un diseño de interfaz (a diferencia de Photoshop).

bocetos(boceto): bocetos rápidos del diseño futuro, sin detalles.

Bloc de dibujo(álbum) - un álbum para dibujar bocetos. Es posible que hayan aplicado imágenes esquemáticas de varios dispositivos para crear bocetos más visuales.

Especificación(términos de referencia): una descripción detallada o no muy detallada de los objetivos, la funcionalidad, la estructura y la apariencia del sitio (aplicación) que se está desarrollando. Este documento simplifica enormemente la vida de los diseñadores.

T

seguimiento(seguimiento): cambie uniformemente la distancia entre las letras (todas, a diferencia del interletraje).

tu

diseño de interfaz de usuario(interfaz de usuario) es un concepto que incluye un cierto conjunto de elementos diseñados gráficamente. En esencia, la interfaz de usuario es responsable de la apariencia del sitio (aplicación).

usabilidad(usabilidad) es qué tan fácil es para los usuarios usar su sitio (aplicación) para lograr ciertos objetivos.

Personas de usuario(personas) son personajes ficticios que tienen un conjunto de cualidades que son características del público objetivo de su sitio (aplicación). Las personas se utilizan para identificar los objetivos del usuario, la motivación del usuario y los puntos débiles. Las personas siempre deben basarse en los resultados de la investigación de la audiencia.

diseño de experiencia de usuario(experiencia del usuario) - un concepto que incluye cómo funciona el producto y qué emociones evoca a los usuarios.

V

Vector Imágenes (vectoriales): una forma de representar una imagen en gráficos por computadora, basada en la descripción matemática de formas geométricas básicas (puntos, líneas, círculos, polígonos, curvas de Bézier). La principal diferencia con los mapas de bits es que cambiar el tamaño no cambia la calidad de la imagen.

W

Estructuras alámbricas(wireframes) es una representación esquemática de los bloques principales del futuro sitio (aplicación). Por lo general, se crea para comprender la mejor manera de colocar objetos para lograr el objetivo del usuario. A menudo hecho en blanco y negro para no distraer la atención de la funcionalidad.

¿No encontró el significado del término que necesita?

Llevamos muchos años trabajando en diseño y no podíamos explicarte todos los términos que no te son familiares. Muchas palabras nos parecen bastante comprensibles, debido a su uso constante.

Por lo tanto, si está interesado en el significado de alguna palabra no descrita en el diccionario, pregunta en los comentarios! Estamos felices de agregar esta palabra al diccionario.