Una Introducción a la Minimalista de Diseño Web – Business 2 Community

a woman looking at a minimalist art display

Con un diseño minimalista, está en todas partes, y es especialmente popular entre los diseñadores web. Es fácil ver el atractivo: Muchos de minimalismo de los objetivos centrales de malla muy bien con las limitaciones de la moderna interfaz de usuario y UX diseño, especialmente en dispositivos móviles.

Una (Breve) Historia del Diseño Minimalista

El minimalismo remonta sus orígenes a principios del siglo xx. A pesar de que tendemos a asociar con el diseño y los medios ahora, sus orígenes se encuentran en campos tan diversos como la arquitectura y la pintura. Aquí están algunos de los primeros influencias en el estilo minimalista:

  1. De Stijl. Holandés para “el estilo” De Stijl fue un movimiento artístico que se celebra simple, las formas abstractas, colores primarios, y las líneas rectas. Piet Mondrian cuadrícula de la ciudad pinturas de inspiración son un perfecto encapsulación de De Stijl.
  2. El constructivismo. El estilo Constructivista salió de los primeros Soviética arte revolucionario. Su objetivo era crear un nuevo estilo de arte que podría generar el cambio social, rechazando la idea de “el arte por el arte.” El resultado fue una estética que se comunicaron a través de una combinación de fuerte, dramática formas, en blanco y negro de la fotografía, y en negrita la tipografía.
  3. La Bauhaus. El movimiento Bauhaus, surgió en Alemania en la década de 1920 y principios de los años 30. Se deshizo de los estilos asociados con épocas anteriores en favor de la práctica, funcional y estética. “La forma sigue a la función”, es una máxima que a menudo se asocia con la Bauhaus, que inspirados en los diseños de visionarios como Mies van der Rohe y Le Corbusier.
  4. Simplicidad Zen. Una última fuente de inspiración para el diseño minimalista es en la estética tradicional Japonesa. Basado en los principios del Budismo Zen, este estilo hace hincapié en limpio formas despojado de adornos y un énfasis en la armonía, el orden y el equilibrio. La estilizada arreglos y atención a los detalles que se encuentran en el zen, jardines de la roca captura la esencia del minimalismo Zen que innumerables diseñadores han trabajado para emular.

Usted puede encontrar las huellas de estos diferentes estilos de toda la web moderna. Como usted probablemente ha notado, lo que une a todos estos estilos juntos es un deseo de eliminar elementos extraños, despojando de todo para que sus elementos esenciales. Si hay un aforismo que resume mejor el minimalismo, es “Menos es más”, del arquitecto Mies van der Rohe.

Los Elementos Esenciales

No hay una única definición de minimalista, diseño de la web. Es menos un meticulosamente conjunto definido de normas que un conjunto de principios generales que pueden aplicarse a cualquier situación. Dicho esto, hay una serie de características que son con frecuencia (aunque no siempre) se encuentran a través de diseños minimalistas.

  1. El uso de la tipografía como un elemento central. Mientras que el minimalismo es a menudo asociada con la emblemática tipos de letra sans serif como Helvetica, Futura, y Univers, un montón de sitios y aplicaciones también el uso más tradicional de los tipos de letra serif de gran efecto. La clave es que el tipo es tan central a la mirada de una composición como la forma y el color.
  2. Uso deliberado de espacio en blanco. En lugar de pensar en blanco (o negativo) de espacio como la falta de algo, el minimalismo de la trata como un elemento en sí mismo.
  3. Imágenes reducidas a formas geométricas. Fuerte iconografía es una característica del minimalismo, la reducción de un concepto (como el uso de un pictograma de una casa para la “pantalla de inicio” o un bote de basura para “eliminar”) a la más simple y la más sugerente posible. Mientras que el diseño moderno hace más subsidios para la representación de gráficos, todavía a menudo se basa en formas geométricas para la orientación, como en Twitter del diseño de logo.
  4. Confiando en color de alto contraste y paletas. Inspirado por De Stijl los colores primarios, el minimalismo a menudo favorece claro, bloques sólidos de color en lugar de sombras y degradados.
  5. El uso de la fotografía para el contraste. De gran tamaño, a menudo lleno-color de las fotografías son a menudo un elemento clave en el diseño minimalista, proporcionando un agradable contraste con la simplicidad de tipo, la forma y el color audaz.
  6. Un énfasis en la inteligencia y a la alegría. Rompiendo una composición a su más elemental de los elementos también da minimalista diseñadores la oportunidad de tomarse libertades que no podría con más maximalista o de estilo tradicional. Esto sobre todo es a través de logotipos e identidad gráfica.
  7. El uso de la simetría y los diseños de cuadrícula. Aquí se puede ver más claramente la influencia de la tradicional Japonés de diseño, que hace hincapié en la relación armoniosa entre los diferentes elementos.

La Hamburguesa De Navegación: Un Cuento Con Moraleja

Muchos minimalista diseñadores están inspirados por las palabras del autor y el piloto Antoine de Saint-Exupéry, quien dijo: “la Perfección no se logra cuando no hay nada más que añadir, sino cuando no hay nada a la izquierda para tomar distancia.” Dicho esto, a juzgar lo que es seguro tomar distancia no siempre es evidente. Tomemos el caso de la hamburguesa de navegación, por ejemplo.

Un diseño común reto tanto para web como para móviles es cómo y dónde colocar los elementos de navegación. La hamburguesa nav surgió a comienzos de la década de 2010 como una forma de ahorrar espacio en los dispositivos móviles. La idea era crear un símbolo reconocible donde el común de los elementos de menú pueden conservarse de manera que no están constantemente tomando precioso de bienes raíces. Después de que fuera adoptada por Apple y Facebook, la hamburguesa nav se convirtió en un omnipresente (y con frecuencia frustrante) característica de la aplicación moderna y de diseño web.

Sólo había un problema: ¿qué aplicaciones ganado en sencillez que a menudo se pierde en la funcionalidad. Varios estudios encontraron que la hamburguesa navs causado la participación de los usuarios en picado. Afortunadamente, la mayoría de las aplicaciones y los sitios web se han encontrado otras maneras de mantener a los elementos de navegación, incluyendo pestañas, plegables menús y menús desplegables. Pero el caso de la hamburguesa nav sirve como un buen ejemplo de lo que puede suceder cuando los diseñadores a favor de la estética sobre la funcionalidad.

Tendencias en la Minimalista Aplicación y Diseño Web

Hemos revisado algunos de los conceptos básicos de minimalista, diseño de la web, y se pueden encontrar innumerables ejemplos de este estilo en toda la web. Ahora vamos a ver unos pocos distintas, pero relacionadas con las tendencias en diseño minimalista puede ver en la web y en las aplicaciones.

“Tez Reducción”

En los últimos años, usted puede haber notado una clara tendencia entre ciertas aplicaciones. Desde Instagram a AirBnB a Apple, la Música, las principales aplicaciones son la remoción de color y ornamentación para crear stark, sencillo, visualmente neutral de la UIs que poner el foco directamente sobre su contenido.

Además para el drenaje de las interfaces de color, tez reducción se basa en los grandes, en negrita la tipografía para dirigir y orientar a los usuarios. Creo que de la tez de reducción como el blanco de la galería de la pared en los que la aplicación de fotos, música, videos, y la copia se puede arreglar. Se presta naturalmente a la idea de un desplazamiento de alimentación que permite a los usuarios explorar a su propio ritmo.

La tez de reducción se presta más para aplicaciones con gran cantidad de contenido visual y relativamente simples conjuntos de características. Que puede hacer que sea ideal para ciertas aplicaciones, pero totalmente inadecuado para otros que requieren una función más activa en la orientación de los usuarios. Además, la sobriedad y la sencillez de la tez de reducción puede hacer que sea difícil para destacar visualmente. Sin colores o ilustraciones, puede ser difícil establecer una fuerte identidad visual, dejando de depender de su tipo de letra opciones o abrazar el neutro mirada.

Diseño Plano

Originalmente desarrollado por Microsoft en la década de 2000, planos de diseño no es una nueva tendencia, aunque su uso se ha disparado en los últimos años. En contraste a lo que habitualmente se llama “diseño rico,” diseño plano es conocida por sus formas geométricas simples, espacios abiertos, colores sólidos, y conspicua falta de sombras, brillos, texturas, y otras características tiene la intención de sugerir el espacio 3D. El uso de una combinación de tipografía, iconos y colores, crea un lugar limpio, moderno y eficiente interfaz de aspecto.

Diseño plano comparte muchas de sus características con el estilo Bauhaus, especialmente, su deseo de crear un estilo de diseño que se siente nativo para pantallas digitales, en lugar de confiar en las imágenes en portada de el mundo físico. La eliminación de diseño de los adornos que se puede traducir en más rápido los tiempos de carga y mejorar el rendimiento, especialmente cuando el desarrollo de sitios web sensibles o aplicaciones móviles que se necesita para trabajar en una amplia gama de dispositivos.

Dicho esto, tv de diseño viene con sus propios riesgos. Mientras que los diseñadores pueden celebrar la falta de desorden y elegancia del diseño plano, muchos usuarios les resulta poco intuitivo y confuso. Por ejemplo, la falta de sombras y las iluminaciones puede hacer que sea difícil para algunos usuarios a distinguir un botón que se puede pulsar de una simple etiqueta en contra de un bloque de color. Algunos estudios han demostrado que el diseño plano puede afectar a la usabilidad.

Diseño De Material

Relacionados con el diseño plano, diseño de material es un lenguaje de diseño y un conjunto de directrices desarrolladas por Google. Como los planos de diseño, diseño de material evita tratando de imitar a los objetos físicos. Dicho esto, el diseño de materiales no completamente acabar con la profundidad. En cambio, se basa en el uso sutil de las sombras para crear la impresión de que muchos de los paneles planos superpuestos sobre la parte superior de uno al otro. En esencia, se añade un poco de la vida real de nuevo en diseño digital para el bien de la usabilidad.

También a diferencia de la clásica minimalismo, diseño de materiales, se utiliza menos espacio en blanco y la fotografía. Con sus colores sólidos rectangular y en forma de paneles, diseño de material composiciones a menudo parecen trozos de cartulina de colores en capas uno encima de otro.

La ventaja del diseño de material es que se puede abordar algunos de los usabilidad preocupaciones que asolan los planos de diseño. Porque viene con un conjunto detallado de normas, también puede acelerar el proceso de diseño, ya que deja muy poco a la persona del diseñador discreción. La otra cara de la moneda, por supuesto, es que el diseño de materiales corre el riesgo de parecer bastante genérica y distintiva de Google-esque. Así que si su identidad visual está destinado a pie, diseño de material no puede ser para usted.

Buscando una interfaz de usuario o UX Designer?

La aplicación de principios de diseño minimalista es más que la apariencia de su sitio web o aplicación. Se trata de la resolución de problemas de diseño, identificando y haciendo hincapié en la información crítica y la funcionalidad. Cuando se busca una interfaz de usuario o UX designer, asegúrese de prestar atención a su cartera, y preguntarles acerca de su proceso de diseño para asegurarse de que tienen un buen sentido de cómo se enfoque el tipo de problemas que tendrá que pedir a ellos para resolver.

DISEÑO WEB MARBELLA MUSICA RELAJACIÓN YOUTUBE