Introducción al Diseño Web

Profesorado

Ramon Forns

Ramon Forns

Graduado en Diseño Audiovisual por BAU, Centre Universitari de Disseny, y titulado en Administración de Sistemas informáticos.

Trabaja en la empresa privada en el ámbito de la programación y diseño web, la creación de contenidos digitales, la coordinación de proyectos digitales y el desarrollo de aplicaciones móviles.

Ficha Técnica

Titulación: Grado Universitario en Diseño

Créditos: 6

Curso: Cuarto

Tipo: Optativa Diseño Gráfico

Código asignatura: GDVG34

PRESENTACIÓN

Poner fundamentos en el conocimiento básico del diseño web y capacitar al alumno para trabajar y relacionarse con dicha industria.

  • a. Conocer las diferentes especialidades y los perfiles en los proyectos web.
  • b. Ser capaces de llevar a cabo cada una de estas especialidades.
  • c. Ser capaces de desarrollar un proyecto web de principio a fin.

 

CONTENIDOS

Bloque 1. Introducción a la asignatura

  • Diferencias entre el diseño en papel y el diseño para dispositivos.
  • Proceso de trabajo y flujos de trabajo en un proyecto web.
  • Diferentes tipos de diseñador web (UX, Visual, UI dev).

Bloque 2. Búsqueda

  • Creación de Personas.
  • Creación de User Journeys.
  • Benchmarking.

Bloque 3. UX - Experiencia de usuario

  • Bocetos.
  • Arquitectura de la información.
  • Flujos.
  • Wireframes.
  • Análisis heurístico.

Bloque 4. Diseño visual

  • Resoluciones de pantalla.
  • Trabajo con fotografía/imagen.
  • Tipografía.
  • Iconografía.
  • Color.
  • Grid (retícula)

Bloque 5. UI Dev. - Maquetación

  • Aspectos tecnológicos.
  • Contenido (HTML) Aspecto visual (CSS).
  • HTML5 y CSS3.
  • Responsive Design.
  • Validación del código.

 

RESULTADOS DEL APRENDIZAJE

  • Identifica y define los usuarios a los que irá destinada su aplicación web y escoge una tendencia visual adecuada.
  • Piensa y materializa adecuadamente flujos, wireframes y bocetos adecuados para su proyecto en base a la investigación llevada a cabo.
  • Maqueta su proyecto web de forma ordenada y siguiendo los estándares.
  • Aplica sus conocimientos, la comprensión y sus capacidades de resolución de problemas en el ámbito profesional del diseño web de forma creativa e innovadora.

 

COMPETENCIAS ESPECÍFICAS

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

 

EVALUACIÓN

  • Observación de la participación
  • Seguimiento del trabajo realizado
  • Realización de trabajos o proyectos