Go back to Bachelor Degree in Design

Introduction to Web Design

Analizar, conceptualizar, diseñar, desarrollar e implementar un proyecto web real, que responda a las necesidades del medio hoy en día en términos de optimización, usabilidad y visualización en dispositivos móviles. Los contenidos de la asignatura iránenfocados especialmente al diseño visual de interfaces gráficas.

  • Studies: Bachelor Degree in Design
  • Credits: 6 ECTS
  • Year: Fourth year
  • Type: Elective
  • Mention: Mention in Graphic Design and Visual Communication
  • Subject code: 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.

Teachers

Raül Maldonado, Graduate in Design

Raül Maldonado

Graduate in Design

Jordi Galobart, Freelance developer of websites and digital applications

Jordi Galobart

Freelance developer of websites and digital applications