La forma en que la gente ver nuestros diseños afectan fuertemente la sentido que les quiten. El Principio Gestalt examina este fenómeno; Como tal, es uno de los principios fundamentales que todos y cada uno de los diseñadores web deben tener en cuenta al pasar por el proceso de diseño. También examinaremos cómo la comprensión gestalt mejorará su propio flujo de trabajo!
Tratar de idear un diseño bueno y creativo puede parecer fácil para alguien que ha asistido a una escuela de diseño, pero para el 90% de los diseñadores web que nunca asistieron a ningún curso de diseño o escuela proveniente principalmente de desarrollo o, en general, no de diseño. antecedentes. La pregunta sigue siendo ... ¿qué define realmente un buen diseño web? ¿Es solo talento? Una persona que posee algún tipo de ojo "especial" que sabe qué funciona y qué no? ¿O hay una lógica y una metodología científica detrás de todo esto que puede guiar a los diseñadores, críticos e incluso clientes a crear un gran diseño?.
Esto es parte de una serie de artículos de teoría del diseño que lo guiarán a través de los principios básicos del proceso de diseño. Nos centraremos en las ideas fundamentales más importantes que pueden hacer grandes diferencias en el diseño final..
Gestalt es una palabra alemana que significa "esencia o forma de la forma completa de una entidad", y esta definición única puede ser una de las reglas de diseño más importantes..
La mayoría de las veces, los diseñadores tienden a centrarse en los detalles del diseño web en lugar del aspecto general. Se centran en bordes curvos, sombras, fuentes ... etc. Todo eso es bueno, pero puede que realmente no haga ninguna diferencia si al cliente no le gusta el diseño a primera vista, lo que la mayoría de la gente no entiende es que el cerebro primero ve el La forma general de cualquier diseño, luego comienza a enfocarse y ver los detalles ...
Echa un vistazo a esta imagen de ejemplo ...
A primera vista, vería un par de cabezas de personas mayores, pero si observa más de cerca, comenzará a ver los detalles (que algunas personas ni siquiera notarán al principio) que conforman estas imágenes y comienza a ver una imagen totalmente diferente..
Ahora probemos algo para ver cómo los detalles realmente no importan, eche un vistazo a estos 2 ejemplos:
A primera vista estas 2 imágenes pueden parecer idénticas; sin embargo, hay 5 diferencias sutiles en los detalles que tienen un impacto muy pequeño en todo el "diseño"
Ahora, ninguno de estos cambios realmente tuvo ningún impacto en el aspecto general de la imagen ... veamos otro ejemplo común:
Estas son 2 versiones de Volkswagen Beetle, los modelos de 1937 y 1973, y, a pesar de varios cambios importantes en los detalles de diseño durante 4 décadas, el diseño esencialmente sigue siendo el mismo. Esto se debe a la forma en que funcionan nuestros cerebros, vemos imágenes completas y definimos toda la forma mucho más rápida y fácilmente que ver o notar cambios en los detalles..
Si miramos la imagen de arriba, que muestra a un perro dálmata olfateando el suelo a la sombra de los árboles que sobresalen. No se reconoce al perro identificando primero sus partes (pies, orejas, nariz, cola, etc.) y luego deduciendo al perro de esas partes componentes. En cambio, el perro es percibido como un todo, todo a la vez..
Lo mismo sucede con cada diseño de sitio web que creamos, el diseño nunca se percibe al identificar sus partes (Encabezado, Navegación, Contenido, botones, pestañas, etc.), el diseño se percibe como un todo a primera vista..
Cuando regresé a la universidad, uno de mis profesores resumió esto en una oración simple y dijo: "Si ves un diseño, me gusta, y luego decides trabajar para ajustar los detalles, entonces sabes que es un buen diseño, sin embargo, si comience a ajustarse primero para intentar que le guste ... entonces sabe que es un mal diseño ... no pierda el tiempo tratando de arreglarlo ... solo cámbielo por completo ", este profesor entendió la llave mágica en cualquier diseño ... nosotros Ve las cosas como un todo, no como la suma de sus partes..
Pídale a cualquiera en el mundo que dibuje el Big Ben o la Torre Eiffel o las Pirámides de Giza ... todos estarían de acuerdo en la forma general de cada punto de referencia, ya que de manera diferente podemos ver estos puntos de referencia (visitas, en fotos, en una película, en una folleto de viaje ... etc.) todos vemos la misma forma definitoria.
A continuación se muestran algunos ejemplos web y sus respectivas siluetas de diseño. La vista de silueta es lo que el cerebro identifica como la forma de la página. Tratar de cambiar cualquier otra cosa que no sea la forma principal resultará, más o menos, en el mismo diseño ... y regresar a su cliente con el mismo diseño después de haber solicitado cambios hará que el cliente sienta que no se ha hecho nada..
… El diseño se verá igual hasta que hayas cambiado la gestalt estructural..
Se sorprenderá de cuántos diseñadores cometen este error y se preguntará por qué el cliente todavía odia un diseño o siente que no se ha cambiado o agregado nada, a pesar de que han trabajado incansablemente para mejorar los elementos individuales..
Muy bien, echemos un vistazo a algunos diseños y sus siluetas:
Por lo general, seguir el diseño seguro y generalmente cuadrado (como en los 4 diseños inferiores de los ejemplos anteriores) resultará en un diseño ordinario, nada muy creativo. Trate de experimentar siempre con el "contenedor que contiene" de su diseño. Intente girar la caja algunos grados o cortar y cambiar una de las esquinas ... todo esto se suma a la singularidad y creatividad de su diseño..
Siempre debe comenzar con el contenedor o la estructura estructural general de un diseño; Olvida los detalles y componentes individuales por ahora..
Cuando haya terminado, y usted y el cliente estén satisfechos con la estructura, tome sus tramas y comience a trabajar en los detalles. Te sorprenderás de cuántas veces un diseño termina como un armazón de alambre de un color limpio cuando comienzas desde adentro hacia afuera. Primero he visto a varios diseñadores trabajar en el encabezado y la navegación, luego comenzar a diseñar los componentes y, antes de que te des cuenta, tienes una página llena de contenido, bien empaquetada y con un color agradable, que puede ser desde una perspectiva de usabilidad bien colocada y correcta. Sin embargo, desde una perspectiva de diseño, nunca sería creativo ni destacaría..
Piense en su diseño como un maní cubierto de chocolate, si comienza con el maní, desde adentro hacia afuera, la capa exterior que todos ven (la capa de chocolate) siempre dependerá de la forma del maní y tendrá poco control sobre el resultado..
Sin embargo, si trata su diseño como un huevo de chocolate, primero trabaje en la capa exterior y le dé la forma que desee, ajustando su contenido interno para que coincida con la cáscara, entonces realmente no importa con qué la llene, el diseño siempre ser la forma de huevo que pretendías.