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 gran parte del arte y el diseño, puede ser necesario tener un buen ojo para notar la diferencia entre algo que simplemente funcionará y algo que simplemente no lo hará .
Y son esas cosas que simplemente no funcionan las que desea evitar en su diseño web. Si está trabajando hacia el minimalismo y quiere que su sitio obtenga un ooh de los visitantes en lugar de un eww , lo tengo cubierto con mucho de lo que debe hacer (y mucho de lo que no debe) .
La gente tiende a pensar que el diseño minimalista es monocromático o, peor aún, en blanco y negro y/o en 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 veas.
Y aquí, de Boorbool :
El fondo de duotono llama la atención y es memorable , pero no te da una bofetada en la cara.
No: ¡Use TODO el color!
Al 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 razón. Aleja al usuario del contenido, en lugar de atraerlo.
Lo opuesto al diseño minimalista, eso es.
Y luego está Bolden , que entiende perfectamente el minimalismo. Salvo por el tema del 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 de Rogue & Co pueden funcionar; solo necesitan mejorar el sitio, no abarrotarlo.
En su mayor parte, las micro interacciones funcionarán: pasar el cursor sobre un botón o resaltar una tarjeta. Incluso las animaciones de carga, desplazamiento o 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 llama su atención mientras se desplaza, pero no resta valor a la forma en que usa la página.
No es sorprendente que Divi tenga una función integrada para lograr este tipo de micro interacciones.
Hacer: usar espacios en blanco
Al igual que los toques de color, los espacios en blanco (o espacios negativos ) pueden ser una de las armas más útiles de su 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?
Hay un equilibrio en el uso efectivo de los espacios en blanco. Desea equilibrar la legibilidad y la utilidad con el 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. tos Google tos tos
No: use SOLO 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 resalta 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 hace que tenga una mejor experiencia en su sitio, es posible que necesite elementos más explícitos para dirigirlos.
Por ejemplo, Thru You Too es un proyecto increíble . Pero me tomó mucho tiempo descubrir cómo usarlo (tienes que pasar el cursor sobre el texto grande en el centro, lo cual no hice porque me atraía 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 impresionantes apropiadas
Una cosa en la que se basa casi todo el diseño minimalista es 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 ásperos y quizás algunas pinceladas. Elegante y con clase. Independientemente de lo que elija, asegúrese de elegir una fuente que coincida.
Mira Squarespace por ejemplo. Usted sabe exactamente qué esperar de su empresa simplemente mirando 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 puedes ver aquí).
Y la gente de Folks busca una sensación campechana, por lo 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 dice explícitamente.
No utilices Awesome Fonts INADECUADAMENTE
En el extremo opuesto de ese espectro, elegir una fuente demasiado negrita puede generar el tipo de impacto equivocado. Todos quieren que su sitio sea único y se destaque. Pero no quieres que se destaque por las razones equivocadas.
Imagínese buscar una línea de crisis para ayudar a un familiar necesitado y encontrar un sitio que se vea así:
¿Qué pasa con un médico que quería asegurarse de que supieras que ella era la mejor opción para salvar tu vida?
O si estaba buscando un diseñador web fantástico y contemporáneo y todo lo que vio fue esto:
De acuerdo, entonces 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 parte más importante del diseño.
¡Avanza y minimiza!
Y minify, también, pero ese es un artículo totalmente diferente . #iamadelight
Bromas aparte, recuerda que el color, las tipografías y el espacio negativo son elementos fundamentales del diseño. Solo tienes que practicar la discreción para que los utilices correctamente. Siempre y cuando hagas lo que 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