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


9

Muchas veces, mientras navega por sitios como Dribbble, uno encuentra sitios que usan formas (vea este ejemplo ). Perdón por ser ingenuo, pero ¿hay alguna razón para elegir una forma particular o es solo porque está en tendencia? ¿Cómo afecta la experiencia del usuario?


Un par de puntos de interés. Utilizo mucho los círculos, ya que 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 un sentido de orden o aleatorio y juguetón. Echa un vistazo a Jamie Reid y al movimiento punk británico: utilizó 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
Applefanboy

Respuestas:


15

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 sabes que quieres una "sensación" más amigable y suelta, entonces irías con formas más redondeadas.
  • Si desea una apariencia más corporativa y seria , se inclinará hacia las esquinas, triángulos y generalmente formas de línea dura.

Colocación

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

  • Si desea un estado de ánimo feliz y alegre, dirija el ojo hacia arriba y hacia la derecha ...
  • Si desea un estado de ánimo más grave e infeliz, dirija el ojo 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 colocación y el uso de estas "formas" o elementos de diseño.


Equilibrar

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. Lo que luego está algo desequilibrado debido a la posición del gráfico de gráfico grande en comparación con el bloque de tipo al lado (los márgenes de la 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 úselas para compensar ese desequilibrio de 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 parezca visualmente de tamaño "incorrecto". Si fuera mi diseño, podría jugar con las curvas en "2" y "3", ya que son curvas prominentes existentes, intentando imitar o repetir esos arcos para las formas superiores derecha. (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. Entonces, al agregar una forma adicional para compensar la esquina superior derecha, se hace un gran esfuerzo para reequilibrar la pieza en general. Teniendo en cuenta que es preferible un movimiento de arriba a la derecha, la curva de la forma izquierda puede ser completamente intencional para crear la combinación casi en forma de flecha de las formas verdes. Además, los gradientes en las formas verdes promueven aún más un movimiento ascendente hacia la derecha.

ingrese la descripción de la imagen aquí

Entonces el diseñador de esa pieza es ...

  • usando formas redondeadas para ser más atractivo en general.
  • dirigiendo la vista 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 (rojo) en la parte superior que están orientadas a la izquierda ...

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

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

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


5

Probablemente esto se va a cerrar 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 sensación y emoción al diseño. Una señal rizada se siente tan diferente que un ángulo recto.

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

Alternativamente, y en respuesta hay una fuerte tendencia hacia la simplicidad y las formas naturales fundamentales.

En los años 90 se decía que renunciaron a la red para el blob, pero hoy en día vemos un híbrido.

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


4

Esto está muy basado en la opinión pero:

  • muchas veces estas 'formas' se derivan del logotipo real y / o son parte de un sistema de marca. p.ej. Sistema de rombos de Vodafone
  • otras veces podrían ser solo elementos de tendencia
  • otras veces son los clientes quienes no pueden comprar nada demasiado 'simple' y sienten que deberían estar obteniendo algo más 'creativo', por lo que los diseñadores deberán idear estas cosas solo para llenar un espacio en blanco

En su tercer punto: hoy discutí un diseño de portada de libro con nuestro interno: su configuración básica de "Título, autor, imagen". Pregunté si había "espacio o razón" para un elemento gráfico, pero como había una buena relación espacial entre los elementos, estuvimos de acuerdo con "no, no agregaría nada al diseño". ¡Pero con suerte ese cliente no tiene "miedo" al espacio vacío!
usr2564301

Ese tercer punto es muy cierto.
AndrewH
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.