Guía docente [ descargar ]

ASPECTOS GENERALES

DATOS DE LA ASIGNATURA

Asignatura: Diseño Digital           
Profesor: Guillermo Navarro Oltra

CRÉDITOS Y TIEMPO DE APRENDIZAJE

Créditos: 9 UCLM
Créditos ECTS: 8 ECTS
Horas de Trabajo: 200 por curso / 7,14 horas/semana

LA ASIGNATURA EN EL PLAN DE ESTUDIOS

Esta asignatura se plantea como una introducción a las diversas herramientas teórico-prácticas así como a los procesos a seguir en la elaboración proyectos para soporte digital on-line y para los proyectos de animación de imagen bitmap para soporte cinematográfico y televisivo. Como objetivos de este curso se plantean la familiarización del alumno con el lenguaje informático y el software específico para elaborar sitios web interactivos, tanto estáticos como animados y para la realización de  animaciones bitmap. Asimismo, se hará hincapié en los conceptos necesarios para mejorar la usabilidad de dichos sitios web, siendo crucial tanto la correcta gestión de la información que se incluya como el aspecto gráfico, adecuado a los objetivos buscados, de la misma. En la realización de gráficos animados interactivos será imprescindible familiarizar al estudiante con los conceptos de navegación, legibilidad en pantalla y adecuación gráfica al tema, objetivos estos primordiales así mismo en la realización de gráficos animados para cine y televisión.

PRE-REQUISITOS O CONOCIMIENTOS PREVIOS

Haber superado ITI 1
Aparte del manejo de el sistema operativo de MacOSX sería conveniente que los conocimientos previos del estudiante incluyeran el dominio de herramientas y aplicaciones informáticas, no sólo de tratamiento de imagen bitmap (Adobe Photoshop), sino de creación de imagen vectorial (Adobe FreeHand o Adobe Illustrator) así como unos conocimiento mínimos de composición gráfica sobre estructuras reticulares y una base en animación vectorial (Adobe Flash).

COMPETENCIAS A DESARROLLAR

Conocimiento y aplicación de los procedimientos tanto técnicos como gráficos del diseño gráfico desde y para el soporte electrónico.
Dominio de las herramientas informáticas necesarias y la combinación de las mismas para obtener los mejores resultados finales.
Familiarización con los medios de expresión gráfica en los nuevos medios.

DESARROLLO CURRICULAR

OBJETIVOS

Transversales

1. Conceptuales:
1. Presentar el soporte web como un medio completamente distinto al físico no sólo en aspecto sino, también, en las leyes físicas que lo rigen.
2. Tener en cuenta que el soporte web no es un fin en si mismo, salvo en algunas prácticas artísticas, sino un medio de comunicación y, por tanto, un medio de emisión, promoción y propagación de mensajes, ya sean estos culturales, comerciales, propagandísticos, o personales.
3. Señalar los nexos de unión y conexión con el mundo físico así como la ósmosis entre los diversos medios y herramientas entre el mundo físico y virtual.
2. Procedimentales
1. Mostrar los diversos entornos y herramientas de software necesarios para la elaboración de sitios web, infografías animadas,  títulos de crédito y cabeceras TV y de los elementos subordinados a éstos.
2. Estudiar tanto formal como estructuralmente ejemplos de websites, infografías animadas,  títulos de crédito y cabeceras TV,  tanto como medios educativos y comerciales como institucionales y artísticos.
3. Actitudinales:
1. Interés en el conocimiento de nuevas formas y medios de expresión.
2. Evitar ser seducido por la técnica y concebir los nuevos medios como un fin en sí mismo.
3. Desarrollar habilidades y actitudes relacionadas con la formación permanente.

Específicos

1. Conceptuales:
1. Estudiar tanto formal como estructuralmente ejemplos de websites tanto como medio educativo y comercial como institucional y artístico.
2. Familiarizarse con los procesos necesarios para la realización de un proyecto de un sitio web, desde su inicio a su conclusión.
2. Procedimentales:
1. Proporcionar las referencias textuales primordiales de los contenidos de la asignatura.
2. Familiarizarse con el uso del software específico para diseño de páginas web (Dreamweaver, GoLive…), para el tratamiento de imagen bitmap (Photoshop, ImageReady…) e imagen vectorial (Freehand, Illustrator…) y para la realización de animaciones vectoriales (Flash).
3. Establecer unos ejercicios prácticos como medio de exploración –de los conceptos y herramientas de software mostrados en clase– y de comprobación –de los conocimientos adquiridos por el alumno–.
4. Usar las distintas herramientas a su alcance (tanto digitales como analógicas) con el fin de que el estudiante aplique su creatividad a la técnica –necesaria para resolver las propuestas prácticas– con el fin de obtener los mejores resultados formales a su alcance.
3. Actitudinales:
1. Responsabilidad e implicación frente a su propio proyecto
2. Motivación y esfuerzo para el aprendizaje
3. Discusión y aportación de las ideas aportadas en clase

CONTENIDOS

Se tratarán tres grandes bloques, uno por trimestre:

1. HTML, imágenes, iconos, CSS, gestión de proyecto, branding e identidad en la red
1. HTML

1. Historia
2. Teoría del ciberespacio
3. Tags y Parámetros

2. Estructura de una website
3. Usabilidad de una website
4. Cascade Style Sheets (CSS)
5. Imágenes

1. Bitmap / vectorial
2. Formatos para web JPEG, GIF, PNG
3. Resolución pantalla/impresión

6. Iconos

1. Índice, icono, símbolo
2. Icono web

7. Génesis de un proyecto
8. Diseño Gráfico en la red

1. Tipos de interactividad
2. Diseño de interfaces
3. Guías de estilo para documentos

9. Branding en Internet

1. Las 11 leyes inmutables

10. Identidad en Internet

2. Animación web > Introducción a la animación vectorial
1. Animación web

1. Dibujo vectorial
2. Narración
3. Animación
4. Línea de tiempo
5. Interactividad
6. Infografía animada

3. Animación bitmap > Títulos de crédito
1. Animación bitmap
2. Títulos de crédito

1. Cine
2. Series de televisión
3. Programa de televisión

ACTIVIDADES

Sintetizar o esquematizar la exposición del profesor, resolución de problemas, informes de prácticas, debates, lecturas, analizar y resolver casos, trabajos de síntesis, pruebas de comprobación, presentación y discusión de trabajos, etc.

CRONOGRAMA O CALENDARIO

 EVALUACIÓN