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
Jordi Galobart
Freelance developer of websites and digital applications