9
Trabajo Práctico N°2 Percepción – Leyes de Gestalt Diseño de Imagen y Sonido II Tamara Augustinowicz 02/09/2014

Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Embed Size (px)

Citation preview

Page 1: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Trabajo Práctico N°2

Percepción – Leyes de Gestalt Diseño de Imagen y Sonido II

Tamara Augustinowicz 02/09/2014

Page 2: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Proximidad

http://www.b-rhymes.com/

La ley de proximidad en esta página se ve claramente aplicada en la botonera. Se percibe como un solo

elemento, tanto por los colores como en la similitud de tipografía y su uso. También se aplica en el

rincón superior derecho, donde se encuentra un pequeño banner con más opciones para la página.

https://twitter.com/#

En la página de inicio de twitter (siempre y cuando se tenga una cuenta) se puede ver claramente

aplicada de ley de Proximidad. Todo está ordenado por partes: Los Trending Topics por un lado, los

tweets de las cuentas que uno sigue por el otro, y hasta un par de sugerencias de parte de Twitter para

seguir otras cuentas. Al igual que en el primer ejemplo, la ley también se aplica a la botonera, ubicada

en el rincón superior izquierdo.

Page 3: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Similitud

http://www.minijuegos.com/

Como en muchas páginas de juegos, la ley de similitud se ve aplicada ya que el público de estos sitios

suele ser de edades infantiles, por lo tanto tienen que ser lo más claras posibles para que los chicos

puedan navegarlas tranquilamente. Todos los íconos de los juegos tienen el mismo tamaño y están

ordenados en filas y columnas de la misma altura.

https://www.youtube.com/watch?v=EHtRSVEUf8A

En todos los videos de YouTube, siempre aparecen los famosos “Videos Relacionados” al costado

derecho de la pantalla – en ellos también se ve aplicada la ley de similitud. Mostrados en forma de lista

con sus respectivas imágenes de muestra, todos los videos tienen una clara relación entre sí.

Page 4: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Cierre

http://www.fs-agentur.com/

En esta página alemana, el slideshow que muestra el contenido de la página no es un rectángulo

completo. La parte superior se va desvaneciendo y se pierde con el fondo, pero la mente lo sigue

percibiendo como una caja cerrada, entonces se aplica la ley de cierre.

http://www.polargold.de/

En este segundo caso, no es una figura lo que se percibe como completo, sino las palabras. Las letras en

ellas no están completamente visibles, pero siguen siendo legibles y comunican las secciones del sitio

web: News, Pholosophie, Agentur y Showcase, además de la pequeña botonera debajo de la principal

con las palabras Kontact, Jovs y Impressum

Page 5: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Continuidad

http://joy-division.lemouv.fr/

Dejando de lado que las palabras son difíciles de leer con tantas direcciones distintas, la ley de

continuidad se sigue aplicando, ya que todas las palabras siguen la misma línea que conforma el círculo,

por lo tanto se las puede asociar como un grupo del mismo contenido.

https://www.spotify-cannes.com//

Cada uno de los círculos en el centro de la pantalla representa una lista de reproducción de música

diferente. Si los círculos estuvieran ubicados en otros lugares de la página, no se entendería que tienen

una relación entre sí, pero están posicionados de manera tal que su continuidad marca una clara

relación.

Page 6: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Fondo/Figura

http://www.azlyrics.com/

En esta página, la ley esta aplicada para marcar una leve pero clara diferencia entre lo que es parte de la

página y lo que es publicidad externa, tan solo con un mínimo cambio de tonalidades en la paleta de

colores y unas viñetas especiales para destacar los links.

http://musify.me/

En la pequeña viñeta que se desprende los tres botones principales, surge una diferencia entre lo que es

el fondo y lo que es la figura con un triángulo, pero no se sabe cuál es cual. El header podría ser blanco y

faltarle la parte triangular según en qué botón se esté, o el contenido puede estar encerrado en una caja

de la cual se desprende un mínimo marcador. Esa confusión es otra manera de aplicar la ley

fondo/figura.

Page 7: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Simplicidad

http://www.tumblr.com/

La página de inscripción o de entrada al sitio de blogs de Tumblr es extremadamente simple. Muestra

una imagen de fondo como muestra, la que varía y es seleccionada al azar, junto con las secciones de E-

mail y Contraseña, sin agregar cosas innecesarias.

https://www.youtube.com/

Al entrar con una cuenta al sitio de Youtube, ocurre lo mismo. Al estar vinculado Youtube con Google, el

usuario tiene la opción de entrar con una cuenta previamente creada en el buscador. Solamente

muestra el email, la contraseña, y dos botones más, uno de ayuda y uno para entrar con una cuenta

diferente.

Page 8: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Simetría

http://cupcakesrecetas.com/

En esta página de recetas de cupcakes se muestra una simple pero clara simetría en la parte del header.

Por un lado está el logo y el slogan de la página, y por el otro, a la misma altura, una búsqueda para

realizar dentro de la página. Al estar sobre el mismo eje y a distancias proporcionales, se aplica la ley de

simetría.

http://heft.me/

En este caso, la simetría se encuentra en la parte descriptiva de la página principal, la que cuenta con

pocas palabras el propósito del sitio. De un lado está la imagen, y del otro el texto, ambos en equilibrio

proporcional y armonía.

Page 9: Percepción – Leyes de Gestaltfido.palermo.edu/servicios_dyc/blog/docentes/trabajos/23132_77721.pdf · derecho de la pantalla – en ellos también se ve aplicada la ley de similitud

Ley de Experiencia

http://streamonline.me/supernatural-s1-e3/#.U_yRB_RDuSo

StreamOnline.Me es un sitio web para mirar series gratis online. En todos sus videos, con mínimas

variaciones en la ubicación, aparecen los mismos botones con los que los usuarios ya están

familiarizados, por los que no requieren texto alguno: El botón de compartir en las redes sociales, el de

“pop-up” para sacar el video a una pestaña nueva, el de reproducir, el del volumen y el de la pantalla

completa.

http://soundtree.ch/en

Los botones de las redes sociales forman parte de la vida cotidiana de cualquiera que tenga una

computadora, por lo que no requieren texto que describa la red social simbolizada. Los botones para

mandar por e-mail, compartir por Twitter, Facebook o Pinterest ya son normalmente conocidos.