¿Alguna vez te has confundido con la jerga del diseñador? (Esto puede suceder tanto a diseñadores como a no diseñadores). La jerga del diseño ha evolucionado a lo largo de los años, ¡sin duda, dejando a algunos de ustedes sacudiendo la cabeza!
Vamos a desglosar parte de la terminología, por tipo de diseño, con la esperanza de facilitar la comunicación más efectiva entre los diseñadores y los clientes. Aquí hay una guía de lo que significa con 12 términos cada uno en las categorías de diseño general y diseño web. Vuelva más adelante esta semana para conocer los términos relacionados con el diseño de impresión y tipografía.
Diseño general
Hay bastantes palabras que se usan universalmente cuando se trata de proyectos de diseño, impresos y en línea. Estos términos pueden ser la diferencia entre comunicarse fácilmente con otros diseñadores o clientes y tener dificultades para entenderse entre ellos.
Alineación: La posición de los elementos dentro de los márgenes. Esto puede aplicarse a texto, imágenes u otros elementos. Existen cuatro tipos de alineación: izquierda, derecha, justificada y centrada.
Paleta de colores (carta de colores): El conjunto definido de colores que son aceptables para usar en un proyecto. Cada color debe tener un valor establecido en lugar de un nombre como rojo, púrpura o menta. No hay un número determinado de colores en una paleta; a menudo varían según el proyecto e incluyen tres o más tonos, tonos y matices.
Ajuste de copia El proceso de ajuste del tamaño de tipo, el seguimiento y el espaciado de línea para que se ajuste al espacio deseado. Las técnicas de copia pueden incluir manipulaciones en la fuente (tamaño y espaciado) o edición para hacer que las palabras encajen.
FPO (sólo para la posición): Esta es una imagen de marcador de posición, generalmente de baja resolución, que se usa para mantener cierta forma o tamaño antes de que la imagen final esté lista.
Gritando Cambiar las propiedades de la pantalla para acelerar la velocidad de redibujado en una pantalla para que las imágenes y el texto se muestren rápidamente como cuadros grises se llama grietas. Esto hará que las imágenes y el tipo sean ilegibles. Algunos diseñadores usan este término para referirse a una imagen o texto que no se vincula correctamente a un documento, lo que también resulta en un cuadro gris.
Imagen de héroe: La imagen o gráfica más grande y atrevida del diseño. Esta imagen a menudo sobredimensionada es el punto focal de un diseño.
Espacio negativo (espacio en blanco): El espacio no utilizado alrededor de su diseño se menciona con estos términos. El espacio en blanco generalmente se define como espacio fuera de las áreas de texto e imagen, mientras que el espacio negativo es a menudo parte del esquema de diseño general. Ambos deben considerarse como espacios previstos y planeados.
Pantone El Pantone Matching System es un sistema de color patentado creado por la compañía Pantone y comúnmente se llama simplemente "Pantone". El sistema estandarizado permite a los diseñadores hablar el mismo idioma? en términos de color para una variedad de opciones de publicación.
Prueba (pegar, estructura de alambre, maqueta): Una copia temprana de un proyecto de diseño que se utiliza para ver conceptos, verificar errores y servir como una herramienta para verificar el estado de un proyecto.
Marcha atrás: Usar el tipo y el color de la forma opuesta a la que se esperaría, como el tipo de blanco sobre un fondo negro. Invertir también se refiere al negativo de una imagen.
Regla: Líneas finas utilizadas para distinguir partes del diseño. Las reglas pueden ser independientes o usarse alrededor de objetos, como encuadrar una foto o texto de contorno.
Vector (vs. raster): El formato vectorial utiliza líneas, formas y fórmulas matemáticas para crear imágenes. El beneficio de los formatos vectoriales es la creación de imágenes y formas que pueden redimensionarse sin pérdida de calidad. Vector es el formato preferido para el diseño de logotipos. Los formatos ráster utilizan píxeles (pequeños cuadrados) para crear imágenes; Son dependientes de la resolución.
Diseño web y digital.
Cuando se trata de la jerga de diseño web y digital, algunos de los términos parecen estar cambiando todo el tiempo. Parte de la jerga más reciente proviene de las tendencias de diseño y las técnicas populares.
Anti-aliasing: ¿Esta técnica se utiliza para suavizar los bordes de las fuentes y los objetos construidos en formato ráster? El proceso se automatiza utilizando software común.
Bandera: La imagen grande o elemento en la parte superior de una página web. Un banner puede ser información relacionada con el sitio web y puede contener un logotipo o información de navegación o un anuncio (banner publicitario) que aparece en la parte superior de la página. Los anuncios de banner suelen ser el ancho de la pantalla (o el anuncio más grande en la parte superior de la pantalla) por 120 píxeles de profundidad.
CAPTCHA: Este acrónimo de Pruebas de turismo público completamente automatizadas para informar a las computadoras y Humans Apart se usa para proteger los sitios de los robots. Un CAPTCHA se usa comúnmente al completar un formulario u otra entrada de datos. La tecnología de código abierto es común y tiene una variedad de formatos de prueba (palabras, números y preguntas).
Favicon: Una pequeña imagen de 16 por 16 píxeles junto a la URL de un sitio web en la barra de menús del navegador y junto a los marcadores. La pequeña imagen se utiliza para hacer que su sitio web sea más reconocible. Favicons son un elemento de diseño web común.
Plano: Esta tendencia de diseño despegó a finales de 2013 y sigue siendo popular. El estilo de diseño plano es mínimo, utilizando técnicas simples, tipos y casi sin efectos de diseño o trucos. Apple adoptó un estilo de diseño casi plano para iOS 7 y otros sitios populares, como Facebook y Google+ usan un estilo plano.
Lorem ipsum: ¿Marcador de posición o texto ficticio que usa una variedad de caracteres en diferentes palabras? longitudes para darle una idea precisa de cómo se verá el tipo en un bloque de texto.
Paralaje: El paralaje es una técnica en la que las capas de contenido están diseñadas para funcionar y moverse juntas. Las imágenes de fondo, intermedias y de primer plano se crean y diseñan para moverse a diferentes velocidades, de modo que los elementos en la pantalla se mueven. Es una técnica de desplazamiento común y actual. (Obtenga más información en un artículo reciente de Design Shack).
Diseño de respuesta: Este concepto de diseño web hace posible que un solo sitio se represente bien y adecuadamente en una variedad de dispositivos (de escritorio, tableta y móvil) en diferentes tamaños. El beneficio es tener un solo sitio con una experiencia de usuario común.
RGB: El modo de color para diseño digital que usa combinaciones de rojo, verde y azul para hacer colores. En el modelo RGB, cada tono utiliza estos colores para crear todos los colores.
Control deslizante: Esta técnica popular utiliza un bloque grande (a menudo basado en jQuery) para rotar múltiples imágenes (y texto) en una ubicación en el sitio. Los controles deslizantes pueden ejecutarse automáticamente o en función de clics o pulsaciones.
Etiqueta: Código adjunto a un elemento específico que proporciona instrucciones para formatear. Una de las referencias comunes es? Alt tag ,? que incluye información sobre una imagen en forma de texto.
UX (experiencia de usuario): El término más importante en diseño web y digital es la experiencia del usuario o cómo funciona el diseño. UX incluye todo sobre cómo una persona interactúa con un elemento digital, desde el comportamiento a la emoción a la actitud.
Frases de moda
A veces la jerga evoluciona con el tiempo. Aquí hay cuatro palabras de moda que debes saber.
Contorno: Al igual que una regla, esto se refiere a algo que se describe. Pero este tipo de forma es más fluido y ayuda a crear un efecto 3D.
Skeuomorphic Un estilo que trata de hacer que los elementos de una superficie plana se vean y se sientan tridimensionales. Estos elementos utilizan diseño? Trucos? como sombras, biselados y degradados para lograr el efecto deseado.
Estructurado: Los diseños que utilizan formas geométricas y proporciones estándar se llaman estructurados. (Piense en un logotipo como el Museo Fort Worth, que usa varios cuadrados).
Translúcido: Este efecto es muy parecido al vidrio esmerilado, con una capa encima de otra que permite que salga parte de la imagen de fondo. Los colores y formas de la imagen saldrán adelante pero sin definición.
Conclusión
Podríamos seguir y seguir con más jerga relacionada con el diseño. Y de hecho, lo haremos. Asegúrese de buscar? Glosario de palabras de diseñador, nuevas y antiguas (parte 2)? Para los términos relacionados con el diseño de tipografía y impresión.
Esperemos que este manual le haya ayudado a comprender un poco más la jerga del diseño. ¿Qué otras palabras estás escuchando más a menudo en estos días? ¿Sabes lo que significan? Comparte con nosotros en los comentarios.
Fuente de la imagen: SamahR.