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?
website-design
interface-design
design-principles
user-experience
Nisha Changrani
fuente
fuente
Respuestas:
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
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.
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).
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).
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.
Entonces el diseñador de esa pieza es ...
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.
fuente
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.
fuente
Esto está muy basado en la opinión pero:
fuente