Diferencia entre revisiones de «Cronovisor: Diseño Interfaz»
Línea 24: | Línea 24: | ||
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. | 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. | ||
[[image:Cf_paleta_cromatica.jpg|thumb| | [[image:Cf_paleta_cromatica.jpg|thumb|600px|center| Paleta cromática]] | ||
Se consideran los grises principalmente para los textos, y objetos apagados, y al naranjo como color de iconos y objetos activos. | Se consideran los grises principalmente para los textos, y objetos apagados, y al naranjo como color de iconos y objetos activos. | ||
==Búsqueda== | ==Búsqueda== |
Revisión del 00:57 29 oct 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
Edición
Visualización
Prototipo II
Home y Secciones
- CF Desktop Copy 0.png
Home
- CF Desktop Copy 1.png
Menú de secciones
- CF Desktop Copy 5.png
últimos hechos
- CF Desktop Copy 6.png
Últimos personajes
- CF Desktop Copy 2.png
Últimas cronovisiones
- CF Desktop Copy 4.png
Selección por tema
Búsqueda
- CF Desktop Copy 3.png
Ingreso término de búsqueda
- CF Desktop Copy 7.png
Resultado de búsqueda
Edición
Visualización
- CF Desktop Copy 8.png
Selección vista de un elemento "hecho"
- CF Desktop Copy 9.png
Vista de un elemento "personaje"
- CF Desktop Copy 10.png
Vista de otro elemento "hecho"
- CF Desktop Copy 11.png
Vista de imagen completa de un elemento