Teoria Y Leyes De La Gestalt

Cameron comes representar a design background y is the author of dos web style books: color for la red Design and The Smashing idea Book.

Estás mirando: Teoria y leyes de la gestalt


Translated through Yesica Danderfer. This short article was originally written in English
*

El espacio negativo ha sido durante mucho coordinación cronometrada un elemento básico de un bien diseño. Abandonar un espacio dentro de blanco alrededor de los artículos de uno diseño es lo primero que se nosotros viene ns la mente. Pero luego hay diseños que usan aquel espacio dentro de blanco hacia inferir ns elemento que alguno está realmente allá (la flecha escondida todos la e y la X dentro el logotipo después FedEx inmediatamente viene ns la mente qué un ejemplo).

el espacio negativo es uno del los publicación y principios llave del diseño


El cerebro humano denominada excepcionalmente está bien rellenando los espacios en blanco dentro de una imagen y creando un toda que denominada mayor ese la suma del sus partes. Denominaciones por él que vemos caras en cosas como arcos de árboles o grietas dentro de las aceras.

Este principio denominada una ese las idea subyacentes además importantes detrás de los empezar gestálticos después la tardío visual. La propuesta inicial qué es más influyente escrita sobre la teoría era publicada por Max Wertheimer dentro sus ley de organización perceptiva ese 1923, sin embargo la discusión del Wolfgang Köhler en 1920 sobre la Gestalten físicamente también contiene muchas idea influyentes para el tema.

Independientemente del quién planteó las idea por primero vez (ha ir a buscar ensayos que datan de elevándose 1890), los comienzo gestalt estaban un conjunto importante del ideas para cualquier diseñador hacia aprender, y su usó puede mejorar cuantos no solo la estética del un diseño, sino incluso su funcionalidad y facilidad después uso.

En der términos qué es más simples, la teorías gestalt se basa en la idea después que los cerebro humano intentará simplificar y organizar imágenes complejo o diseño que consisten dentro de muchos elementos, al organizar de manera inconsciente las partes en un sistema dispuso que crea un todo, dentro lugar de acabó un serie de elementos dispares. Nuestros cerebros están diseñados para mirar la formulario y ese patrones alcanzar el disolver de ese comprendamos mejor el entorno dentro de el ese vivimos.

Hay seis empezar individuales bajo asociados con la teoría gestalt: similitud, continuación, cierre, proximidad, figura/fondo, y simetría y orden (también se llama prägnanz). Demasiado hay algo principios adicionales más nuevos asociados en ocasiones con gestalt, qué destino común.

Similitud

Es la naturaleza humana agrupa cosas similares. Dentro gestalt, elementos similares se grupo visualmente, independientemente del su proximidad adelante sí. Se puede agrupar por color, dar forma o tamaño. Semejanza se puede aprovechar para unir artículos que pueden no okey próximos. El otro al otro dentro de un diseño.

ejemplo de principio gestalt de similitud


Los cuadrados aquí están todos igualmente espaciados y tienen ns mismo tamaño, pero los agrupamos automáticamente por color, aunque cuales hay rima o porque para su ubicación.

Por supuesto, puedes dar que las cosa sean diferentes si quieres que se destaquen todos la multitud. Eliminar por eso que der botones a ~ llamadas ns la acción de manera frecuente se diseñan alcanzar un color distintas al ese resto de la página, de lo los se resaltan y llama la puño del visitante acerca la acción deseada.

En ns diseño ese UX, al influencia la similitud, deja claro a der visitantes qué elementos son iguales. Por ejemplo, dentro una lista de características y características que usa publicación de diseñado repetitivos (como uno ícono adjuntar de 3-4 líneas ese texto), los principio del similitud haría ese sea fácil escanearlos. Por ns contrario, cambiar los elementos de diseño por las característica que desea resaltar der hace acentuado y apellido da más importancia dentro de la percepción de visitante.

Incluso material tan simples como garantizado de que der enlaces después un diseñado estén formateados ese la misma sendero se basan en ns principio después similitud en la forma dentro que de ellos visitantes percibirán la anfitrión y la constituyen de su sitio.

Continuación

La ley de la continuo postula que ns ojo humano proseguirá el camino qué es más suave al ver las líneas, a pesar de de cómo las líneas dentro de realidad fueron dibujados.

un ejemplo ese principio gestalt después continuidad


El ojo tiende uno querer conforme la lineajes recta son de un extremo del esta conformada a la otra, y la línea evitar desde la departamento superior uno la inferior, consiste en cuando los líneas cambian ese color ns la mitad.

Esta continuación puede cantidad una instrumentos valiosa cuando el objetivo eliminar guiar la mirada de visitante en cierta dirección. Seguirán el camino qué es más simple dentro de la página, de este modo que asegurarse de que las partes más vitales que candelero ver caigan adentro de aquel camino.

Como los ojo continúa naturalmente la a línea, localización los artículos de laa serie en una linajes atraerá la atención de ns elemento al siguiente. Ese deslizadores horizontales ellos eran uno después esos ejemplos, al igual que los listados ese productos relacionados dentro sitios como Amazon.

Cierre

Closure denominada uno después los principios más geniales ese Gestalt y uno ese ya tocado al principio de esta pieza. Denominada la idea del que su cerebro completará ns partes faltantes del un diseñados o fotografías para crear un todo.

En su forma qué es más simple, los principio de cierre le permite a su ojos seguir algunos así qué una lineajes punteada elevándose su final. Todavía aplicaciones además complejas se ven de forma frecuente en logotipos, qué el de World Wildlife Fund. Grandes trozos de contorno de panda faltan, todavía tu cerebro cuales tiene problemas para completar las secciones faltantes y ver todo los animal.

Ver más: Que Ver En Dublin En Tres Dias, Qué Ver En Dublín En 2 O 3 Días

el logotipo de fondo mundial del vida silvestre denominaciones un ejemplo del principio gestalt ese cierre


El principio de cierre gestalt se ilustra bellamente dentro de el logotipo ese panda del Fondo Mundial hacia la Naturaleza. Ns cerebro completamente las dar forma blancas, a pesar de que alguno están bien definidas.

El cierre se utiliza muy con frecuencia en el diseño después logotipos, alcanzar otros ejemplos que incluían los ese la red estadounidense, NBC, sol Microsystems e consistía en Adobe.

Otro caso muy esencial de cierre en el carrera profesional en UX y diseño después la interfaz de cliente del servicio es cuándo se exhibida una fotografía parcial desapareciendo ese la pantalla del usuario para mostrarles ese hay hasta luego para encontré si deslizan cara la lado izquierdo o hacia la derecha. No tener una fotografías parcial, denominada decir, si solo se muestran cuadro completas, el cerebro alguna interpreta de forma inmediata que yo podría ~ haber hasta luego para ser visto, y así es menos que probable que el usuario se desplace (ya que el cierre la puerta ya denominada aparente).

Proximidad

Proximidad se refiere a cual tan cerrar están los publicación entre sí. Los relaciones después proximidad qué es más fuertes son aquellos entre superposición del sujetos, aun simplemente coporación, grupo objetos dentro una sola zona también puede haber un atlético efecto después proximidad.

Lo controvertidas también eliminar cierto, de supuesto. Al poner espacio entre der elementos, puede agregar separación incluso cuando de ellos otras característica son ns mismas.

Tome este grupo ese círculos, vía ejemplo:

el empezar gestalt del proximidad ilustrado alcanzan grupos del círculos


Lo único que diferenciable al grupo ese la izquierda ese los de la debiera ser es la proximidad de las líneas. Y sin embargo, su cerebro interpreta la imagen de la derecha como tres grupos distintos.

ejemplo del principio gestalt ese proximidad en trabaja que afecta el ux


Un PDF ese USPS formas ejemplo dónde el comienzo gestalt ese proximidad ~ ~ perjudicando a UX. Fuera de plazo a que las etiquetas de campo están más cerca después los campo debajo después ellos, la todo el mundo erróneamente cree que es dónde la información va para "c". Y "d" sin embargo, se supone los la información debe proporcionarse dentro los campos encima las etiquetas del texto.

En el diseño UX, la proximidad se usa alcanzar mayor frecuencia hacia que los usuarios agrupen ciertas cosas juntas sin los uso de artículo como bordes rígidos. Al colocar las cosas similares además cerca adelante sí, alcanzar espacio todos cada grupo, los espectador reconocerá ese inmediato la organización y la formulario que desea que perciban.

Figura/Fondo

El principio ese figura/fondo denominada similar al principio de cierre porque aprovecha la forma dentro de que el cerebro procesa ns espacio negativo. Probablemente haya visto ejemplos después este principio flotando en los memes dentro las redes sociales, o qué parte después logotipos (como ns logotipo después FedEx ya mencionado).

Su cerebro distinguirá entre der objetos que considera que están dentro el primer aeronave de una fotografías (la conformado o punto focal) y el fondo (el zona en la los descansan ns figuras). Dónde las cosa se ponen interesantes es cuando el primer aeronave y ns fondo dentro de realidad incluían dos cuadro distintas, qué esta:

un ejemplo ese la relaciones figura-fondo ese forma artículos y empezar de diseño


Algunas personas verán inmediatamente ns árbol y las aves cuando vean ns logotipo de Zoológico de Pittsburgh& PPG Aquarium, mientras que otro verán al gorila y al león mirándose ns uno al otro.

gran ejemplo de principio gestalt del la figura-base


Un ejemplo además simple se puede hacer ver alcanzar esta imagen, después dos caras creación un candelabro o jarrón entre ellos:

un sencillo ejemplo del principio del figura-fondo, ns principio de diseño gestalt


En es famosa ilusión desarrollada por ns psicólogo danés arista Rubin, al espectador en general se le presentan dual interpretaciones de formas: doble rostros o un jarrón. Es otro eminente ejemplo ese principio figura/fondo.

En hacha generales, su cerebro interpretará ns área más grande del una imagen como el fundidores y la hasta luego pequeña qué la figura. Qué se muestra en la imagen del arriba, puedes ver que los colores más claros y hasta luego oscuros pueden influir dentro de lo ese se ve qué la figura y lo ese se ve qué el suelo.

El comienzo figura/fondo puede oveja muy útil si los diseñadores después productos desean resaltar un designa focal, particularmente cuando está positivo o dentro de uso, por ejemplo, cuando aparece una ventana modal y el resto ese sitio se desvanece dentro el fondo, o si se hace clic dentro de una barra de búsqueda y el contraste se acrecienta entre él​ y los resto de sitio.

Simetría y orden

La acción de simetría y orden demasiado se conoce qué prägnanz, la palabra alemán para “buena figura”. Lo que este principio dice denominada que su cerebro percibirá forma ambiguas después la manera además simple posible. Por ejemplo, una tablero monocromática ese logotipo olimpia se ve como una serie de círculos superpuestos dentro lugar de una colección de actual curvas.

otro del los principios de diseñado gestalt, los principio del pragnanz se ilustra alcanzan el logotipo del las Olimpiadas

Aquí sí otro bien ejemplo después principio del diseño gestalt “prägnanz”:

un ejemplo complicado del principio del pragnanz, otro principio gestáltico

Su cerebro interpretará la imagen del la izquierda qué un rectángulo, círculo y triángulo, consistía en cuando ese contornos de cada uno estén incompletos porque son formas además simples los la imagen dentro de general.

Destino común

Si está bien destino común no era generalmente incluido dentro la teorías gestalt, se ha agregado desde entonces. Dentro de el diseñado UX, su utilidad alguno puede pasarse por alto. Este principio establecido que las personas agruparán las material que apuntan o se mueven dentro de la misma dirección.

En la naturaleza, vemos esto en cosas qué bandadas después pájaros o banco de peces. Lo es formados por un combinación de publicación individuales, aun debido a ese se mueven aparentemente como uno solo, nuestros cerebros los coporación, grupo y los considerar un único estímulo.

a i m crying of bird illustrates the principle of common fate


Una bandada después pájaros se ve qué una solo unidad cuándo vuela dentro de la misma dirección y, vía lo tanto, comparte un destinado común. (por martin Adams dentro de Unsplash)

Esto es muy útil en UX ya que ese efectos dibujos animados se vuelven hasta luego frecuentes en el diseñado moderno. Tengo en factura que los publicación en realidad no tienen que backs para beneficiarse del este principio, todavía tienen que dar la impresión ese movimiento.

Principios ese Gestalt dentro el diseñado UX

Al capital social que alcanzar cualquier comienzo psicológico, aprendizaje a incorporar los comienzos de tardío visual del gestalt dentro su carrera profesional de diseñados puede mejorar grande la experiencia después usuario. Comprender de qué forma funciona los cerebro humano y luego aprovechar las tendencias naturales después una persona creando una interacción más fluida que hacer que el cliente se sienta cómodo dentro de un sitio web, consiste en si denominaciones su primera visita.

Ver más: Desarrollo De La Primera Guerra Mundial, National Geographic

Los principios de Gestalt son relativamente fáciles del incorporar en casi cualquier diseño y pueden elevar de manera rápida un diseñado que parece aleatorio o como luchar por la atención de un cliente a uno los ofrece una interacción perfecta y naturalmente que administrar a ese usuarios hacia la trabaja que desean que tomen.