ANALISIS DEL MANEJO DE LA IMAGEN VIRTUAL

PAGINA WEB UNIVERSIDAD TECNOLOGICA DE PEREIRA

SONIA AMPARO DAZA

UNIVERSIDAD COOPERATIVA DE COLOMBIA

ESPECIALIZACION DOCENCIA UNIVERSITARIA

PAGINA PRINCIPAL

• NOMBRE: Universidad Tecnológica de Pereira

• TIPO ESPACIO : Sitio Web – Pagina Web

• DIRECCION: http://www.utp.edu.co/

• FECHA CAPTURA IMAGEN : 30 agosto 2014

• INFORMACION PAGINA: El sitio Web da a conocer a la población general las ofertas académicas, información de misión visión y organigrama de la Universidad Tecnológica de Pereira,

• MOTIVO DE ELECCION DEL ESPACIO : Conozco la pagina , y soy docente de la Universidad y tengo acceso a diferentes sitios de la misma.

ICONOS

ELEMENTOS VISUALES DE LA PAGINA

FOTOGRAFIA

PAGINAS INTERACTIVAS

LOGOS

V IDEOS

ANIMACIONESBLOGS

PAGINAS INTERACTIVAS

ELEMENTOS VISUALES DE LA PAGINA

• COLOR PREDOMINANTE : blanco y azul

• ELEMENTOS DE SONIDO : La pagina de inicio no presenta ningún sonido, las diferentes entradas como la UTP online tiene conexión con videos de YouTube, la entrada a la emisora Universitaria Estéreo con acceso a música

• DISTRIBUCION DE IMÁGENES : la pagina Web principal presentaunaimagen principal que representa la imagen que quiere mostrar la universidad .Imagen en el rectángulo superior que demarca la pagina ,algunas fotografias pequeñas en los contenidos , los textos son cortos puntuales.

• ELEMENTOS VISUALES : elementos predominantes ninguno, existe un equilibrio entre las imágenes fotografia, iconos, menus de acceso, textos ,todas las paginas estan encabezadas con el logo de la universidad mas el eslogan de la universidad « Bienvenido a un mundo de inagotables experiencias vívela.»

ESTRUCTURA DEL SITIO WEB

• Estructura con diseño sensible

• Consta de unas Pagina web estándar

• Menú de navegación combinada superior ,lateral izquierda con submenús horizontal

• Un pie de pagina con acceso directo a las diferentes paginas del sitio web , información general de la universidad ,aviso legal

• Estructura de la pagina principal en bloques rectangulares, con un bloque superior predominante fijo constituido por imágenes interactivas ,y la presentación del menú de trabajo, el resto constituido por bloques rectangulares simétricos

• Las siguientes paginas del sitio web constituidas por un bloque rectangular superior donde nos aparece el nombre del sitio y el menu, en la parte inferior el resto del contenido en texto

CARACTERISTICAS DE PAGINA PRINCIPAL

FOTOGRAFIA PRINCIPAL

MENU PRINCIPAL CONEXIÓN

REDES SOCIALES

MENU LATERAL

CONEXIÓN REDES EXTERNAS

CONTENIDO

CARECTERISTICAS DE PAGINASDE LOS MENUS

SUBMENUS

BLOQUE SUPERIOR

MENU LATERAL

COMPARTIR

CONTENIDOS VISUALES ANALISIS DE IMAGEN

LOGO UNIVERSIAD

ALEGRIASOCIALIZAR

TRANQUILIDAD

Imagen principal fotografia centrada en partesuperior de la pagina principal que muestra , vendebienestar, tranquilidad, cordialidad fiabilidad,seguridad , de un entorno universitario.

CONTENIDOS VISUALES ANALISIS DE IMAGEN

• Tipos de imagen objetos 3 jovenes 1 hombre y una mujer en el campus universitario , el logo de la univeridad plasmado en el piso.

• Los jovenes se muestran en un momento de descanso compartiendo animadamente.

• La fotografia nos muestra el confort de los estudiantes en el sitio donde se encuentran, el campus universitario, representando el bienestar del estudiante en el medio universitario.

• En la imagen no se muestra el medio estrictamente academico.

• La imagen nos muestra el comportamiento del estudiante en el campus univeristario donde puede acceder tanto al componente academico , compaginado con un ambiente de cordialidad y bienestar donde convive y socializa con el resto de sus compañeros.

• La imagen esta dirigida a todas las personas que accedan a la pagina y muestra la cara amable de la universidad para sus estudiantes.

CONTENIDOS VISUALES VIRTUALES ANALISIS DE CONTENIDOS VISUALES

PORTAL INFANTIL

PORTAL INFANTIL

MENU

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

CONICIENDO EL MEDIO

CAMPUS UNIVERSITARIO

SUBMENUS

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

ZONA ESCOGIDA DEL CAMPUS

INGRESO A JARDIN

BOTANICO

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

DA A CONOCER EL SITIO DIDACTICAMENTE

CON JUEGOS

SITIOS DE ENTRADA

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

JUEGOS A REALIZAR

ANALISIS DE CONTENIDOS VISUALES VIRTUALES

• Las imagines representadas hacen parte del portal infantil de la universidad en donde se realiza la presentación de la universidad y lo que se puede encontrar en ella.

• Son un grupo de imágenes didácticas representadas en dibujos animados que permiten en forma progresiva llevar a quien ingrese al sitio a realizar un aprendizaje sobre la universidad su logo, su coro y sobre el campus universitario mediante la mediante la interacción de un grupo de niños de paseo a través del sitio y mediante la realización de juegos infantiles.

• Las imágenes dan la probabilidad de interactuar con ellas , pudiendo escoger el sitio de entrada y las actividades a realizar ,pero no nos permite realizar modificación de las mismas , ni asumir algún tipo de identidad virtual.

DEL ESPACIO DE LOS ELEMENTOS

VISUALES DE LOS CONTENIDOS VISUALESDE LOS CONTENIDOS VISUALES

VIRTUALES ANALISIS

sitio WEB UTP, con un

diseño clásico , imagen

centrada, con un menú en

parte suprior y laterales ,

barra adicional de menú

en pie de pagina

utiliza

fotografias,videos,imagn

es interactivas, iconos,

logos ,audio y blog

La imagen de la pagina principal

muestra de forma sencilla el

ambiente agradable del campus

universitario para el estudiante,

presentación sencilla que por su

ubicación impacta desde el

ingreso.

Los iconos tienen acceso directo

a los diferentes espacios de

informacion.La pagina es

informativa no nos da la opción

de personalizarla, ni de participar

activamente en su contenido

Nos encontramos en una sociedad

dominada por el mundo de la

imagen , las imágenes tiene un

lenguaje ,transmiten mensajes ,

configuran nuestra cultura ,la

sociedad y los valores que la

sostienen , debemos aprender a

conocer su naturaleza ,los

mecanismos de significación ,sus

funcionamientos y posibilidades .

Los alumnos de hoy antes que

aprender a leer o escribir, aprenden

a ver imágenes, o mejor dicho,

están habituados a verlas y

consumirlas.

Teniendo en cuenta esto y con el

avenimiento de las TICs y el facil

acceso a la informacion se ha vuelto

necesario para las instituciones

educativas actualizarse , brindando

informacion por este medio a la

poblacion general ,sobre sus

realidades las ofertas educativas de

una forma rapida clara y utilizando

todas las ayudas para lograr

impactar en las personas.

alineación de la estructura

: presentación clásica :

rectángulo principal fijo

centrado, rectángulos

secundarios distribuidos

en el resto de pagina

la imagen de la pagina

principal muestra el

bienestar del

estudiante en el medio

universitario

colores uniformes en todo el sitio

WEB predominan azul ,blanco

la pagina del portal infantil utiliza

imágenes interactivas, móviles

que les dan ha conocer de forma

sencilla dirigida a los niños los

recursos de la universidad

presentación clásica en

bloques rectangulares,

con divisiones hechas por

cambios de color

colores predominantes

de todo el sitio WEB

blaco y azul,los iconos

de otras redes con sus

distintivos propios

barras de navegación con iconos

correspondientes fácilmente

identificables

el espacio virtual le da a la

universidad una imagen propia

de cordialidad, seguridad y de

tener un ambiente educativo

seguro y amable para todos

cumple con la

característica de

usabilidad es fácil de

comprender y de

interactuar

logos ubicados en toda la pagina ,

de tamaño equilibrado con el

resto de la presentación

rutas de navegación claras

y distribuidas de acuerdo

a lo que se requiere

BIBLIOGRAFIA

• www.lawebera.es/diseno-web/diseno-visual-de-una-pagina-web.php#

• http://www.xn--guiadiseo-s6a.com/07_adaptacion_principal.php

• http://www.desarrolloweb.com/articulos/19.php

• Htttp://www.educaplay.com

• http://www.virtualeduca.org/documentos/manual_del_contenidista.pdf