En base a la corrección de la clase pasada intenté ordenar más mis decisiones y elementos gráficos. Para empezar hice un cambio tipográfico ya que estaba todo gritando, y unifique los colores.
Este es el home del sitio, los cambios que realice fue en el tratamiento de las imágenes, la paleta cromática que venía utilizando, un color diferente para cada una de las secciones.
Otra cosa que cambié fue en cuanto a la información, antes tenía dos bloques que hablaban de exposiciones, ahora en la imagen del medio se publicarán las novedades del momento, referidos a cualquier sección y guardando relación con las publicaciones del Facebook que maneja el museo.
El menú principal, que estará siempre visible, al pasar el cursor por encima, cambia en discurso a modo de bajada del que se verá siempre.
Estos bloques funcionan como grandes botones, que al pasar el cursor por encima, se agranda el plano de color para incorporar más información al respecto.
En estas dos capturas muestro lo mismo que en la anterior pero en otros casos.
La diferencia es que cuando lo predominante es la imagen, lo que se expande agrega información escrita, mientras que los bloques que son sólo tipográficos, al expandirse, aparecerá una imagen.
Acá lo que muestro es el caso de un video, al pasar el cursor sobre el pleno de color aparecerá la imagen y parte de la información y al hacer click sobre éste, se amplía más la superficie y el video se ve directamente desde el home.
El menú principal al seleccionar una delas secciones de desplega el submenú en el cual se encuentran las deferentes propuestas, como el tipo de menú que había planteado para la clase anterior, es real que no aportaba nada nuevo. Al seleccionar un de estas subsecciones, esta se torna de un color en particular para determinada sección. Una vez elegido a dónde ir, el submenú se vuelve a plegar. El colo queda suspendido cuando al desplegar el submenú, queda suspendido todo lo que está pasando por abajo.
Esta captura sería de la apertura de la agenda de las muestras temporales. Están ordenadas cronológicamente.
Cuando se pasa el cursor por sobre estas imágenes, al igual que en el home, son grandes botones que dan inicio a la promoción de cada una de las diferentes muestras. <Y como en el otro caso, se agrega información.
Aca se seleccionó una de las muestras, al hacerlo, esta invade la pantalla quedando a modo de zócalo, el resto de las muestras que se están exponiendo para permitir un acceso más rápido, sin necesidad de volver para atras o cerrar la pantalla.
esto es dentro de la misma sección de la agenda, pero otro apartado o sub-sección
cambio de sección (educación) en este caso, curso, la información va apareciendo a medida que se pasa el cursor por encima, con posibilidad de ampliar la información al hacer click
Para inscribirse en los cursos, es necesario, al igual que para otras opciones dentro del sitio, iniciar sesión.
MICROSITE
Con respecto al microsite, estoy tratando de ampliar más la información, profundizando su funcionamiento y de manera más ordenada.
Introducción que permitirá ampliar la información o cerrarlo si no es la intención.
En este caso, se elige ampliar la información por el tema de los movimientos artísticos que integran el arte moderno, este texto tendrá dentro del mismo botones pertenecientes a estos movimientos que permitirán ampliar cada uno, para lo cual se abre el nombre de la vanguardía como un botón que al clickearlo, aparece algo de información
Cuando se elige otra vanguardia, como para poder comparar, la que ya se vio, se achica quedando visible igual, el funcionamiento es siempre el mismo.
Al elegir ver sobre los artistas de esta vanguardia, los círculos que presentan cada uno a un artista, se filtran para ser sólo artistas de este movimiento, eso estará indicado con el nombre de la vanguardia. Todo lo que se va cerrando o dejando en segundo plano, se va apilando en la parte inferior izquierda para poder volver a ampliarlo.
Al elegir un círculo aparece una obra característica de este artista, y aparece un nuevo menú/buscador/filtro, referido al artista que se eligió, y herramientas que permiten manipular la imagen, también todo se puede guardar en una biblioteca personal, por eso debe el usuario estar loggeado.
Por ejemplo una de esas herramientas me permite hacer encuadres, por si no me interesa la imagen entera.
En todo momento se puede cambiar de artista con solo clockear sobre otro círculo de color.
Lo que permite este "historial" de la parte inferior izquierda, es poder recurrir constantemente a la información que ya se vio y poder comparar.
Los bloques de texto así como las imágenes, son móviles, permitiendo al usuario ubicarlos donde más le guste y no le moleste algo que si quiera ver.
Hola Claudio:
ResponderEliminarCreo que empezaste a tener un mejor manejo tipográfico en tu web. También creo que empezaste a utilizar mejor tus recursos de la manera de navegarlo. Me parece bien que hayas decidido poner imágenes más variadas de los autores de las muestras.
Con respecto al texto a veces alinea de manera rara y deja blancos extraños. En cuanto a los niveles de información que proponés me parece que los íconos de redes sociales están demasiado grandes y empiezan a competir con el menú principal.
El uso del color lo veo un poco más ordenado aunque creo que todavía falta corregir el tema de la clave de color que usas para que no parezca que algún elemento estpá seleccionado cuando no lo está (menú inicio especialmente)
Con respecto al microsite creo que dosificaste un poco más la información pero también creo que le falta aún más. Esos bloques de texto siguen siendo demasiado extensos y poco desarrollados. En cuanto al cambio de color de fondo, creo que prefería el de la clase anterior que era más oscuro.
Bueno ¡eso es lo que veo hasta ahora!
Saludos
Hola Claudio, respecto a los cambio de mensionas estos se pueden observar en esta nueva propuesta. A nivel grafico considero que mejoro muchisimo. A la compocision se la ve mas prolija, y a nivel tipografico adquirio mas sutileza. Considero que el proyecto crecio encuento a las debelidades que te marcaron los profesores el jueves.
ResponderEliminarQuizas algo que todavia veo muy estatico es la paleta de imágenes con la que contas, quizas podrias adquirir algunas mas para enrriquecer la web oficial. Algo que me hace un poco de ruido es la eleccion de la paleta cromatica, quizas buscaria que todos tengan la misma clave o si buscas mas constraste jugar con los complementarios. Especialmente cuando generas una paleta con diferentes tipos de gris.
Espero que sirvan mis observaciones.
Un besito
Romi
Claudio!
ResponderEliminarHola Claudio!, Cero que a nivel general, pudiste resolver problemas que surgieron en tu correccion anterior.
En cuanto a lo tipografico, esta mucho mas ordenado, todavia tenes paquetes de titulos que estan con poco interlineado. Me parece bien que le hayas bajado el tamaño al cuerpo tipograficos y que empiecen a trabajar margenes y espacios, pero fijate que todavia tenes espacio en blanco y resicduales en las cajas que planteas en el home (ej Los botones que están del lado derecho del home)
No entiendo porque ahora las imágenes las pones en blanco y negro, me parece que es una decisión que no te aporta nada y que por el contrario te unifica y homogeiniza todo. Tambien esta decisión te complica cuando queres mostrar una transición entre pantalla y pantalla en la que usas el monocromo como forma de dar a entender que eso queda inactivo.
Creo que todavia falta trabajar y pensar como va a aparecer la imagen, se te hablo de los encuadres, de la diferencia de mostrar una instalacion y/o un objeto o un cuadro, etc. Eso sigue estando igual y creo que tendrias que definirlo y desarrollarlo, principlamnete porque es una variable que te va a permitir reorganizar y redefinir la identidad del museo (afiches, banner, etc).
En cuanto a las pantallas que desarrollas con mas texto y menos imagen, todavía falta terminar de organizarlas en el campo, Victoria te nombra, márgenes, alineación, blancos extraños, revisa y volve a reorganizar los elementos.
Creo que en cuanto a la navegación es interesante los recursos que manejas, fijate si podes incorporar algún otro principalmente en la pestaña de Agenda, (videos, chat entre usuarios, o ventanas de mensajes, etc, seguro que a vos se te va a ocurrir algo mejor) te digo esto para que optimices mas y mejor la propuesta.
Micro site.
No me parece que tengas que usar el color gris de fondo, ya que el gris neutraliza, me parece que en las correcciones el fondo oscuro, te daba mas fuerza en el contraste con el color y mas brillo también.
Igualmente tenes que seguir resolviendo como el color se presenta en los círculos y como después continúa su presencia y su aplicación a medida que vas entrando en la información que cada uno aporta.
En la pantalla de Arte Moderno, los círculos abajo del recuadro que te permiten ir a mas información como a Movimientos, me parece que son demasiado pesados y que por otro lado redundan en su forma (los círculos ya los tenes en la pantalla general)
Fijate si no te conviene comenzar a desarrollar para tu web, algun sistemita de iconos y elementos multimediales, como botones, flechas, pictos, etc, que no solo los puedas usar en el micro site sino también en la web. (La idea es que a medida que vallas avanzando en tu trabajo, sigas sumando mas complejidades).
Coincido con Victoria, si bien estas queriendo profundizar mas en el tema y para eso tambien profundizas un poco mas en los recursos de navegabilidad, creo que tenes que seguir reforzando tus decisiones de composición y de organización de los elementos en el campo, las ventanas que vas abriendo cuando desarrollas el tema Movimientos de Arte Moderno, quedan desordenadas, complican la lectura, complejizan el campo, etc. Creo que el orden, los tamaños, los nievels de lectura, la ocupación ene el campo, etc, son cuestiones que tenes que tener siempre presente, en la forma y manera en la que diseñas.
Para el jueves segui avanzando, vas bien, tenes que ordenarte y ordenar un poco mas los elementos y decisiones. Tene en cuenta también los comentarios de las chicas
Saludos
Adriana