analisis del manejo de imagen,

1. ANALISIS DEL MANEJO DE LA IMAGEN
VIRTUAL
PAGINA WEB UNIVERSIDAD TECNOLOGICA DE
PEREIRA
SONIA AMPARO DAZA
UNIVERSIDAD COOPERATIVA DE COLOMBIA
ESPECIALIZACION DOCENCIA UNIVERSITARIA

2. PAGINA PRINCIPAL

3. • 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.

4. ELEMENTOS VISUALES DE LA PAGINA
ICONOS
FOTOGRAFIA
PAGINAS
INTERACTIVAS
LOGOS
V IDEOS
BLOGS ANIMACIONES
PAGINAS
INTERACTIVAS

5. 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 presentauna
imagen 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.»

6. 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

7. CARACTERISTICAS DE PAGINA PRINCIPAL
FOTOGRAFIA
PRINCIPAL
MENU
PRINCIPAL CONEXIÓN
REDES SOCIALES
MENU
LATERAL
CONEXIÓN REDES
EXTERNAS
CONTENIDO

8. CARECTERISTICAS DE PAGINAS
DE LOS MENUS
BLOQUE
SUPERIOR
SUBMENUS
MENU
LATERAL

9. COMPARTIR
CONTENIDOS VISUALES
ANALISIS DE IMAGEN
LOGO
UNIVERSIAD
ALEGRIA
SOCIALIZAR
TRANQUILIDAD
Imagen principal fotografia centrada en parte
superior de la pagina principal que muestra , vende
bienestar, tranquilidad, cordialidad fiabilidad,
seguridad , de un entorno universitario.

10. 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.

11. CONTENIDOS VISUALES VIRTUALES
ANALISIS DE CONTENIDOS VISUALES
PORTAL INFANTIL
MENU
PORTAL INFANTIL

12. ANALISIS DE CONTENIDOS VISUALES
PORTAL INFANTIL
CONICIENDO EL
MEDIO
CAMPUS
UNIVERSITARIO
SUBMENUS

13. ANALISIS DE CONTENIDOS VISUALES
PORTAL INFANTIL
ZONA ESCOGIDA
DEL CAMPUS
INGRESO
A JARDIN
BOTANICO

14. ANALISIS DE CONTENIDOS VISUALES
PORTAL INFANTIL
DA A CONOCER EL SITIO
DIDACTICAMENTE
CON JUEGOS
SITIOS DE
ENTRADA

15. ANALISIS DE CONTENIDOS VISUALES
PORTAL INFANTIL
JUEGOS A REALIZAR

16. 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.

17. DEL ESPACIO
DE LOS ELEMENTOS
VISUALES DE LOS CONTENIDOS VISUALES
DE 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

18. 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_conte
nidista.pdf