Principios de diseño

 ¿Qué consideras un buen diseño?

Yo considero que una web tiene un buen diseño cuando es fácil de utilizar y es intuitiva, además de lucir bonita estéticamente, con una buena combinación de colores.

También considero importante que la web este ordenada, es decir, que se distingan las partes de la web y se pueda ver claramente todo , incitando al usuario a leer la información.

Web con simetría ,proximidad y alineamiento

https://www.cinesa.es/


La página cinesa vemos que es una web simétrica en la que los elementos , en este caso las películas se reparten en igualdad de cantidad en ambos lados, dando la sensación de orden y estabilidad en la web.

También se aprecia la proximidad donde se ve que hay un espacio en blanco entre las películas , lo que se conoce como proximidad de bordes cercanos.

El alineamiento se presencia  debido a la ordenación de las diferentes películas que están divididas en columnas y en filas.

Web con cierre, continuidad y similitud

https://www.amazon.es/

Vemos que la página web de Amazon es un ejemplo en el que se aplica el cierre, la continuidad y la similitud

El cierre se aprecia al cambiar de sección u ofertas y se aprecia un ejemplo de continuidad (donde la ropa) en el que al usuario se le enseña una flecha donde puede mover el catálogo de camisas.

Vemos además que hay similitud entre los distintos objetos que se pueden comprar , reduciendo así su complejidad.

Web con figura-fondo

https://www.w3schools.com/





Se observa la figura fondo con recuadros con la información que sobresalen con el fondo , conocidas como ventanas modales.

Web con destino común

https://www.newbalance.es/es


En esta web se observa que tiene destino común , ambas personas parecen que te miran ,sobresaliendo sobre el fondo, haciendo llamar la atención al usuario.

Web con mala aplicación de principios de diseño 

https://www.motor.es/noticias/tipos-de-coches-202066035.html



Aquí observamos que está web  falla en la jerarquía visual  , no se utiliza ninguna herramienta como el contraste, color, agrupamiento, estilo  solo se observa que se juega con el tamaño de las imágenes haciéndola parecer una página web monótona.

Comentarios

Entradas populares de este blog

Paletas de colores

Proyecto del Curso (I): Planificación de la web