Volver al Grado en Diseño

Introducción al Diseño Web

Esta asignatura muestra cómo analizar, conceptualizar, diseñar, desarrollar e implementar proyectos gráficos por pantalla, sean webs, apps o propuestas digitales multi-plataforma. El alumno aprenderá las características del medio online hoy en día, en términos de optimización, usabilidad y visualización en dispositivos móviles. Los contenidos de la asignatura irán enfocados especialmente al aprendizaje de lenguajes y herramientas de maquetación web, y al diseño visual de interfaces gráficas interactivas y animadas. El temario toma el relevo de Infografía II, es recomendable cursarla pero no es imprescindible.

  • Estudio: Grado en Diseño
  • Créditos: 6 ECTS
  • Curso: Cuarto Curso
  • Tipo: Optativa
  • Mención: Mención en Diseño Gráfico y Comunicación Visual
  • Código de asignatura: GDVG34

Contenidos

Módulo 1: Conceptualización
Tema 1. Proceso de trabajo y flujos de trabajo en un proyecto web
Tema 2. Diferentes tipos de diseñador web (UX, Visual, UI dev)
Tema 3. Definición de los objetivos: Briefing, user persona, benchmarking

Módulo 2: UX: Experiencia de usuario
Tema 1. Arquitectura de la información y estrategia de contenidos. Flow charts.
Tema 2. Principios de usabilidad
Tema 3. Wireframe
Tema 4: Testeo y herramientas de prototipado

Módulo 3: UI: DIseño de interfaz
Tema 1. Resoluciones de pantalla
Tema 2. Trabajo con fotografía / imagen
Tema 3: Legibilidad y Tipografía
Tema 4: Iconografía
Tema 5. Color
Tema 6. Grid / Retículas
Tema 7. Responsive web design y Mobile First
Tema 8. Trabajo con software específico de diseño UI: Illustrator, Photoshop y Sketch 3
Tema 9. Prototipos de alta fidelidad

Módulo 4: Maquetacions y estilos. Desarrollo de un proyecto web HTML5 Y CSS3
Tema 1: Maquetación web: Estructura y contenido HTML + CSS
Tema 2: Nuevos estándares: HTML5 y web semántica + CSS3
Tema 3: Responsive Web Design. Optimización para dispositivos móviles.

Módulo 5: Test y publicación de web

Módulo 6. CMS (Wordpress)

Resultados de Aprendizaje

  • Identifica y define a los usuarios de su aplicación web, escogiendo una formalización adecuada.
  • Gestiona los procesos de conceptualización, diseño y desarrollo de una aplicación interactiva y / o multiplataforma (online y off-line)
  • Piensa y materializa adecuadamente flujos, wireframes y bocetos adecuados para su proyecto, sobre la base de la investigación llevada a cabo.
  • Usar adecuadamente las herramientas específicas de creación y maquetación de contenido para la web.
  • Optimiza el material multimedia según las necesidades del medio al que se dirige.
  • Aplica sus conocimientos, el criterio y sus capacidades de resolución de problemas en el ámbito profesional del diseño de web, forma creativa e innovadora.

Competencias Específicas

CE5. Domina las técnicas de representación gráfica, las herramientas de representación digital, así como los lenguajes expresivos y la producción formal manual específicos de los diferentes ámbitos del diseño para poderlas aplicar de forma coherente a los procesos de experimentación, de desarrollo, de realización y de presentación de los proyectos profesionales.

Evaluación

La evaluación de esta asignatura se realizará a partir de las notas de las entregas periódicas, el proyecto final de cada módulo y la participación en clase. Es imprescindible entregar y aprobar todos los ejercicios para aprobar la asignatura.

La asignatura se divide en cuatro módulos evaluables:
1. Módulo de maquetación HTML y CSS responsive. (30% nota final)
2. Módulo diseño de interfaz web responsive (30% nota final)
3. Módulo de trabajo con CMS (30% nota final)
4. Evaluación de la actitud, participación y asistencia (10% de la nota final.)

La asistencia es obligatoria, y es necesario asistir a un mínimo del 70% de las clases para poder ser evaluado/a.

Profesorado

Raül Maldonado, Grado en Diseño mención Gráfico. Dirección de arte

Raül Maldonado

Grado en Diseño mención Gráfico. Dirección de arte

Jordi Galobart, Desarrollador freelance de webs y aplicaciones digitales

Jordi Galobart

Desarrollador freelance de webs y aplicaciones digitales