Esta es la razón por la cual la geometría hace diseños web de asesinos

Oh, hombre, ¿alguien recuerda que sucedió con el curso de geometría en ese momento? ¿Cualquiera? ¿Cualquiera? ¿Bueller? ¿Está esto en esto? De acuerdo, tal vez estaba en minoría. De todos modos, como con muchas otras cosas que me gustaron en esa edad hace mucho tiempo, me despierto para preguntarme cuán práctica fue estudiar la geometría primero. Quiero decir, ¿cuándo alguno de nosotros lo usa en nuestras vidas, profesionalmente o personal? Bueno, si las tendencias de diseño de 2017 son una pista para algo, la geometría definitivamente hará una jugada para mi corazón (y con suerte).
Antes de perderte (porque estoy bastante seguro de que la mayoría de las personas odiaban la geometría), permítame compartir rápidamente esta cita de Jason Mraz: “Lo llamo geometría sagrada. Cuando todo está bien y se siente realmente equilibrado, de modo que cuando se lleva a cabo en la siguiente parte, te sientes completamente familiar y a gusto en la canción “. Bien, entonces Mraz obviamente está hablando de una canción porque es músico, pero la misma esencia también se aplica al diseño web cuando lo piensas. Hay una sensación de equilibrio, un flujo natural de un lado a otro y también una sensación de facilidad. Estos son todos los objetivos que tenemos en mente cuando diseñamos una experiencia para la web, ¿verdad?
Entonces, si sabemos que la lógica, el orden y la familiaridad de la geometría son algo que funciona tan bien en nuestra naturaleza de las personas, ¿por qué no usarlas? Con toda sinceridad, probablemente ya use geometría en el trabajo de diseño, lo sepas o no. Lo que quiero hacer hoy es ayudarlo a aprovechar esta “nueva” tendencia de diseño. ¿Por qué deberíamos usar la geometría de diseño web? La geometría es: “Una rama de las matemáticas que trata la medición, las propiedades y las relaciones de puntos, líneas, ángulos, superficies y sólidos”. Suena mucho como un diseño web, ¿verdad? Después de todo esto:
Las medidas te ayudan a jugar en el espacio correcto.
Las propiedades de los elementos le brindan la oportunidad de hacer que diferentes partes de un sitio aparezcan cuando las necesita.
Las relaciones lo ayudan a establecer una jerarquía entre varios elementos.
Esto es algo que ya haces. Ahora entendemos mejor por qué detrás de todos. ¿Qué es la geometría de diseño web? El elemento más elemental en la geometría es el punto (en principio, un punto):
Los puntos se utilizan en el diseño web para concentrarse directamente. Pueden ser esferas literal como en el ejemplo anterior o pueden ser un botón de urgencia bellamente diseñado, que tiene el mismo efecto en los visitantes.

Las filas siguen. Se pueden usar para conectar dos puntos separados para establecer una relación entre los dos o pueden usarse para atraer a los visitantes a otro lugar más relevante.
Entonces, por supuesto, tienes formularios, que creemos que es la mayoría de nosotros cuando pensamos en la geometría. Círculos, cuadrados, triángulos, etc.

Aunque los formularios son la parte más fácil de reconocer la geometría, su diseño web no siempre debe ser tan simple. Se pueden usar en primer plano o en el fondo de un diseño.

Pueden estar vacíos, llenos o parcialmente llenos.
Pueden existir en una dimensión (como una línea), dos dimensiones (como una forma plana) o tres dimensiones (como una forma que existe en varios planos).
Se pueden usar en la planificación (piense en alambre y cuadrículas), así como elementos de un diseño real.
Pueden ser elementos o transiciones permanentes o animaciones de aprobación.
Las formas geométricas también pueden servir como base para otros elementos en su diseño: fuentes, fotos, logotipos, iconos, etc.
Tenga en cuenta que solo porque la geometría tiende a ser organizada y de naturaleza simplista, esto no significa que no sea antes de la creatividad. Puede hacer giros únicos una vez que comprenda el significado detrás de los diferentes elementos.
Los beneficios del uso de la geometría de diseño web hay una serie de razones por las cuales su curiosidad debe despertarse cuando se trata del uso de la geometría de diseño web:
Las formas y líneas geométricas establecen una sensación de simetría y equilibrio, lo que hace que los sitios web sean más fáciles de seguir.
La geometría es bien adecuada en un estado organizado en el que cada elemento cae entre sí o en cierto orden. Hay algo que nace calmando.
La geometría también es excelente para establecer la consistencia y la repetición en el diseño, lo que ayuda a capacitar rápidamente las mentes de los visitantes para hacer ciertas asociaciones con esos elementos.
Las formas geométricas se pueden usar solas o entre sí y también se pueden llenar, describir o colorear de manera interminable. La forma en que mezcla y combina estos elementos es lo que le dará a su diseño una ventaja única y hermosa. Los elementos geométricos más fuertes podrían ser todo lo que es necesario para darle a su contenido un aspecto dramático importante, mientras que todo lo que los rodea es mucho más simple.
La geometría funciona bien con el minimalismo, especialmente si los usa sutilmente como texturas en el fondo.
Las formas geométricas también ayudan a establecer la estructura básica de su sitio, ya que todo comienza con una cuadrícula (generalmente muchos cuadrados, rectángulos o triángulos).
Cada forma geométrica tiene una importancia incorporada, ya sea que seamos activamente conscientes de ello o no. Es como colores. Comprendiendo la psicología detrás de la forma en que nos hacemos sentir, podemos usarlos de manera más eficiente en el diseño. P.ej:
rectángulo o cuadrado
Con cuatro lados estables y cuatro ángulos consecutivos, estas formas generalmente se asocian con confiabilidad, tradicionalismo y honestidad. También son los más formales del grupo. Estos son excelentes para exhortaciones, cuadros de texto, así como para la estructura básica de su sitio en general. Circulo
Los círculos representan la unidad y todo. Si desea hacer una declaración fuerte y segura con su diseño web, mire aquí. Estos se pueden usar en logotipos, iconos y elementos más pequeños que requieren énfasis adicional. Triángulo
Los triángulos son similares a los rectángulos por el hecho de que cada uno de sus bordes se considera que proporciona una base estable. Sin embargo, el significado detrás de esta forma es ligeramente diferente, porque la apariencia natural de su pico de flecha a menudo implica una sensación de movimiento o dirección. Estos son perfectos para que las indicaciones direccionales anuncien cuando abre un menú, para regresar a la parte superior de la página , busque más información, etc. Diamante

El rombo no es necesariamente un elemento que ves mucho en el diseño web, por lo que puede dejar una impresión tan duradera cuando lo haces. Utiliza esas líneas continuas; Sin embargo, el cuerpo en sí está inclinado y crea una sensación de movimiento similar al triángulo. Funcionan bien en los fondos, así como cuando tiene bloques de texto asociados u otros elementos que deben funcionar entre sí.

Hexágono

Esta figura de seis lados es otra forma rara en el diseño de la web, aunque vemos que ahora se usa con más frecuencia para transmitir una sensación de unidad.
Estos son excelentes para las páginas de perfil del equipo o empresa. Obviamente, hay otros polígonos y formas naturales que se pueden usar en el diseño de la red, pero estos son los más comunes y tienen un propósito claro en la parte posterior. Ejemplos inspiradores de geometría en el diseño web hoy ahora, en lugar de pasar tiempo hablando sobre cómo puede obtener incluso en las aplicaciones matemáticas de la geometría del diseño (porque sería exagerado), preferiría centrarme en su apariencia práctica. Hay algunas cosas muy interesantes con diseño geométrico en este momento y creo que estos sitios web extremadamente estilizados podrían servir como una gran inspiración. Algunos de mis favoritos: #1. El grupo Aark

Sitio web de Aark Collective.
En la primera entrada en la página del producto en el sitio web de Aark Collective, notará que sus relojes son casi surrealistas, como si no hubiera relojes. Una vez que pase el mouse sobre ellos, obtendrá un ángulo de vista lateral y se dará cuenta de que no son las formas bidimensionales geométricas que parecen inicialmente ser a primera vista. #2. Andrei Gorohov

Sitio web del diseñador Andrei Gorokho.

El sitio de cartera para el diseñador UX Andrei Gorokhov está lleno de hexágonos. Todo el sitio web en realidad está cubierto por hexagoons lado a lado; Los que el diseñador quiere hacer clic primero en color están coloreados, y los que quiere ver más está ligeramente sombreados. Es una muy excelente manera de usar el mismo elemento geométrico en todo el sitio, sin parecer demasiado abrumador o incluso decepcionante.
#3. Construido por Buffalo

El sitio web creado por Buffalo.
El sitio construido por Buffalo es muy ruidoso. En su mayor parte, son huesos bastante vacíos, aparte de usar formas estrictamente geométricas. Cambian entre hexágonos y círculos para mostrar sus contenidos y usan la misma línea delgada en todo el sitio para probar cuándo hay un descanso de sección. Es un excelente ejemplo de la forma en que el uso constante del mismo elemento de forma o línea ayuda a los visitantes a familiarizarse fácilmente con lo que están buscando. #4. La casa web 3D 3D.

Dada cómo trabajan los diseñadores de casas en 3D para bienes raíces y arquitectura, es lógico que su sitio utilice elementos geométricos pesados ​​en él. Demuestra que hablan el mismo idioma que sus clientes, que se basan en líneas limpias, simetría y espacios bien planificados que van con geometría en su trabajo diario. #5. Cocina de diseño
Diseño de sitio web de cocina.
El sitio web de diseño de cocina utiliza un aspecto cuadrado limpio y simple para mostrar constantemente su contenido en la mitad inferior de su sitio. Además, incluyeron esta sutil superposición de las líneas diagonales que tienen lugar desde la parte superior del sitio, creando esta interesante textura. Creo que este sitio sirve como un excelente ejemplo por qué la geometría no debería exagerarse para ser creativa. #6. En Mulade

El sitio en Moulade.
Soy un gran admirador del sitio La Moulade, porque utiliza muchas tendencias diferentes del diseño web, sin sentir que exagera. Por ejemplo, hay muy poco trastorno que evite digerir su contenido. También tienen algunas animaciones divertidas allí. Sin embargo, para el propósito de este artículo, La Mulade tomó formas geométricas y las usó para crear una sensación retro. Los ángulos agudos de 90 grados se encuentran en todas partes, pero constantemente se mueven y no siempre se alinean como esperas. #7. Lacasite lacca.

Realmente no hay nada sobre lo que Lake ha hecho con el diseño de su sitio, pero encontrará ejemplos interesantes de formas geométricas en todas partes. Comience con su logotipo, por ejemplo. La letra “A” que se encuentra dos veces en su nombre es realmente elegante como un triángulo. Todas sus fuentes de encabezado estilizadas en realidad tienen una sensación geométrica similar a ellas. Y el sitio web está compuesto por varios rectángulos, todas las formas diferentes, que provienen de diferentes direcciones. #8. Mokhtar Saghafi
Sitio web del diseñador UI/UX Mokhtar Saghai.

Esta es la primera instancia que encontré sobre un sitio web que utiliza el rombo como la forma geométrica principal y me gusta. Mokhtar Saghai es un diseñador de UI/UX, por lo que no debería sorprender que haya elegido una forma menos utilizada para construir su sitio o que lo usó como Peekaboo. #9. WPMU Dev
La página inicial de WPMU Dev presenta muchas formas.

¿Alguien ha notado que el sitio web de WPMU utiliza figuras geométricas? En las páginas internas, la mayoría de ellos consisten en rectángulos que albergan videos, imágenes y cajas de información. Sin embargo, la página inicial es el lugar donde su geometría realmente brilla. ¡Esta es la primera vez que veo un sitio web que usa un trapecio y está muy bien hecho! No solo cada caja trapezoidal se ajusta al siguiente, sino que cada uno viene con su propio color único, para que nunca se confunda sobre dónde se encuentra o qué vea. La conclusión de la geometría se puede encontrar en todas las cosas, incluida la naturaleza. Piense en algo similar al diseño hexagonal de un panal. Solo tiene sentido que nos gustaría tomar elementos bien estructurados que se puedan encontrar en la vida cotidiana y moverlos a nuestro mundo digital. Nuestro público los reconoce instantáneamente (no importa cuán sutiles se incluyan en el diseño) y tenga un simbolismo tan fuerte, que puede transmitir mucho sobre su sitio sin decir una sola palabra. ¿Crees que el diseño geométrico estará desactualizado? ¿Por qué o por qué no?
Etiquetas:

diseño
formas

geometría
organización

simetría