13 Diseño Web Máster U. En Diseño Gráfico y de Interface para nuevos dispositivos Semipresencial. 75% Presencial 25% Online

13 Diseño web



























Sumario

























Datos básicos

3

Breve descripción de la asignatura

4

Requisitos previos

4

Objetivos

4

Competencias

4

Contenidos

4

Metodología

5

Criterios de evaluación

5

Recursos de aprendizaje y apoyo tutorial

5

Breve CV del profesor responsable

6



Máster U. Diseño Gráfico y de Interface para nuevos dispositivos 2

13 Diseño web



12 Fundamentos de la programación Datos básicos

Módulo: COMUNICACIÓN VISUAL Y DISEÑO DE INTERFACE EN NUEVOS DISPOSITIVOS Carácter: Obligatoria Nº de créditos: 4 ECTS Unidad Temporal: 2 Semestre Calendario: Enero-Mayo Horario: el del máster: jueves 16-21h, viernes 9-14h y 16-21h. Idioma en el que se imparte: español Profesor/a responsable de la asignatura: Dr. Fernando Suárez Carballo E-mail: [email protected] Otros profesores: Bruno Sáez; José María Román. Horario de tutorías: Jueves de 9 a 13h.

Máster U. Diseño Gráfico y de Interface para nuevos dispositivos 3

13 Diseño web

Breve descripción de la asignatura La asignatura Diseño Web pone el foco en los problemas de diseño gráfico, interacción y arquitectura de la información de sitios web. Se trata de poner en práctica lo aprendido en la asignatura Fundamentos de la programación. Pone el foco en técnicas de diseño editorial aplicadas al diseño web.

Requisitos previos No se establecen requisitos previos.

Objetivos • • • • •

Desarrollar la capacidad de interpretar y manipular código HTML para comprender cómo están diseñados los sitios web. Aprender a emplear las CSS para poder personalizar plantillas (por ejemplo de wordpress) y para desarrollar nuevos sitios. Aprender los conceptos básicos de la programación en navegadores Web Aprender los principios básicos de la biblioteca de programación de visualizaciones interactivas de datos D3 Conocer los fundamentos de la especificación de gráficos vectoriales SVG

Competencias Competencias generales



Competencias específicas





A02.- Capacidad para asumir diferentes roles dentro de grupos de trabajo en proyectos de comunicación multidisciplinares. A03.- Habilidad para presentar un proyecto empleando como apoyo recursos gráficos, visuales o audiovisuales. A05.- Capacidad para integrar el uso de diferentes tecnologías. A07.- Conocer e identificar las necesidades de comunicación frente a desafíos y necesidades concretos. B03.- Aprovechar las cualidades, formatos y pautas distintivas del lenguaje visual (imagen estática) en cualquiera de sus manifestaciones, incluyendo el grafismo. B04.- Aprovechar las cualidades, formatos y pautas distintivas del lenguaje audiovisual (imagen animada más audio) en cualquiera de sus manifestaciones, incluyendo el grafismo animado. B05.- Aprovechar y adaptarse a los sistemas de interacción, mecanismos y Máster U. Diseño Gráfico y de Interface para nuevos dispositivos 4

13 Diseño web

sensores propios de cada dispositivo. B06.- Concebir, definir y elaborar la estructura y funcionalidades de un sitio web, una aplicación para dispositivo móvil (teléfono o tablet) o un canal de digital signage. B07.- Generar o modificar secuencias y estructuras básicas de programación. B08.- Generar una experiencia de usuario satisfactoria en los sistemas de interface.







Contenidos CONTENIDOS DE LA ENSEÑANZA LA TIPOGRAFÍA COMO UNIDAD MÍNIMA

1. El uso de la tipografía en el diseño web. 2. El ritmo vertical en la composición modular de un sitio web.

DISEÑO Y REDISEÑO DE UN MEDIO ONLINE 3. 4. 5. 6.

Fases del diseño/rediseño. Arquitectura de información y prototipado. Del bocetado al diseño Hi-Fi. Desarrollo, versión beta, implementación e iteración.



Metodología METODOLOGÍA

HORAS

Sesiones teóricas y estudios de caso

30

Seguimiento del trabajo práctico

10









Lecturas y elaboración de trabajos. Resolución de problemas

60

HORAS DE TRABAJO PRESENCIAL Y ONLINE 30 presencial 10 online (40%)



HORAS DE TRABAJO AUTÓNOMO

60 (60%)

Máster U. Diseño Gráfico y de Interface para nuevos dispositivos 5

13 Diseño web





TOTAL



40

60



Criterios de evaluación 40% Evaluación continuada y seguimiento del trabajo en el aula, intervención en clase e interacción online con el profesor. 60% Elaboración de un sitio web en el que se apliquen los aprendizajes. CONVOCATORIA EXTRAORDINARIA (JUNIO). Los mismos criterios.

Recursos de aprendizaje y apoyo tutorial Se empleará una plataforma Moodle (o similar) como repositorio de las presentaciones empleadas en clase y otros materiales que completen la asignatura. También será el lugar en el que se entregue el proyecto y en el que prioritariamente los profesores den feedback a los estudiantes. Además, los profesores podrán emplear otro tipo de recursos online para completar la docencia. BIBLIOGRAFÍA Y OTROS RECURSOS La bibliografía y otros recursos online están disponibles en la plataforma Moodle. Breve CV del profesor responsable Fernando Suárez Carballo es licenciado en Periodismo por la Facultad de Ciencias de la Información de la Universidad Pontificia de Salamanca (2000) y doctor en Ciencias de la Información por esta misma Universidad (2005). Posee la acreditación de Profesor Contratado Doctor y Profesor de Universidad Privada por la ACSUCYL y la ANECA. Es profesor Encargado de Cátedra en la Facultad de Comunicación de la UPSA, en la que, desde el año 2000, imparte diferentes asignaturas vinculadas al diseño gráfico y la comunicación visual. Es autor de varios artículos científicos relacionados con estas disciplinas y desde el año 2007 edita el blog Cosas Visuales. Entre sus cargos de gestión, ha sido coordinador de la titulación de Publicidad y Relaciones Públicas y Vicedecano de Alumnos de esta Facultad de Comunicación

Máster U. Diseño Gráfico y de Interface para nuevos dispositivos 6