La propuesta parte del diseño predeterminado que presenta el producto empleado en la versión Beta del Infoenlaces actual. Se realizaron las siguientes modificaciones:
Organización de los elementos en la página:
-Se agruparon los enlaces correspondientes a “Registrarse”, “Acceder” y “Acerca de” y se ubicaron en el extremo superior derecho de la página, zona que posee un alto énfasis visual y que facilita el inmediato reconocimiento de estas acciones de primer nivel.
-Se incorporó el buscador a la barra menú que aparece debajo de la cabecera, con el objetivo de aportarle un mayor énfasis a esta utilidad y ubicarla en una zona que desde el punto de vista funcional tuviese un denominador común; en esta barra aparecen los elementos necesarios para guiar la búsqueda: un buscador general y un buscador por categorías (Fecha, título, URL).
Selección cromática
La selección cromática garantiza un adecuado contraste entre los diferentes elementos de la página y una correcta legibilidad; por otra parte, se establecen relaciones cromáticas que favorecen la comprensión de la página: tanto las etiquetas de los enlaces como la nube que aparece a la derecha aparecen en naranja, todos los botones poseen el mismo comportamiento cromático (desactivado-gris claro, disponible-gris oscuro, mouse hover-verde brillante).
Cabecera
Se empleó el concepto de “ondas en el agua” las cuales se generan en forma de círculos cuando se produce una perturbación en la superficie del líquido. Este concepto y el uso del conocido icono de “la manito” utilizado universalmente en el medio digital para indicar la existencia de un enlace, permite recrear una ilustración metafórica donde muchas “manitos” (muchos usuarios accediendo a diferentes enlaces) generan ondas que se propagan (comparten estos enlaces) y llegan a otras “manitos” (nuevos usuarios que acceden a estos enlaces compartidos) que su vez generan nuevas ondas estableciendo una “red de intercambio” (infoenlaces).
Comments on Propuesta Diseño Infomed Enlaces![Leave a Comment](https://blogs.sld.cu/pablomontes/wp-content/themes/sem-reloaded/icons/pixel.gif)
victorr @ 8:32 am
Muy buena propuesta, solo quedaria convertirla a CSS para su implementacion.
ali @ 8:40 am
Muy bueno, felicidades :)!!!!