Diseño minimalista: pros y contras

Esto es lo que pasa con el diseño minimalista: cuando lo haces bien, es absolutamente hermoso. Cuando lo haces mal, es horrible por exactamente las mismas razones. Hacerlo bien es un acto de equilibrio, en realidad, de solo un puñado de elementos de diseño.

Al igual que muchas obras de arte y diseño, puede ser necesario un buen ojo para distinguir la diferencia entre algo que simplemente funcionará y algo que simplemente no .

Y son aquellas cosas que simplemente no funcionan las que desea evitar en su diseño web. Si estás trabajando hacia el minimalismo y quieres que tu sitio genere un " ooh" de los visitantes en lugar de un " eww" , te cubro con muchas de las cosas que debes hacer (y muchas de las que no debes). .

Qué hacer: ¡Usa color!

La gente tiende a pensar que el diseño minimalista es monocromático, o peor aún, blanco y negro y / o escala de grises.

No no no. No.

El diseño minimalista no se trata, casi paradójicamente, de tener muy poco; se trata de maximizar muy poco. Tu intención debe ser aprovechar al máximo lo poco que tienes.

Eso significa que cuando se trata de colores, debes ... usar color. Eche un vistazo a este ejemplo de Epoch Design:

El uso del color aquí es mínimo, pero el diseñador ha maximizado su uso para asegurarse de que lo vea.

Y aquí, de Boorbool:

El fondo de duotono llamativo y memorable, pero no te golpea en la cara.

No: ¡Use TODO el color!

En el otro lado de esos encantadores diseños, los minimalistas albergan muchos impulsos oscuros para usar todos los colores, solo reemplazando la limpieza de sus diseños con casi todos los tonos del espectro.

De acuerdo, tal vez no sea tan malo, pero el uso excesivo del color con otras estéticas minimalistas puede distraer increíblemente y ser contraproducente.

Como Rogue + Co., intentan utilizar las líneas limpias del minimalismo y los tamaños de tarjeta asimétricos para llamar la atención del usuario. Pero agregaron colores superfluos a todo y luego lo animaron sin ninguna razón. Aleja al usuario del contenido, en lugar de atraerlo.

Lo contrario del diseño minimalista, eso es.

Y luego está Bolden, que entiende totalmente el minimalismo. Excepto por el color. Demasiados colores y tratar de ser demasiado inteligente hizo que tuvieran que agregar una animación superflua. Tienes que pasar el mouse sobre las esquinas de la pantalla para ver el texto.

Eso no es mínimo, ¿verdad?

Hacer: usar animación

Verás, esas animaciones de arriba ... no importan. No agregan nada al sitio web. Pero los gráficos de cine como el uso de Rogue & Co pueden funcionar; solo necesitan mejorar el sitio, no saturarlo.

En su mayor parte, las micro interacciones funcionarán: un desplazamiento sobre un botón o un énfasis resaltado en una tarjeta. Incluso la carga, el desplazamiento o las animaciones de fondo que no son molestas pueden mejorar el diseño minimalista que está buscando.

El mayor obstáculo es asegurarse de que la animación se ajuste a su diseño. No se limite a agregarlos donde no pertenecen. Vea cómo el pie de página que se expande en nuestra página Divi atrae su atención a medida que se desplaza, pero no le resta valor a la forma en que usa la página.

No es sorprendente que Divi tenga una función incorporada para lograr este tipo de micro interacciones.

Hacer: usar espacios en blanco

Al igual que los toques de color, el espacio en blanco (o espacio negativo) puede ser una de las armas más útiles de tu arsenal. Por ejemplo, el medio absurdamente popular es casi todo espacio en blanco y funciona.

¿Y ve cómo se usa el único color para llamar su atención sobre los botones y enlaces que absolutamente necesita?

Existe un equilibrio en el uso eficaz de los espacios en blanco. Quiere equilibrar la legibilidad y la utilidad con un atractivo estético. Cuando se usa de manera efectiva, el espacio en blanco es increíblemente poderoso para hacer que su diseño minimalista sea memorable. toser Google toser toser

No: use ÚNICAMENTE espacios en blanco

En el extremo opuesto del espectro, el uso excesivo de espacios en blanco hace que el uso de su sitio sea casi inutilizable para los visitantes. Verá, el uso de espacios en blanco de Google destaca cómo quieren que use el sitio: escriba algo en el cuadro.

Sin embargo, si su uso de espacios en blanco no dirige al usuario al propósito de su sitio o no lo hace tener una mejor experiencia en su sitio, es posible que necesite elementos más explícitos para dirigirlo.

Por ejemplo, Thru You Too es un proyecto increíble. Pero me tomó mucho tiempo descubrir cómo usarlo (tienes que colocar el cursor sobre el texto grande en el centro, lo cual no hice porque estaba dibujado en la esquina superior derecha). Si bien la navegación es simple cuando la obtienes, el espacio en blanco no me dirigió allí.

Hacer: usar fuentes apropiadamente impresionantes

Una cosa en la que se basa casi todo el diseño minimalista es en el uso efectivo de las fuentes. Elegir el tipo de letra adecuado para su sitio es la forma en que muestra su personalidad y la de su producto o empresa.

Entonces, desea una fuente que rezuma la identidad de su marca desde el momento en que la gente la ve. Líneas limpias con letras elegantes. Bordes rugosos y tal vez algunas pinceladas. Elegante y con clase. Sea lo que sea lo que esté buscando, asegúrese de elegir una fuente que coincida.

Mira Squarespace, por ejemplo. Sabes exactamente qué esperar de su empresa con solo mirar el formulario de registro y las fuentes utilizadas. Limpio, simple y claro. Exuda la elegancia que anuncian, principalmente a través de la fuente que eligieron. (Porque ese es realmente el único elemento de diseño que puede ver aquí).

Y la gente de Folks va por una sensación de gente, así que definitivamente encontraron una fuente que se siente bien. Su audiencia es evidente, al igual que su opinión sobre sus productos. Y no se indica explícitamente.

No utilice fuentes INAPROPIADAMENTE impresionantes

En el extremo opuesto de ese espectro, elegir una fuente que sea demasiado negrita puede generar un golpe incorrecto. Todos quieren que su sitio sea único y se destaque. Pero no quiere que se destaque por razones equivocadas.

Imagínese buscar una línea de crisis para ayudar a un miembro de la familia necesitado y encontrar un sitio que se vea así:

¿Qué pasa con un médico que quería asegurarse de que usted supiera que ella era la mejor opción para salvarle la vida?

O si estaba buscando un diseñador web fantástico y contemporáneo y todo lo que vio fue esto:

Bien, no pude resistirme a una excavación de Comic Sans. Demándame. Pero entiendes mi punto: la elección de la fuente es importante. Especialmente cuando estás usando un diseño minimalista porque tu elección de tipo de letra puede ser la mayor parte del diseño.

¡Avanza y minimiza!

Y también minimiza, pero ese es un artículo totalmente diferente. #amadeluz

Dejando de lado las bromas, recuerde que el color, las tipografías y el espacio negativo son una especie de fundamentos del diseño. Solo tienes que practicar la discreción para que los uses correctamente. Siempre que hagas lo que te digo, no lo que yo no hago cuando se trata de diseño minimalista, no deberías tener nada de qué preocuparte.

¿Cuáles son sus pautas cuando diseña sitios minimalistas?

Miniatura del artículo de Boo-Tique / shutterstock.com