Diferencia entre revisiones de «Cronovisor: Diseño Interfaz»
| Línea 82: | Línea 82: | ||
<gallery widths="250px" heights="250px" perrow=“2"> | <gallery widths="250px" heights="250px" perrow=“2"> | ||
image:CF_Desktop_Copy_0.png| | image:CF_Desktop_Copy_0.png| | ||
image:CF_Desktop_Copy_1.png| | image:CF_Desktop_Copy_1.png| | ||
image:CF Desktop Copy 5.png| | image:CF Desktop Copy 5.png| | ||
image:CF Desktop Copy 6.png| | image:CF Desktop Copy 6.png| | ||
image:CF_Desktop_Copy_2.png| | image:CF_Desktop_Copy_2.png| | ||
image:CF_Desktop_Copy_4.png| | image:CF_Desktop_Copy_4.png| | ||
image:CF Desktop Copy 3.png| | |||
image:CF_Desktop_Copy_7.png| | |||
image:CF_Desktop_Copy_8.png| | |||
image: | image:CF_Desktop_Copy_9.png| | ||
image: | image:CF Desktop Copy 10.png| | ||
image:CF Desktop Copy 11.png| | |||
image:CF_Desktop_Copy_12.png| | |||
image:CF_Desktop_Copy_13.png| | |||
image:CF Desktop Copy 14.png| | |||
image: | image:CF_Desktop_Copy_15.png| | ||
image: | image:CF Desktop Copy 16.png| | ||
image: | image:CF Desktop Copy 17.png| | ||
image: | image:CF_Desktop_Copy_18.png| | ||
image:CF_Desktop_Copy_19.png| | |||
image:CF Desktop Copy 20.png| | |||
image:CF_Desktop_Copy_21.png| | |||
image:CF Desktop Copy 22.png| | |||
image:CF_Desktop_Copy_23.png| | |||
</gallery> | </gallery> | ||
Revisión del 08:10 2 nov 2015
Definido el diseño del Logotipo, la iconografía y una base de interacción y visualización en los wireframes, se procede a la definición de estilos tipográficos y paletas de color para facilitar la lectura y hacer mas aatractiva la interacción de los usuarios con esta plataforma virtual.
Propuesta I
Se pensó en la tipografía que debiera ocupar la plataforma, la cual debe satisfacer los requerimientos de legibilidad, simpleza y versatilidad, pues como está dirigido a un público escolar, esta debe ser fácil de leer, pero a la vez poseer un carácter afable.
El color aplicado en la plataforma también debe considerar al público usuario, por lo que debe ser limpio, brillante y armonioso. Todo con tal de generar en el usuario una sensación de tranquilidad a la hora de leer, navegar, pensar y construir.
Es en base a estos razonamientos que se tomaron las desiciones que se muestran a continuación
Tipografía
Tipografía Myriad Pro (versiones Bold, Semibold, Regular y Light) Se aplica tanto para Títulos y texto.
El sitio utiliza la tipografía sans serif, considerando su legibilidad, simpleza, y versatilidad, especial para plataformas digitales. De esta manera, se elige la tipografía Myriad Pro en las mencionadas variantes, aplicando distintos tamaños y color, según la paleta elegida, para generar jerarquías de lectura y facilitar su lectura.
Paleta Cromática
La paleta cromática se basa en la armonía de los colores gris y naranjo, pues ambos están relacionados con la estabilidad, el naranjo con la alegría y juventud, así como el gris con la paz y tenacidad, todo esto en sobre un manto blanco de fondo.
Se consideran los grises principalmente para los textos, y objetos apagados, y al naranjo como color de iconos y objetos activos.
Búsqueda
Home
búsqueda de elementos
vista de elemento 'hecho' o 'personaje' clickeado
selector elementos por 'tema'
selector elementos por 'clase': 'hecho' o 'personaje'
galería elementos seleccionados, invita a crear 'cronovisión'
selección guardada
acceso galería 'cronovisiones', invita a 'editar cronovisión'
Edición
editor de 'cronovision'
creación de 'relación'
editor de cronovisiones finalizado
galería de 'cronovisiones'
Visualización
vista de 'cronovisión'
facetas cronovisión: mapa
facetas cronovisión: texto
facetas cronovisión: imagenes
Prototipo II
Home y Secciones
- CF Desktop Copy 0.png
- CF Desktop Copy 1.png
- CF Desktop Copy 5.png
- CF Desktop Copy 6.png
- CF Desktop Copy 2.png
- CF Desktop Copy 4.png
- CF Desktop Copy 3.png
- CF Desktop Copy 7.png
- CF Desktop Copy 8.png
- CF Desktop Copy 9.png
- CF Desktop Copy 10.png
- CF Desktop Copy 11.png
- CF Desktop Copy 12.png
- CF Desktop Copy 13.png
- CF Desktop Copy 14.png
- CF Desktop Copy 15.png
- CF Desktop Copy 16.png
- CF Desktop Copy 17.png
- CF Desktop Copy 18.png
- CF Desktop Copy 19.png
- CF Desktop Copy 20.png
- CF Desktop Copy 21.png
- CF Desktop Copy 22.png
- CF Desktop Copy 23.png
