Ejemplo de diseño pagina web curso virtual

PROPUESTA DE DISEÑO PARA UNA HERRAMIENTA EDUCATIVA.
¿QUE ES DISEÑO?
Consiste en la creación, planificación e implementación de sitios web (en este caso) como herramienta educativa. No es simplemente un diseño convencional, sino que también es tener en cuenta las siguientes características:
- Navegabilidad
- Interactividad
- Usabilidad
- Arquitectura de lainformación
Primero la navegabilidad es la facilidad en que el usuario se pueda desplazarse por todas la paginas que componen el sitio web; segundo la interactividad es aquella donde el usuario y la herramienta se unen para un intercambio y/o construcción del conocimiento; tercero la Usabilidad es la facilidad con que usuario utiliza la herramienta educativa; Por último la arquitectura de lainformación es la organización, disposición y estructuración de la información en los espacios de la herramienta educativa.


Para el desarrollo esquemático del diseño de esta herramienta estará construido asi:

Color fondo: Verde oscuro sitio #008B00.
Por la temática que se va a manejar en el curso virtual, sobre elreino vegetal, se utilizará el color verde oscuro como representación de la naturaleza vegetal y del mismo medio ambiente. Este color está asociado según su teoría a la tranquilidad y relajación de la vista, lo cual hace amena la lectura, además es considerado en la escala cromática como uno de los colores fríos.
En cuanto al tipo de letra utilizado (fuente bobsmade), para los títulos se consideraque es muy pertinente ya que esta página está dirigida principalmente a niños, por ende la fuente debe ser llamativa y capturar la atención de los visitantes, no debe cansar y debe permitir un ambiente más dinámico y flexible. Lo mismo ocurre con el tipo de letra utilizado para el cuerpo, esta será comics sans, tamaño 14, ya que es una letra legible y llamativa por sus formas no tan rígidas
Laimagen 1 (Flowers), utilizada para la página de inicio es muy pertinente con el tema que se va a tratar ya que es un icono representativo del reino vegetal por su condición animada, captura de entrada la atención del usuario
La imagen 2 es la caricaturas de 5 niños diseñados en photoshop, identificando las 5 regiones del país, esta es una manera muy dinámica con la que se pretende complementar losconocimientos de los niños, dando cuenta del reino vegetal a partir de los saberes a cerca de cada una de las regiones de su país, aquí se verán integrados varios tipos de saberes, el que nos interesa principalmente (reino vegetal) y el reconocimiento de las regiones del país a partir de una asociación con una planta autóctona de dichos lugares.
Globo terráqueo en animación azul: Este seráutilizado como botón, es apropiado por su forma redondeada y colores llamativos haciendo referencia a la naturaleza y a lo que la conforma
La página de inicio llevará al momento de ser abierta un reproductor invisible con música de relajación, que cree en el usuario una imagen mental sobre la naturaleza vegetal. Tendrá una opacidad 0 ( el reproductor puede ser cualquiera, debido a que el usuario no sepercatará de su visibilidad)
Habrá una navegación por medio del menú sketch, la letra será de color verde oscuro, tipo comics sans, tamaño 12, el circulo que rodea la selección del cursor será de color #FFF200 (amarillo), debido al contraste que hace con el fondo y la letra, generando una mayor atracción al ojo del usuario

Pagina maestra #1:
Para el uso de los colores que muestran el fondotenemos a si:
Color, fondo, sitio #008B00 (verde obscuro)
Color fondo, página maestra #66CD00( verde oliva)

Pagina #1 (inicio)
Titulo “PaCiencia”:
fuente bobsmade
tamaño 67
efectos de titulo
Color: #008B00
transparencia de 1
iluminación color #FFFF00
trasparencia de 1
desenfoque de 10
fuerza de 2
reflejo con una opacidad de 1
perspectiva de 0.9
con reflejo de agua
con sombra...