We use proprietary and third party cookies to provide our services, customise and analyse your browsing, and display advertising related to your preferences. If you continue to browse, we will consider that as acceptance of their use. You can adjust settings and view more information in the cookies policy
Accept
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: 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.