Página principal » Diseño web » 20 Términos de la industria del diseño web para el cliente despistado

    20 Términos de la industria del diseño web para el cliente despistado

    En la industria del diseño web, utilizamos muchos términos internos. Esto no solo dificulta el comienzo para los recién llegados, Particularmente clientes que no están involucrados en la industria del diseño., Pero comunicar su significado correctamente a veces puede ser todo un desafío..

    En este glosario, hemos recogido 20 términos de diseño web de uso frecuente. y agregó una breve explicación a cada uno, para que cualquiera pueda echarles un vistazo rápidamente en caso de cualquier duda. Si tiene un cliente que realmente necesita un curso intensivo en la jerga del diseño web, comparta este artículo con ellos.

    “Animación”

    Una técnica de diseño web que agrega movimiento a los elementos en pantalla para visualizar el cambio o para atraer la atención de los usuarios.

    Las animaciones son mas poderoso que las transiciones, ya que pueden atravesar muchos estados diferentes entre sus puntos de inicio y final, por lo tanto, pueden utilizarse para efectos más complicados.

    “Migaja de pan”

    UNA tipo de navegación que informa a los usuarios sobre su ubicación actual en un sitio.

    Las migas de pan contienen camino en la que se puede acceder a la página actual desde la página de inicio, generalmente en el formato de Inicio / Categoría / Página. Cada elemento del camino es también cliqueable para que los usuarios puedan rápidamente navegar por la jerarquía del sitio. Generalmente se muestran migas de pan en la parte superior de cada página.

    “Desorden”

    Un error de diseño web, un indicador de una página mal diseñada.

    Hablamos de una página desordenada cuando el diseñador exprimió demasiada información en la misma página sin agregar suficiente espacio en blanco y estructurar adecuadamente el contenido. Las páginas desordenadas tienen baja legibilidad, y perjudicar la experiencia del usuario.

    “Esquema de colores”

    UNA colección de colores armonizadores utilizado para crear un identidad de marca reconocible.

    Por lo general, el mismo esquema de color es usado consistentemente A través de la página web, la aplicación móvil, el logotipo y los materiales de marketing de la marca. Un esquema de color puede ser diseñado de acuerdo a diferentes principios, Hay esquemas de color monocromáticos, análogos, complementarios, triádicos y otros.

    “Contraste”

    Una técnica de diseño para enfatizar las diferencias Entre elementos que tienen diferente rol o significado..

    Utilizando colores complementarios (los opuestos en la rueda de colores) son la forma más conocida de expresar contraste, sin embargo diferencias visuales En la forma, el estilo, la tipografía o el diseño de los elementos de la página que queremos distinguir también podemos lograr un efecto de contraste..

    “Estado vacío”

    Un estado específico de un sitio web o aplicación cuando hay todavia no hay contenido en una página en particular, sin embargo, los elementos de diseño son ya en su lugar.

    Los estados de primer uso, como los perfiles vacíos, son ejemplos típicos de páginas de estado vacías. Requieren técnicas de diseño específicas (como el diseño de incorporación) que informar a los usuarios sobre lo que debería estar en la página, y motívalos realizar ciertas actividades.

    “Diseño fijo”

    UNA tipo de diseño en el que un sitio y sus elementos usa el mismo ancho en todas las resoluciones, definido en valores estáticos (usualmente píxeles).

    La forma tradicional de construir sitios web. Rara vez se eligen para los sitios web más nuevos, ya que los sitios con diseños fijos son difícilmente utilizables (legibles) en pantallas móviles. Para permanecer accesibles para los usuarios móviles, muchos sitios de diseño fijo utilizan un sitio móvil secundario.

    “Diseño plano”

    UNA UI lenguaje de diseño que Se centra en estilos limpios y minimalistas., y elimina texturas complicadas, patrones, degradados y otros efectos sofisticados para ayudar a los usuarios mejor enfoque en el contenido.

    El diseño plano ha sido criticado por problemas de usabilidad derivados de la falta de tridimensionalidad. Mas maduro Lenguas de diseño plano 2.0, como el diseño de materiales de Google, han aparecido como respuesta y han agregado un poco de profundidad al diseño plano..

    “Diseño fluido”

    UNA tipo de diseño ese usa unidades relativas Definir el ancho de un sitio y sus elementos..

    Las unidades relativas más utilizadas para diseños fluidos son porcentajes, pero ems y movimiento rápido del ojos también puede ser usado. Un diseño fluido redimensiona (estira y encoge) como el ancho de la ventana gráfica cambia. A diferencia de diseños sensibles, un diseño fluido no usa consultas de medios. También se conoce como diseño líquido.

    “Doblez”

    La parte inferior de la parte visible de la pantalla..

    El termino “encima de la tapa” se refiere a la parte de una página web que los visitantes pueden ver sin tomar ninguna acción, mientras “debajo del pliegue” se refiere al resto de la página que los usuarios pueden Solo llegar interactuando con el sitio. - normalmente desplazándose o deslizando (en el móvil).

    IMAGEN: globaldots.com

    Se recomienda colocar elementos de marca (por ejemplo, el logotipo), navegación en el sitio, y contenido atractivo en la parte superior para hacer que los usuarios entiendan rápidamente el propósito del sitio y se interesen por el resto del contenido.

    “Degradación elegante”

    Una estrategia de diseño web que incluye todas las características avanzadas de forma predeterminada en un sitio, luego elimina o simplifica las cosas que no funcionan en navegadores más antiguos, en dispositivos menos capaces o en anchos de banda más bajos.

    Focos mas en apariencia que en el contenido. En la era móvil, la mejora progresiva se ha convertido en la estrategia de diseño web predominante para los nuevos sitios, la degradación elegante se utiliza principalmente en sitios antiguos o heredados.

    “Imagen de héroe”

    Un gran tamaño banner de imagen metido encima de la tapa.

    Las imágenes de héroe son imágenes de alta calidad, generalmente de ancho completo, relevantes para el contenido del sitio. Encima de ellos, hay típicamente una texto corto (una o dos líneas) que transmite un mensaje a los usuarios, y un botón de llamada a la acción que los exhorta a realizar una determinada acción, como comprar o registrarse en el sitio.

    “Página de destino”

    Originalmente cualquier página donde un visitante en línea entra en un sitio. Recientemente, el término se usa para una página independiente diseñada para un propósito comercial específico.

    Por ejemplo, si los usuarios de la web siguen un anuncio de banner, con frecuencia se encuentran en una página de destino que los llama a comprar un producto relevante. Páginas de destino con un enfoque único y un claro llamado a la acción tienden a alcanzar mayores tasas de conversión.

    “Carga lenta”

    Una técnica para cargar imágenes y otro contenido estático, como videos, solo un poco antes de que hacerse visible para el usuario.

    Si un sitio web utiliza carga lenta, solo se cargan primero las imágenes que están sobre el pliegue, el resto solo se carga cuando (si) el usuario desplaza la página. Se utiliza frecuentemente en el diseño responsivo y móvil, ya que ahorra recursos. Por ejemplo, Google AMP acelera los sitios móviles por recursos estáticos de carga lenta por defecto.

    “Consulta de medios”

    Una característica de CSS que hace diseño web adaptable posible permitiendo a los diseñadores crear Diferentes diseños para diferentes dimensiones de dispositivos. (ancho y / o alto), orientaciones (horizontal o vertical) y tipos de medios (impresión, pantalla, etc.).

    IMAGEN: gskinner.com

    Típicamente, los sitios de respuesta tener diseños separados Para pantallas de escritorio, tabletas y móviles, el puntos de interrupción entre ellos están definido por consultas de medios añadido a la CSS.

    “Mejora progresiva”

    Una estrategia de diseño web que primero. Agrega solo los elementos básicos. a un sitio, que funciona en cualquier navegador, ancho de banda y dispositivo. Las características más avanzadas de front-end (estilos e interactividad) son cargado en capas después.

    Mejora progresiva principalmente se enfoca en el contenido, resultados en sitios que son accesible para todos los usuarios, por lo tanto, es la forma predominante de crear sitios web en la era móvil (en oposición a la degradación elegante).

    “Diseño de respuesta”

    Un enfoque de diseño web para crear sitios web que ajustarse a las dimensiones de diferentes tipos de dispositivos (con mayor frecuencia móviles, tabletas y computadoras de escritorio) mediante el diseño de Diferentes diseños y otros estilos. (por ejemplo, tipografía, tamaño de imagen) para ellos.

    El diseño responsivo hace uso de varias técnicas, tales como unidades relativas, rejillas flexibles, y preguntas de los medios con el fin de servir a cada usuario con contenido utilizable, legible y accesible. La mayoría de los sitios web modernos usan diseño responsivo.

    “Skeuomorphism”

    Un lenguaje de diseño de interfaz de usuario que aprovecha la principio de familiaridad, y se centra en la creación de elementos de diseño que se asemejan a su equivalente en el mundo real.

    Por ejemplo, los botones que parecen botones de la vida real mediante el uso de efectos como Bisel y relieve, sombras paralelas, degradados y otros. Antes de que el diseño plano se hiciera predominante, el skeuomorphism fue la tendencia de diseño web líder durante muchos años..

    “Transición”

    Una técnica de diseño web para visualizando cambios simples cuando un elemento en pantalla altera suavemente entre un estado de inicio y fin.

    Las transiciones, a diferencia de las animaciones, no tienen estados intermedios, solo una punto de inicio y final, por lo tanto son para ser usados ​​para cambios sutiles, tal como para visualizar estados flotantes.

    “Espacio blanco”

    los espacio en blanco Entre elementos de diseño adyacentes. También se conoce como espacio negativo.

    El espacio en blanco ayuda a los usuarios rozar el contenido, y visualmente indica jerarquía de contenido. El espacio en blanco no es necesariamente blanco, pero utiliza el color de fondo del sitio. La falta de espacio en blanco suficiente conduce a una página desordenada.