¿Cómo te sientes acerca del diseño asimétrico? Esa simple pregunta a veces puede provocar mucho debate entre los diseñadores. El diseño asimétrico puede ser una de las técnicas más complicadas para lograrlo, pero cuando se hace bien se obtienen diseños hermosos y atractivos.
Mientras que la definición de asimetría es la falta de simetría o igualdad entre dos mitades; no es una falta de equilibrio como algunos asumen erróneamente. Los diseñadores pueden usar la asimetría para crear equilibrio y armonía a pesar de que dos lados del diseño no se reflejan entre sí. Aquí es cómo empezar.
¿Por qué la asimetría?
La asimetría puede ser uno de los conceptos más impactantes en su kit de herramientas de diseño. Es una técnica que llama la atención y es interesante y estimulante.
Puede ser difícil de usar, por lo que algunos diseñadores se mantienen alejados de proyectos completamente asimétricos. Pero no tienes que hacerlo. Usar asimetría es algo que todo diseñador puede hacer; sólo se necesita planificación.
El mejor lugar para comenzar es mezclar y combinar conceptos simétricos y asimétricos dentro de un proyecto de diseño. Si divide el diseño en secciones más pequeñas, habrá partes que contendrán diferentes tipos de balances. (Piense en paneles en sitios de desplazamiento de paralaje o en el diseño de una imagen dentro del lienzo).
Piensa en por qué también estás usando asimetría. Saber lo que quiere lograr con los elementos visuales ayudará a determinar cómo utilizar mejor las técnicas para lograrlo. La asimetría es activa y llama la atención; Puede ser pesado pero natural. Y una vez que tengas algo en el lienzo, confía en tu instinto. ¿Se ve bien o se siente apagado?
Lograr el equilibrio es esa magia intermedia. Un buen diseño asimétrico incluye equilibrio para que ninguna parte del proyecto sea demasiado pesada para el resto. Puede crear equilibrio compensando elementos con espacio, creando énfasis con movimiento, entendiendo el peso, agregando enfoque con color y utilizando una cuadrícula para alineación y organización.
Usando el espacio
Uno de los lugares donde la asimetría está realmente empezando a florecer es en la tendencia de diseño minimalista. Con los diseñadores que utilizan tanto espacio, es fácil equilibrar un objeto o imagen simple con un fondo blanco u oscuro más grande.
El balanceo entre el espacio blanco o negativo, y los elementos en el diseño debe crear contraste. Esto dirigirá el movimiento del ojo a través del diseño.
Ejemplo: Ike Kligerman Barkley usa el equilibrio de alto drama para atraer a los usuarios. El tirón direccional de la imagen en la esquina inferior de la pantalla contra el nombre y la navegación en la esquina opuesta arrastra el ojo entre los elementos, casi desafiándose a no mirar. La imagen le da una idea de por qué ha encontrado el sitio web y el marco mínimo alienta a hacer clic en los enlaces.
Enfatizar el movimiento
Piense en un neumático rodando cuesta abajo. Inmediatamente puedes sentir el movimiento. Lo mismo sucede cuando diseñas este movimiento de forma asimétrica.
- El ojo se moverá naturalmente de la parte más grande y más pesada de la pantalla a la parte más clara.
- El ojo seguirá indicaciones direccionales, como una flecha o una forma que parece apuntar en una dirección particular.
- El ojo seguirá el camino de los ojos en la imagen de la pantalla, de modo que el usuario mire en la misma dirección y la persona en el diseño.
- El flujo direccional se desviará de izquierda a derecha, a menos que haya un fuerte tirón hacia otra dirección.
Ejemplo: Leen Heyne Fine Jewelry utiliza el movimiento para atraer la atención hacia el producto presentado. Las formas geométricas apuntan literalmente al ojo en la dirección correcta, mientras se crea la sensación de que la pulsera (o anillo) simplemente podría rodar de forma natural a través del lienzo. Esta influencia direccional también hace algo más: señala el uso de las flechas de navegación para pasar a la página siguiente.
Añadir Foco con Color
Los patrones de color asimétricos suelen ser altos en contraste y combinaciones de colores. Piense en tonos brillantes contra el negro o una fotografía en tonos que tenga una tipografía blanca en negrita en la parte superior. El alto contraste de color será el enfoque y el peso visual de partes específicas del diseño.
Combinaciones de color asimétricas se pueden crear utilizando la rueda de color. Opte por combinaciones de colores y combinaciones que quedan fuera de las reglas de color tradicionales para una sensación de asimetría. Considere los colores que rara vez se utilizan para el impacto. Use el color para resaltar y enfatizar otros elementos en el contorno asimétrico. El color funciona muy bien con elementos tales como formas geométricas, tipografía o incluso en el fondo para servir como un punto focal secundario para lograr el equilibrio.
Ejemplo: HLK Agency usa el color para tomar un diseño que es casi simétrico y te hace pensar de nuevo. El subrayado azul y el botón crean un enfoque simple con asimetría que se compara con el sutil menú de hamburguesas y los iconos de marca en las esquinas superiores.
No olvides la rejilla
Si bien no está utilizando una cuadrícula para crear imágenes espejo, sigue siendo una parte vital del proceso de diseño. Usar una cuadrícula para crear asimetría lo ayudará a lograr el equilibrio y la organización.
Considere cada elemento de la cuadrícula como lo haría con cualquier otro proyecto. ¿Las cosas descansan de cierta manera horizontal y verticalmente? ¿Hay un peso de compensación a cada lado del lienzo? De izquierda a derecha y de arriba a abajo.
Piense en la cuadrícula como una escala: para cada elemento que agregue a un lado, algo en el otro lado debe compensarlo. Para crear una asimetría inmediata, considere una cuadrícula de columnas con un número impar de columnas; en un lado de la cuadrícula, cree elementos que sean iguales al ancho de una columna, en el otro lado, doble.
Ejemplo: BrightByte Studio utiliza una cuadrícula de creación de columnas que mantiene los elementos alineados y organizados en una mezcla de elementos simétricos y asimétricos. (Pero lo primero que ve es el texto alineado a la izquierda en el centro de la pantalla. Este uso de una cuadrícula crea un equilibrio innato entre los elementos.Observe cómo la navegación hacia abajo y los enlaces de la parte superior de la página coinciden, así como el espacio ocupado por el texto principal y los elementos de navegación.
Crear peso
La asimetría está arraigada en la idea de que algo es tan? Pesado? que te atraerán a ella primero. Determine qué parte de su imagen tendrá ese peso visual. Puede ser una imagen o tipografía o incluso espacios en blanco.
Equilibre el elemento pesado con el contraste: un elemento más ligero, algo que capta la atención de los usuarios de una manera diferente. El peso funciona mejor cuando se combina con las otras técnicas anteriores para que el elemento ponderado no domine el diseño y lo lleve a través de él.
Ejemplo: Grúas de Cambridge utiliza una foto atractiva como el peso? del diseño. Está equilibrado por dos elementos, uno que tal vez ni siquiera note al principio. El texto más claro y el logotipo son significativamente más ligeros? que las personas en la imagen, haciéndote mirar de la gente al texto (también siguiendo el movimiento implícito de sus ojos). También se compensa con una navegación en columnas de think que ayuda a desplazarse por la pantalla.
Conclusión
La asimetría puede ser una técnica de diseño bella y armoniosa. Si bien las tendencias de diseño se han centrado en una gran cantidad de simetría recientemente, es probable que haya un cambio hacia algo de esto? ¿Desequilibrado? diseño equilibrado. Es visualmente intrigante y ayuda a dirigir a los usuarios a través de un diseño con sutileza.
La asimetría también tiene impacto y funciona especialmente bien como un concepto que se usa con simetría en el alcance de un proyecto completo. Experimenta con asimetría y enamórate de esta técnica de diseño dinámico.