¿Cómo eligen los diseñadores las formas en un diseño?

Muchas veces, al navegar por sitios como Dribbble, uno se encuentra con sitios que usan formas. Por ejemplo, este:

este ejemplo

Perdón por ser ingenuo, pero ¿hay alguna razón para elegir una forma en particular o es solo porque está de moda? ¿Cómo afecta la experiencia del usuario?

Un par de puntos de interés. Uso mucho los círculos porque crean una sensación de integridad: uno de los primeros símbolos de DIOS es un círculo sobre un triángulo equilátero. Como patrón, pueden ser uniformes creando una sensación de orden o aleatorios y divertidos. Eche un vistazo a Jamie Reid y el movimiento punk británico: usó bordes irregulares y formas discordantes para enfatizar la rebelión y el descontento político. Y tenga cuidado con las referencias masónicas como la pirámide, el pentagrama y el ojo único: existen y se implementan para reconocer la influencia: goo.gl/4L7XHP

Respuestas (3)

En realidad, puede haber una gran cantidad de pensamiento puesto en tal uso, mucho más allá de la preferencia personal o alguna directiva del cliente.


Estilo

  • Si sabe que quiere una "sensación" más amigable y suelta, entonces elegiría formas más redondeadas.
  • Si desea una apariencia más corporativa y seria , se inclinaría por las esquinas, los triángulos y, en general, las formas de líneas duras.

Colocación

La ubicación y la posición se pueden ordenar a través de la psicología del movimiento ocular en un diseño o la jerarquía visual en un diseño.

  • Si quieres un estado de ánimo feliz y alegre, dirige la mirada hacia arriba y hacia la derecha...
  • Si desea un estado de ánimo más serio e infeliz, dirija la mirada hacia abajo y hacia la izquierda.

Ese tipo de opciones de diseño pueden tener en cuenta dónde se colocan las formas.

De la misma manera que el color cambiará la percepción de un diseño, también lo hará la ubicación y el uso de estas "formas" o elementos de diseño.


Equilibrio

A menudo, los elementos gráficos generales pueden ser excelentes herramientas para mejorar el equilibrio general de un diseño.

Mirar la página sin las formas crea una pieza estática, no dinámica, con muy poco movimiento ocular. Que luego está algo desequilibrado debido a la posición del gráfico de gráfico grande en comparación con el bloque de texto al lado (los márgenes de página están notablemente desequilibrados).

ingrese la descripción de la imagen aquí

Para crear una apariencia un poco más "amigable", agregue algunas formas redondeadas y utilícelas para compensar el desequilibrio del margen en la parte superior del diseño. Esto también permite que el gráfico del gráfico sea más grande sin que visualmente parezca tener un tamaño "incorrecto". Si fuera mi diseño, podría jugar con las curvas en el "2" y el "3", ya que son curvas prominentes existentes, intentando imitar o repetir esos arcos para las formas superiores derechas. (La repetición puede fomentar la continuidad y la cohesión dentro de un diseño).

ingrese la descripción de la imagen aquí

Sin embargo, ahora la pieza está terriblemente desequilibrada. Por lo tanto, al agregar una forma adicional para compensar la esquina superior derecha, se hace mucho para reequilibrar la pieza en general. Teniendo en cuenta que es preferible un movimiento hacia arriba a la derecha, la curva de la forma izquierda puede ser completamente intencional para crear la combinación casi similar a una flecha de las formas verdes. Además, los degradados en las formas verdes promueven aún más un movimiento ascendente hacia la derecha.

ingrese la descripción de la imagen aquí

Así que el diseñador de esa pieza es....

  • usando formas redondeadas para ser más atractivo en general.
  • dirigiendo la mirada hacia arriba y hacia la derecha para promover buenos sentimientos...
  • use formas adicionales para crear un equilibrio general dentro del diseño mientras promueve el movimiento de los ojos.

Agregue a esto las figuras de alto contraste (rojas) en la parte superior que miran hacia la izquierda...

Así que... la lectura en inglés es de izquierda a derecha, de arriba a abajo... el ojo sigue la derecha y hacia abajo mientras lee. Pero luego se dibuja naturalmente hacia la parte superior derecha a través de las formas... luego las figuras rojas dirigen sutilmente el ojo hacia la izquierda para comenzar a leer de nuevo... por lo que el ojo está realmente dirigido en ese diseño en un intento de maximizar el tiempo. alguien pasa viendo la página.

Este tipo de decisiones de uso y ubicación vienen con la experiencia y la exploración.

Los elementos aparentemente aleatorios pueden no ser aleatorios en absoluto... pueden servir para propósitos importantes incluso si el lector/espectador no sabe exactamente cuál puede ser el propósito.

Esto probablemente se cerrará a martillazos, pero en breve; las formas básicas, círculos, cuadrados y rectángulos son invaluables como elementos fundamentales del diseño.

Las formas y las curvas pueden proporcionar sentimiento y emoción al diseño. Un taco rizado se siente tan diferente a un ángulo recto.

Un círculo o una mancha como motivo de diseño sugiere armonía de la forma más sencilla. Sin embargo, existe una fuerte tendencia de diseño hacia estructuras y rejillas complejas.

Alternativamente, y como respuesta, existe una fuerte tendencia hacia la simplicidad y las formas naturales fundamentales.

En los 90's se decía que renunciaron a la grilla por el blob pero hoy en día vemos un híbrido.

Como nuestras pantallas son rectángulos, las curvas y los círculos en la pantalla crean un diálogo dinámico entre las formas.

Esto está muy basado en opiniones, pero:

  • muchas veces estas 'formas' se derivan del logotipo real y/o son parte de un sistema de marca. p.ej. El sistema de rombos de Vodafone
  • otras veces podrían ser solo elementos de tendencia
  • otras veces son los clientes los que no pueden comprar nada demasiado 'simple' y sienten que deberían comprar algo más 'creativo', por lo que los diseñadores tendrán que pensar en estas cosas solo para llenar un espacio en blanco.
En su tercer punto: hoy discutí el diseño de la portada de un libro con nuestro interno: su configuración básica de "Título, autor, imagen". Pregunté si había "espacio o motivo" para un elemento gráfico, pero como había una buena relación espacial entre los elementos, coincidimos en "no, no aportaría nada al diseño". ¡Pero con suerte ese cliente no tiene "miedo" al espacio vacío!
Ese tercer punto es muy cierto.