DISEÑO DE

INTERFACES WEB
ACTIVIDAD 01

Enrique Magraner Sánchez

María Monteagudo Robledillo
Emilio Herrera Gener
Manel Barrado Serrano

1
 CALABRIA ORO
PROXIMIDAD

Se percibe una clara organización en la página, ya que se ha dispuesto el contenido

en bloques temáticos, lo que crea una sensación de proximidad al agrupar todos los
elementos relacionados en cada bloque.

SEMEJANZA

En esta página se puede apreciar una notable semejanza, especialmente en la

sección de noticias ya que contiene los mismos elementos dentro de las cards y los
iconos del valor que aportan sus servicios vienen todos con el mismo estilo

2
SEMEJANZA

En esta página se puede apreciar una notable semejanza, especialmente en la

sección de noticias ya que contiene los mismos elementos dentro de las cards y los
iconos del valor que aportan sus servicios vienen todos con el mismo estilo

SIMETRÍA

En la sección "Nuestros servicios de compra/venta" como en “Contacto”, se logra

una simetría clara en la disposición de elementos, donde un lado muestra un cuadro
de texto con información y el otro lado presenta cuatro características destacables
de los servicios o un mapa de donde podría encontrarlos. Esto crea una simetría
vertical en esa sección de la página.

Sin embargo, en la sección de noticias, aunque todas las tarjetas de noticias tienen
el mismo ancho, no tienen la misma altura, lo que significa que no hay simetría
horizontal. Aunque las tarjetas son uniformes en anchura, su altura puede variar
debido a las diferencias en la longitud del contenido de las noticias. En este caso, se
mantiene una simetría vertical, pero no horizontal, ya que las tarjetas no son todas
de la misma altura.

3
CIERRE

En la parte de “Su compro oro en Barcelona” vemos un texto donde tiene unas líneas
alrededor del texto que nosotros interpretamos que cierra el cuadrado.

CONTINUIDAD

Existe continuidad en esta web, ya que emplea la misma paleta de colores en toda su
extensión.

Los cambios de color de claro a oscuro consecutivos nos indican que hemos avanzado
a la siguiente sección de la página ya que se rompe la continuidad.

4
FIGURA-FONDO

Existe continuidad en esta web, ya que emplea la misma paleta de colores en toda su
extensión.

Los cambios de color de claro a oscuro consecutivos nos indican hemos avanzado a
la siguiente sección de la página ya que se rompe la continuidad.

SIMPLICIDAD

Esta página emplea la simplicidad, ya que, utiliza formas simples que contienen
información y emplea el color de fondo en lugar de las líneas divisorias.

5
 IZZY
PROXIMIDAD

En la página, se implementa una estrategia de proximidad que organiza los

contenidos en bloques temáticos. Cada uno de estos bloques se dedica a hablar o
representar un contenido específico. Aunque no todos los bloques contienen
información textual, se utilizan imágenes de manera complementaria para enriquecer
la experiencia del usuario y proporcionar una comprensión más completa de los
temas tratados.

SEMEJANZA

A lo largo de la página podemos encontrar distintos elementos semejantes, como

por ejemplo los botones y las imágenes, los cuales siguen un mismo patrón de
diseño tanto en color como forma.

6
SIMETRÍA

Destaca la simetría horizontal en su diseño, donde se puede apreciar cómo la

información presentada está perfectamente alineada en el centro de la página
acompañada de fotos en ambos lados y otros elementos como flechas colocadas
simétricamente.

Sin embargo, hemos observado también que el cambio de estilo puede producir
una ruptura de simetría vertical.

7
CIERRE

La mayoría no hemos detectado cierre en esta página, sin embargo, hemos hablado
a cerca de un posible elemento de cierre que se da en el caso de estas tarjetas, que
mediante la disposición de los elementos el cerebro puede llegar a captar la figura
cerrada.

CONTINUIDAD

Encontramos la continuidad gracias a la paleta de colores utilizada y la disposición

de los elementos, ya que a la vez que bajas entiendes, gracias a un cambio de color
o un cambio de distribución de las figuras usadas, que todavía quedan apartados
por leer hasta que llegamos al footer, totalmente diferenciable del resto de la
página.

8
FIGURA-FONDO

A lo largo de la página se encuentra varias veces utilizada esta técnica. Podemos

encontrarla presente tanto para resaltar el menú principal de la web, un vídeo de
YouTube o las ruedas de las sillas, gracias al contraste de estos elementos con los
colores de fondo.

SIMPLICIDAD

La página web se caracteriza por su enfoque en la simplicidad, con elementos

fácilmente comprensibles que hacen que la navegación sea intuitiva y sencilla para
los usuarios.