Máster en Diseño gráfico Diplomatura de postgrado en Diseño de elementos gráficos Diplomatura de postgrado en Diseño web - Guía académica Curso ...
←
→
Transcripción del contenido de la página
Si su navegador no muestra la página correctamente, lea el contenido de la página a continuación
Máster en Diseño gráfico
Diplomatura de postgrado en
Diseño de elementos gráficos
Guía académica Diplomatura de postgrado
Curso 2020 / 2021 en Diseño web
04. Información básica
Máster en Diseño gráfico
Postgrado en Diseño de elementos gráficos
Postgrado en Diseño web
07. A quién va dirigido
08. Estructura
10. Profesorado
12. Contenidos
Postgrado en Diseño de elementos gráficos
Tipografía
Recursos informáticos
Producción gráfica
Análisis y gestión de proyectos de diseño
Proyectos de aplicaciones gráficas
Proyectos de identidad gráfica
Postgrado en Diseño web
Vídeo digital y animación
Introducción a la programación
Análisis y gestión de publicaciones digitales
Diseño para gestores de contenidos (CMS)
Proyectos web
Proyectos Rich Media
Trabajo final de máster
36. Evaluación
40. Servicios e instalaciones
42. Contacto
Máster en Diseño gráfico Información básica
El Máster en Diseño gráfico de EINA
trata las especificidades del diseño para
la conceptualización, la planificación,
la gestión de recursos y la dirección de
proyectos tanto en el ámbito del diseño
impreso como el digital y online.
El programa está orientado tanto a perso-
nas que tengan conocimientos en otros
ámbitos del diseño o de la comunicación
(bellas artes, ilustración, comunicación
y relaciones públicas, comunicación au-
diovisual, arquitectura, diseño de produc-
to, interiorismo ...), como a personas que
tengan experiencia profesional.
El máster está formado por dos diplo-
maturas de postgrados que se pueden
cursar de manera independiente:
Postgrado en Diseño de elementos
gráficos (de septiembre a enero)
Postgrado en Diseño web
(de febrero a junio)
Coordinadoras Fechas Duración Precio
Anna Fuster 28/09/2020 a 500h presenciales y 8.400€ (10% dto.
y Lluc Massaguer 29/09/2021 1.250h de trabajo autó- exalumnos y Alumni
nomo del estudiante UAB Premium)
Edición Horario
11ª De lunes a jueves, Plazas Titulación
de 16h a 20h Mínimo 15 y máximo 25 Máster en Diseño Gráfi-
Créditos co, otorgado por la Uni-
70 ECTS Idioma versitat Autònoma de
Castellano y catalán Barcelona
04
Postgrado en Diseño Información básica
de elementos gráficos
La Diplomatura de postgrado en Diseño
de elementos gráficos de EINA tiene por
objetivo formar profesionales en el ámbito
del diseño gráfico y la comunicación vi-
sual. Aborda las especificidades del dise-
ño gráfico, tanto en lo referente al diseño
de elementos gráficos, como en la gestión
y la dirección de proyectos gráficos.
Además, profundiza en el conocimiento
de la tipografía, la producción gráfica,
la gestión y la creación de proyectos de
aplicaciones gráficas y de identidad grá-
fica, así como en los recursos de softwa-
re que ayuden a su desarrollo.
Incluida dentro del Máster en Diseño grá-
fico de EINA, esta diplomatura está orien-
tada tanto a personas que tengan cono-
cimiento en otros ámbitos del diseño, la
comunicación o ámbitos afines como la
arquitectura, la ilustración, el periodismo,
etc., así como a personas que acrediten
una experiencia práctica profesional.
Coordinadora Fechas Duración Titulación
Lluc Massaguer 28/09/2020 a 240h presenciales y Diplomatura de
29/01/2021 510h de trabajo autó- postgrado en Diseño
Edición nomo del estudiante de elementos gràficos,
11ª Horario otorgado por la Uni-
De lunes a jueves, Precio versitat Autònoma de
Créditos de 16h a 20h 3.600€ (10% dto. Barcelona
30 ECTS exalumnos y Alumni
Idioma UAB Premium)
Castellano y catalàn
05
Postgrado en Diseño web Información básica
La Diplomatura de postgrado en Diseño
web de EINA tiene por objetivo formar
profesionales en el ámbito del diseño
gráfico aplicado a proyectos web. Aborda
las especificidades del diseño aplicado
a la web en todas sus facetas: desde la
gestión y estrategias de proyectos web, el
análisis y la planificación de la experien-
cia de usuario, la adaptación del diseño
gráfico al mundo online, y el dominio de
las herramientas y lenguajes propios del
diseño web.
Abarca también el conocimiento tanto de
la programación básica y la creación con
gestores de contenidos, como la creación
de proyectos Rich Media con un alto com-
ponente audiovisual e interactivo.
Incluida dentro del Máster en Diseño
gráfico de EINA, está orientada tanto a
personas que tengan conocimiento en
otros ámbitos del diseño gráfico y digital,
y personas que acrediten una experiencia
práctica profesional.
Coordinadora Fechas Duración Titulación
Anna Fuster 10/02/2021 a 240h presenciales y Diplomatura de post-
25/06/2021 510h de trabajo autó- grado en diseño web,
Edición nomo del estudiante otorgado por la Univer-
10ª Horario sitat Autònoma de
De lunes a jueves, Precio Barcelona
Créditos de 16h a 20h 3.600€ (10% dto.
30 ECTS exalumnos y Alumni
Idioma UAB Premium)
Castellano y catalán
06
A quién va dirigido
Máster en Diseño gráfico Postgrado en Diseño de elementos
El máster tiene una orientación profesio- gráficos y Postgrado en Diseño web
nalizadora que completa la formación de Ambos programas están dirigidos a:
las titulaciones (de Grado y Graduado su-
perior y Graduado en Diseño) generalis- Graduados superiores en Diseño
tas, así como la de aquellos estudiantes gráfico, diseño de producto o
que han cursado alguna especialización, diseño de interiores
itinerario o mención de diseño diferente a
la de gráfico (diseño de espacios, diseño Licenciados en Bellas Artes
de producto, diseño de moda o textil).
Licenciados en Publicidad
Los contenidos del máster también están y Relaciones Públicas
dirigidos a aquellos profesionales que
Licenciados en Comunicación
utilizan intensivamente aplicaciones de
Audiovisual
diseño gráfico y sienten la necesidad de
participar activamente en los procesos Profesional o académico con
de formalización, gestión y/o producción experiencia acreditada
de proyectos.
En este sentido, el máster dota de com-
petencia profesional en las diferentes
labores de responsabilidad de los pro-
cesos de diseño gráfico, ya sea desde el
trabajo autónomo o integrado en agen-
cias y estudios que ofrecen servicios de
diseño gráfico, o también en los departa-
mentos de diseño gráfico de empresas e
instituciones.
07
Estructura
El Máster en Diseño gráfico (70 ECTS) DIPLOMATURA DE POSTGRADO EN
está estructurado en dos titulaciones que DISEÑO DE ELEMENTOS GRÁFICOS
pueden cursarse de manera indepen- (30 ECTS)
diente:
Módulo: Recursos de diseño gráfico
Postgrado en Diseño de elementos
10 ECTS
gráficos (30 ECTS)
Tipografía
Postgrado en Diseño web
Nikita Baschmakov, Enric Jardí
(30 ECTS)
y Albert Corbeto
Para obtener la titulación de máster es 40h lectivas / 85h autónomas
necesario también cursar y aprobar el:
Recursos Informáticos
Trabajo de final de máster Salvardor Huertas
(10 ECTS) 40h lectivas / 85h autónomas
Los contenidos se estructuran en módu- Módulo: Gestión y producción en el
los, que a su vez están constituidos por proceso de diseño gráfico
asignaturas. A continuación, se indicarán 10 ECTS
los contenidos y profesorado de cada
una de las titulaciones. Producción gráfica
Josep Amat, Lluc Massaguer
y Núria Vila
40h lectivas / 85h autónomas
Análisis y gestión de proyectos
de diseño gráfico
Anna Llàcer, Agnès Simon y Pablo
Salas
40h lectivas / 85h autónomas
Módulo: Proyectos de diseño gráfico
10 ECTS
Proyectos de aplicaciones gráficas
Martí Ferré
40h lectivas / 85h autónomas
Proyectos de identidad gráfica
Elena Sancho
40h lectivas / 85h autónomas
08
Estructura
DIPLOMATURA DE POSTGRADO EN TRABAJO FINAL DE MÁSTER
DISEÑO WEB (30 ECTS) (10 ECTS)
Módulo: Recursos para el diseño web Módulo: Trabajo final de máster
10 ECTS 10 ECTS
Vídeo digital y animación Tutorías puntuales con cualquier
Diego Fernández profesor del máster / 230h autónomas
40h lectivas / 85h autónomas
Introducción a la programación
Albert Casado y Jordi Collell
40h lectivas / 85h autónomas
Módulo: Procesos para el diseño web
10 ECTS
Análisis y gestión de publicaciones
digitales
Diego Fernández y Mireia Ribera
40h lectivas / 85h autónomas
Diseño para gestores de
contenidos CMS
Daniel Julià y Rubén Alcaraz
40h lectivas / 85h autónomas
Módulo: Proyectos de diseño digital
10 ECTS
Proyectos web
Anna Fuster y Mireia Ribera
40h lectivas / 85h autónomas
Proyectos Rich Media
Joan Ribas y Arnau Lacambra
40h lectivas / 85h autónomas
09
Profesorado Rubén Alcaraz Josep Amat Nikita Bashmakov Albert Casado Jordi Collell Albert Corbeto Diego Fernández Martí Ferré Anna Fuster Salvador Huertas Enric Jardí Daniel Julià Arnau Lacambra Anna Llàcer Lluc Massaguer Joan Ribas Mireia Ribera Elena Sancho Agnès Simon Núria Vila 10
© Gemma Fontanals, FIERA, Premio Laus Oro Estudiantes 2019
11Postgrado en Diseño
de elementos gráficos
TIPOGRAFÍA
Descripción y objetivos Temario
La asignatura es una formación intensiva Tema 1. Introducción a la tipografía
en los aspectos teóricos y prácticos de la
Historia de la escritura
tipografía, cuyo manejo resulta imprescin-
dible para desarrollar proyectos de dise- El proceso de lectura
ño gráfico profesionales hoy en día. Los Diferencia entre escritura, caligrafía,
contenidos teóricos van acompañados de lettering y tipografía
ejercicios y proyectos autónomos donde
el alumnado pone en práctica, investiga y Conceptos básicos: tipo / fuente,
experimenta con los aspectos impartidos letra / caracter / glifo
en clase. Todo ello con el objetivo de: Otros alfabetos y sistemas de escri-
tura. Codificación Unicode
Conocer las bases teóricas y prác-
Anatomía básica de la letra
ticas de la tipografía, su evolución
histórica y los aspectos técnico Elementos de una tipografía: caja
estéticos cuyo dominio es necesa- alta, baja, versalitas, números, pun-
rio para asumir las competencias tuación...
profesionales actuales. Parámetros de caracter: tipo, tama-
Adquirir capacidad analítica y críti- ño, altura de x, ojo medio, contraste,
ca en dicho campo eje, altura mayúsculas, peso, anchu-
ra, cursiva / itálica / oblicua, espa-
Aprovechar al máximo las posibili-
ciado, tracking, kerning, interlínea
dades discursivas y expresivas de la
tipografía. Parámetros de párrafo: alineación,
anchos de columna, partición pala-
Adquirir conocimientos sólidos para
bras, separación de párrafos, justifi-
desarrollar proyectos editoriales
cación
complejos.
Microtipografía: ligaduras, números,
símbolos de puntuación...
Ortotipografía básica
12Contenidos
Tema 2. Clasificación tipográfica Tema 3. Composición de página
Sistemas de clasificación Uso de retículas tipográficas para
tipográfica composición
Tipos serif: capitales, romanas Columnas y filas
antiguas, de transición, modernas,
Rejilla base, interlínea múltiple
escocesas
Combinación de pesos y fuentes
Tipos sans serif: grotescas, neogro-
tescas, humanistas, geométricas
Tema 4. Diseño editorial
Tipos egipcios
Macrotipografía: definición de for-
Tipos display y otras formas de matos y disposiciones de página,
taxonomización tipográfica tamaño de las cajas de texto, orga-
Superfamilias tipográficas nización de los epígrafes, jerarquiza-
ción del texto, etc.
Tipografía expresiva. Siglo XX
y uso narrativo de la fuente Conceptos editoriales fundamenta-
les: partes de las publicaciones, uso
Textos lectura (aspectos de legibili- de retículas, cálculo de márgenes,
dad), textos display ergonomía, usabilidad y aspectos
Textos impresos, textos pantalla materiales como la elección del
(fuentes de sistema y webfonts) papel o la definición del formato
Aspectos técnicos a tener en cuen- Tipos de publicaciones existentes
ta a la hora de la elección tipográ- (lectura lineal, de información, de
fica (formatos, set de caracteres, consulta selectiva, etc.)
hinting, etc.)
13Contenidos
RECURSOS INFORMÁTICOS
Descripción Temario
Confrontación de las opciones técnicas COMPOSICIÓN - ADOBE INDESIGN
de cada programa (edición, ilustración y
Tema 1. Espacio de trabajo
retoque fotográfico) y la relación simbió-
tica que existe entre ellos, enfatizando las Interface y herramientas
compatibilidades y la convivencia entre Creación de documento para los
los programas de forma teórica y práctica. diversos entornos y formatos
(Print: DIN, tabloide; digital 4:3, 16:9)
Contenidos y objetivos
Todo proyecto de diseño requiere del Tema 2. Gestión tipográfica
soporte de herramientas digitales. Un
conocimiento profundo de las platafor- Estilos de Carácter vs Parágrafo. Es-
mas de trabajo informáticas nos permitirá tilos basados en... Opciones de estilo
una mejor gestión del tiempo. Propon- siguiente. Estilos anidados. Estilos
dremos fórmulas de automatización de de objeto. Tabla de contenidos
correcciones y modificaciones. Optimi- Trabajo con documentos Word
zaremos la formalización de conceptos y
Opciones de importación de textos.
la ejecución de originales. Se impartirán
Ajustes automáticos de composi-
los conocimientos necesarios para que el
ción de márgenes Preferencias de
diseñador pueda formalizar un concepto,
edición en editor de artículos. Ges-
escogiendo el proceso de trabajo y las
tión del motor Buscar/Cambiar
aplicaciones informáticas más adecuadas
en cada proyecto.
Tema 3. Maquetación
Opciones de páginas maestras.
Creación rejilla base. Dualidad de
rejilla en un documento. Convivencia
Modularización de página
(Módulos y columnas)
Gestión de guías, cuadrícula de
documento
Tema 4. Creación de originales
Comprobaciones preliminares
(vínculos, tipos,...). Opciones de
empaquetado
Creación de archivos PDF
(Portable Document File)
14Contenidos
Tema 5. Interactividad IMAGEN - ADOBE PHOTOSHOP
Creación de botones. Hipervíncu- Tema 10. Terminología tipos de archivo
los internos y externos. Anclas de
Establecimiento de la relación entre
objeto
el peso de un archivo y su resolu-
Insertar vídeo y audio ción de salida
Opciones de formato de imagen
Tema 6. Dibujo vectorial y especificaciones de uso
Interface y herramientas Tramas, semitonos de color.
Dibujo. Primitivas estándar. Herra- Gestión y control de transparencias.
mienta lápiz vs pluma (monotono, bitono, tritono, mapa
de bit, trama de semitono vs semi-
Edición de trazados. Calco interacti-
tono de color)
vo. Pintura interactiva
Tema 11. Gestión de tareas
Tema 7. Volumen
Automatización de retoque a lotes
Edición de estilos gráficos. Mallas
de imágenes.
y fusiones
Creación de grupos de acciones.
Trabajo con símbolos. Creación
Resolución de problemas
de símbolo
Tema 12. Efectos vs filtros
Tema 8. Efectos 3D
Doble exposición. Gestión de la
Efectos 3D. Creación de renders
superposición de imágenes
volumétricos (packaging)
Trabajo con MockUp. Aplicación de
Opciones de mapeado de capas
gráfica a imágenes preestablecidas
Tema 9. Gestión del color
Tipos de muestra. Global vs local
Gestión del color activo
Gestión y creación de bibliotecas
y grupos de color
Bote de pintura interactiva
15© Maria Millan, Hem estimat la vida. Una història sobre l’Alzheimer 16
Contenidos
PRODUCCIÓN GRÀFICA
Descripción Temario
Estudio de los soportes, de los procesos Tema 1. Proceso de producción gráfica
y de las técnicas de impresión en artes
Desde la reunión con el/la cliente
gráficas y aprendizaje de la preparación
hasta la entrega al usuario/a final
de originales para ser reproducidos
Tema 2. El soporte (el papel y otros
Contenidos y objetivos
materiales)
Entender y conocer la relación profesional
que hay entre el y la profesional del diseño Fabricación del papel (fibras de
gráfico y la imprenta, así como cada una celulosa, pulpa...)
de les partes que integran el proceso grá- Características técnicas del papel
fico desde que la idea toma forma hasta (formato, gramaje, dirección de
que se entrega a su destino final. fibra...)
Dotar al alumnado de los conocimientos Clasificación de tipos de papel
básicos para entender el funcionamien- Otros soportes
to de las diferentes especialidades que
conforman la industria gráfica de repro- Tema 3. Impresión
ducción, así como del lenguaje específi-
Elementos básicos comunes en
co de cada especialidad y de los conoci-
todos los sistemas de impresión
mientos técnicos básicos para un mejor
aprovechamiento de la parte proyectual Modos de reproducción
del/la professional del diseño gráfico.
Sistemas de impresión
(offset, serigrafía, tampografía
Trabajar las técnicas básicas para con- e impresión digital)
seguir la autogestión del alumnado en el
diseño de impresos. Tintas
CMYK vs. tintas planas
17Contenidos
Tema 4. Preimpresión
Fiabilidad del color (Pantone, prue-
bas de color, calibraje de monitores)
Documentos vectoriales vs.
imágenes basadas en píxeles
Como preparar los documentos
para llevar a imprenta
Tema 5. Postimpresión
Tratamientos de superfície y acaba-
dos estéticos
Manipulados de estructura
Encuadernación
Tema 6. Ecodiseño y diseño sostenible
18Contenidos
ANÁLISIS Y GESTIÓN DE
PROYECTOS DE DISEÑO
Descripción Temario
Análisis de procesos que ayuden a llevar Tema 1. El proyecto
un estudio de diseño gráfico. Tema 2. Control de proyectos
Contenidos y objetivos Tema 3. Estrategias de diseño
El objetivo principal es que el alumno se Tema 4. Relaciones profesionales
familiarice con el oficio de diseñar. Para
hacerlo tendrá que aprender las herra- Tema 5. Gestión de talento
mientas necesarias para poder desarro- Tema 6. Diseño y empresa
llar proyectos de diseño gráfico, tanto en
el marco del trabajo profesional autóno-
mo como en el de organizaciones em-
presariales o institucionales. Por ejemplo,
integrando en el proceso de diseñar el
uso de calendarios de trabajo, diagra-
mas, hoja de control de costes... Así como
capacitar al alumno de recursos para
dar valor a su trabajo y poder calcular un
precio adecuado a cada proyecto.
19Contenidos
PROYECTOS DE APLICACIONES
GRÁFICAS
Descripción Temario
Realización de proyectos de aplicaciones El objetivo del curso es la exploración,
gráficas. Solución de proyectos indivi- a través de las herramientas propias del
duales y de proyectos que pertenecen a diseño gráfico, y la posterior creación de
un programa de diseño establecido un conjunto de elementos coordinados
que identificarán un “tema” que se pre-
Contenidos y objetivos sentará en clase. La asignatura es 100%
El objetivo es que el alumno aprenda a práctica y desafiante para el alumnado
concebir y resolver proyectos de aplica- porque deberá enfrentarse a la disección
ciones gráficas como una acción coordi- gráfica de los valores del “tema” para
nada que afecta a los diferentes mensa- trabajarlos por separado, consiguiendo
jes que emiten una empresa o institución. soluciones prácticamente experimen-
Concebir una estrategia de comunica- tales, y focalizadas absolutamente en el
ción adecuada al problema a resolver. concepto y funcionalidad de la solución.
Concebir y redactar un brief que sirva de
directriz del proceso de trabajo. Tema 1. Color vs. packaging
El color como mensajero de ideas
El color como mensajero de
emociones
Creación y diseño del packaging
donde el color es el único elemento
Tema 2. Tipografía vs. póster
La tipografía como mensajera
de ideas y emociones
Tipografía expresiva
Tipoesía
Diseño de una serie de posters
donde la tipografía es la solución
20Contenidos
Tema 3. Imagen vs. revista/publicación
El valor de la imagen
La imagen como elemento
emocional
La imagen como recurso
conceptual
Código visual a partir de imagen
Creación de una fotorevista
Tema 4. Composición y materiales vs.
señalética / gràfica en el espacio
Concepto de grafismo en
el espacio
Componer elementos tridimen-
sionales
Exploración de materiales
en el taller
La materia como mensajera
de ideas y emociones
Ideas y emociones en la
composición
Creación de un prototipo para
presentar
Tema 5. Síntesis de color + tipografía +
imagen + composición + material
Elementos coordinados
Código visual vs. código emocional
Conclusión
21Contenidos
PROYECTOS DE IDENTIDAD GRÁFICA
Descripción Tema 3. Técnicas
La asignatura tiene como objetivo obser-
Uso de retículas
var el contexto y sentido de la identidad
gráfica y visual, las tendencias actuales Simplificación
y la percepción por parte del público. Se Unión de conceptos
realizará un proyecto para explorar los
elementos que componen un logotipo,
así como las diferentes técnicas y etapas Tema 4. Proyecto de Identidad gráfica
de diseño en la creación de una marca.
Desarrollo de Proyecto de identidad
gráfica
Temario
Mockups
Tema 1. Concepto y personalidad de la Brandbook
marca
Personalidad de la marca
Storytelling
Naming
Moodboards: sistemas gráficos
Tema 2. Anatomía de la marca
Elementos de formalización: Forma,
color, tipografía, variantes, subtítulo,
claim, etc.
22© Paula Terra. Convex. Sobre Drogues.
23Diplomatura de postgrado
en Diseño web
ANÁLISIS Y GESTIÓN DE PUBLICACIO-
NES DIGITALES
Descripción Temario
Entender la naturaleza y claves del medio Internet como medio
Internet, conocer los procesos y herra- Google / SEO / SEM / asWords /
mientas que el diseñador debe tener en Google Analytics
cuenta y saber utilizar la perspectiva del
diseño centrado en el usuario a la hora Tecnología
de afrontar un proyecto digital. Planificación
Contenidos y objetivos Presupuestos
Analizar las claves, potencial y hechos Estrategia de contenidos
del medio Internet, conocer la variedad
Procesos de diseño
de publicaciones que permite y el com-
portamiento de sus usuarios. Diseño centrado en el usuario
Investigación y análisis de requisi-
Plantear eficientemente todas las varia- tos de usuario
bles necesarias (target, tracking, usabili-
dad, accesibilidad, marketing, posiciona- Arquitectura de la Información
mento, Google, briefing, tecnología, flujo Diseño de Interacción
de trabajo, presupuestos) para planificar
Prototipado
y llevar a cabo correctamente un proyec-
to digital. Evaluación de la usabilidad
Entender la importancia de los procesos
de diseño en la conceptualización de
webs y aplicaciones de Internet.
Conocer y saber aplicar el diseño cen-
trado en el usuario, su proceso iterativo y
sus principales técnicas y métodos.
24Contenidos
DISEÑO PARA GESTORES DE
CONTENIDOS (CMS)
Descripción Temario
Esta asignatura pretende dar una visión Tema 1. Introduccción al entorno WIP
práctica sobre los gestores de conteni- en un servidor local
dos (CMS, Content Management Sys-
Entorno local de desarrollo
tems) y en particular en Wordpress.
Instalación de Wordpress
Contenidos y objetivos Personalización a nivel de usuario
El objetivo principal es poder diseñar y
crear un sitio web utilizando Wordpress. Tema 2. Diseño a medida de temas
Introducción básica a php y al entorno
de código abierto WP. Panel de adminis- Personalización utilizando el panel
tración de Wordpress y arquitectura de de WP
contenidos. Personalización del tema a Personalización a través de la hoja
nivel de plantillas y css. Recomendación de estilos
y práctica sobre los plugins más intere-
santes. Jerarquía de plantillas
Tema 3. Optimización y funcionalidades
extra
Plugins para extender funciona-
lidades
Optimización (caché, servidor segu-
ro, etc.)
Integración con redes sociales y
sistemas de métricas
25Contenidos
Tema 4. SEO
Fundamentos y conceptos SEO móvil
introducidos Mobile-fist indexing
SEO vs. SEM La usabilidad móvil vista
Motores de búsqueda: estructura y por Google
funcionamiento Datos estructurados
Las páginas de resultados de los
buscadores (SERP) Schema.org y rich snippets
Factores internos (SEO on-page)
Se realizarán 4 ejercicios. El primero
Keyword research consistirá en desarrollar un sitio a partir
Metadatos: título y metadescrip- de un tema prefijado y mediante el panel
ciones de administración. El segundo consistirá
Elementos estructurales: en la creación de un sitio web más com-
encabezados plejo, con una estructura de contenidos
El contenido: texto e imágenes personalizada y un tema a medida. Por lo
SEO técnico: URL, contenido du- que respecta a la parte de SEO, el tercer
plicado, redirecciones, velocidad ejercicio consistirá en el posicionamien-
del sitio, sitemaps.xml, metadirec- to web de un contenido audiovisual. El
tivas y archivo robots.txt cuarto consistirá en la auditoría, planifi-
Factores externos (SEO off-page) cación y optimización SEO del sitio web
desarrollado con WordPress.
Backlinks
Linkbuilding
SEO más allá del sitio web
Herramientas de analítica y
auditoría
Google Search Console: indexa-
ción y análisis del rendimiento
del sitio
Screaming frog: análisis
y auditorías
Otras herramientas útiles
26Contenidos
VÍDEO DIGITAL Y ANIMACIÓN
Descripción Temario
Comprender la importancia del vídeo en Tema 1. Vídeo en diseño
diseño web y adquirir competencias bá-
Vídeo como estrategia de contenido
sicas para planificar y realizar una pieza
de vídeo digital. Vídeo como elemento estructural
Ejemplos
Contenidos y objetivos
Introducción a la creación audiovisual Tema 2. Conceptos generales, metodolo-
y a las características del medio, fami- gía y vídeo digital
liarizándose con los nuevos elementos
que intervienen: la narración, el ritmo, el Elementos clave de la comunica-
tiempo y el sonido, así como la correcta ción audiovisual: narración, tiempo,
aplicación de los conocimientos adquiri- montaje, cámaras, storyboard, edi-
dos en diseño gráfico. ción no lineal, formatos
Adobe After Effects elemental:
Aprender principios básicos de anima- flujo de trabajo, composiciones,
ción y software para llevar a cabo proyec- capas 3D, cámaras, luces, efectos,
tos de vídeo con Adobe After Effects. renderizado.
Introducción al sonido: Música,
Aprender a diferenciar entre las diferen-
efectos de sonido, diálogos
tes tipologías de proyecto audiovisual y
y locuciones
poder distinguir las necesidades. Apren-
der las características de la creatividad
Tema 3. Proyecto
en Internet y las demandas del medio
para poder crear un producto audiovisual Briefing y objetivos
adecuado.
27© Gaizka Pagonabarraga, Líneas Franqueadas 28
Contenidos
INTRODUCCIÓN A LA PROGRAMACIÓN
Descripción
Introducción a la programación para El objetivo primordial de la asignatura es
permitir al diseñador conocer la comple- dotar de las herramientas técnicas nece-
jidad de los proyectos para poder hacer sarias al alumno para poder confeccionar
un buen planteamiento, conseguir una y publicar proyectos en formato web.
comunicación fluida y sacar el máximo
Comprender que es un programa
provecho de las posibilidades técnicas.
informático, como funciona y para
qué sirve. Comprender que es un
Se consolidarán conocimientos básicos
lenguaje de programación.
de internet (redes, protocolos, dns)
y se aprenderá a usar las herramientas Entender los distintos conceptos
básicas, cliente/servidor: orientados a la programación web:
(WWW/FTP/Mail… ). servidor, cliente, programa, ins-
trucciones, html, estilos, archivos,
Se recibirán amplios conocimientos de servicios, cloud, ssl...
html/css y algunos casos prácticos de Saber trabajar con los elementos
javascript, para dotar a los diseñadores básicos: carpetas, archivos, hojas
de herramientas suficientes para confec- de estilo, scripts.
cionar y maquetar sus propios diseños en
html y css planos. Saber trabajar con un editor de
textos.
Contenidos y objetivos Entender cómo funciona el ftp. Sa-
Clases orientadas a la acción donde a ber bajar y subir cosas de un servi-
partir de una pequeña introducción teóri- dor FTP.
ca se pasa a la realización de ejercicios de
Saber trabajar con un pequeño ser-
distintas dificultades, para ir aprendiendo
vidor local MAMP (LAMP/WAMP).
las distintas técnicas básicas de manejo
digital, así como de asumiendo objetivos. Entender y saber utilizar las distin-
tas etiquetas html.
Anexo al temario y a los conocimientos Entender y saber utilizar css.
orientados al aprendizaje de hechos,
también hay una parte de temario orien- Crear un layout responsive para una
tado a la adquisición de cultura digital: web.
(Opensource, linux, redes, seguridad, Saber utilizar el inspector web para
cookies, navegadores, ftp, control de realizar ajustes, detectar errores y
versiones). Será imprescindible que el ser capaz de entender cómo fun-
alumno compre un alojamiento para alo- ciona una página web.
jar los ejercicios de esta asignatura, así
Confeccionar un layout para vuestro
como para alojar otros proyectos a reali-
futuro portfolio.
zar durante el máster.
29Contenidos
Temario
Tema 1. Capacitación Tema 4. Lenguajes de programación web
Ordenadores, computadores Javascript y el cliente
y escritorios El Document Object Model
Redes servidores y protocolos Php en el servidor
Programas y herramientas: Apache php y mysql
editor, fpt...
El navegador y el inspector web Tema 5. Programación WEB (Hoy)
Frameworks javascript cliente y las
Tema 2. HTML SAP (Single Page Applications)
Lenguaje de etiquetas Server Side Rendering
Información y metainformación Lazy-loading
Etiquetas, atributos y padres e hijos Webpack y los empaquetadores
(Grupos y subgrupos)
SASS, postcss
Archivos, carpetas, paths y rutas
Nodejs (express/koa...)
Colores y tamaños
React / Angular / Vuejs. Trabajando
Imágenes y otros medias con componentes
Tema 3. CSS Storybooks y libros de estilo
Hojas de estilo
Selectores y propiedades básicas
#id vs. class
Márgenes y paddings
Distintos tipos de bloques: block,
inline, inline-block
flexbox
Mediaquery y responsive
Construyendo un layout
30Contenidos
PROYECTOS WEB
Descripción Temario
Iniciación a los procedimientos metodo- Práctica del desarrollo de un proyecto
lógicos, técnicos y de lenguaje propios web completo: desde el planteamiento,
del Proyecto, mediante el planteamiento propuesta gráfica y elaboración de un
de problemas de diseño y buscando la prototipo funcional.
resolución creativa por parte del es-
Especificidades del diseño para
tudiante para entender las principales
el medio digital.
disciplinas de un proyecto web.
Proceso de diseño centrado en
Contenidos y objetivos el usuario.
A lo largo del curso se realizará un pro- Briefing, conceptualización, inves-
yecto web que integrará todas las fases tigación y análisis de requisitos de
de producción, desde la ideación hasta la usuario, ideación, arquitectura de la
obtención de un prototipo funcional, y que información y diseño de interacción.
servirá de aglutinador de los aprendizajes
obtenidos a lo largo de todo el curso. Evaluación de la usabilidad
y accesibilidad
Aparte de la realización y seguimiento Diseño de interfaz: propuesta de
del proyecto se trabajarán parte de los maqueta gráfica.
aspectos técnicos necesarios para lle-
Prototipado, testeo y diseño iterativo.
varlo a cabo a nivel de maqueta gráfica
y prototipado con programas de diseño
específicos (Sketch y Figma), comple-
mentado con el desarrollo de un ejercicio
de diseño.
31Contenidos
ROYECTOS RICH MEDIA
Descripción Temario
Desarrollo práctico de proyectos web Tema 1. Patrones de diseño de interac-
con experiencias interactivas, con in- ción con contenidos richmedia. Casos
tegración e interacción de contenidos prácticos
audiovisuales, mejor aprovechamiento de Cursor personalizado
las prestaciones técnicas de los disposi-
tivos móviles, generación de gráficos en Tooltip, descripción emergente
tiempo real con javascript /canvas, uso Bodegón interactivo
de imágenes vectoriales SVG, mejoras de
UX, publicidad interactiva y mini-juegos. Comparador de imágenes super-
puestas
Audiopárrafo
Cronograma
Tema 2. Posibilidades interactivas
de algunas propiedades HTML
Tema 3. Interacciones con eventos click
de Javascript y jQuery
Tema 4. Introducción al uso de Fra-
meworks y Boilerplates
Tema 5. Estructura y composición
de página
Grid layout
Bootstrap
Masonry
Tema 6. Multimedia
Vídeo y Audio HTML5
Sincronización entre reproducción
del media y otros elementos en
página
Introducción a la síntesis de audio
en el navegador
32Contenidos
Tema 7. SVG: Etiquetas, optimización,
integración con HTML/CSS, filtros
Tema 8. Animación de interfaces
Animación en CSS3
Librerias de efectos de animación
CSS3
Transiciones con jQuery
Animación de texto
Animar trazados SVG
Animación en javascript usando re-
questAnimationFrame y setInterval
Tema 9. Narrativa multimedia y Story-
telling en el navegador web
Tema 10. Scrollytelling y otras interaccio-
nes basadas en el scroll
Tema 11. Representacion gràfica y ani-
mación en Canvas
Tema 12. Asistentes “chatbot”
con Landbot
Tema 13. Drag&Drop
Tema 14. Gestos multitáctiles
Tema 15. Explicaciones generales en
ámbito de Compatibilidad, Accesibilidad,
WebApps, Cookies, Geolocalización, Mi-
croformatos y preprocesadores de CSS
3334
Trabajo final de máster Contenidos
En que consiste
El trabajo final de máster consiste en rea- Habrá tres entregas: una al principio del
lizar un trabajo de investigación o un pro- proceso, en la que se hacen los platea-
yecto relacionado con el Diseño Gráfico, mientos iniciales del tema; una entrega
ya sea en el ámbito offline como online. parcial, de control; y una entrega final.
Las fechas se establecerán antes de
Este trabajo se plantea como trabajo au- comenzar el módulo y se comunicarán
tónomo del alumno, aunque contará con oportunamente.
el apoyo de un tutuor o tutora que le será
asignado por el coordinador académico Una vez presentado el texto se presen-
en función de la temática del trabajo. tará y defenderá ante un tribunal en una
sesión pública. Las posibles correcciones
Antes del inicio de esta parte del más- que surjan se podrán incluir en el docu-
ter se darán indicaciones más precisas mento final.
y se establecerá un calendario para la
propuesta y planteamiento del tema del Evaluación del TFM
trabajo, desarrollo, establecimiento de las El tribunal valorará el trabajo en base a la
tutorías y defensa del proyecto. documentación entregada, los conteni-
dos impartidos y las competencias adqui-
Objetivos ridas. De forma general también se ten-
El objetivo del trabajo final es el de de- drán en cuenta los siguientes aspectos:
mostrar, a partir de los conocimientos ad-
Concepto. Valoración del propósito
quiridos durante los anteriores módulos
del trabajo en sí. Elección del tema,
del máster, la capacidad de desarrollar
novedad, etc.
un trabajo analítico, creativo y justificado
que aporte, en la medida de lo posible, Desarrollo. Nivel de desarrolo del
algún aspecto nuevo al ámbito del dise- contenido, buena estructura, cohe-
ño gráfico. rencia en el planteamiento, claridad.
Se valorará la posibilidad de publicar los Formalización. La plasmación en sí
trabajos más destacables o utilitzarlos misma. Calidad del trabajo en con-
para la organitzación de una exposición. junto, detalles y acabados.
Aportaciones y coherencia. Res-
Metodología puestas a los planteamientos inicia-
A partir de la selección de las primera les y consecución de los objetivos.
ideas y la asignación de un tutaor, el
alumno establecerá un sistema de traba- Otros aspectos a destacar.
jo autónomo y de consultas con el tutor.
35Evaluación
La evaluación es continua y va dirigida Módulo: Recursos de diseño gráfico
a adquirir las competencias y los cono- 10 ECTS. (14,2%)
cimientos de forma progresiva. Cada
asignatura se evaluará a partir de un Ejercicios de análisis de letra, párra-
mínimo de 3 actividades de, mínimo, dos fo y diseño de póster tipográfico
tipologías y cuyo peso sobre la nota final Tipografía (30%)
no será nunca superior al 50%. Publicación con trabajo de
identidad, jerarquía, legibilidad
Al tratarse de una titulación de modalidad e innovación
presencial, se requiere una asistencia Tipografía (20%)
mínima al 80% de las clases. La ausencia
no justificada podrá implicar la no eva- Producción informática de compo-
luación. sición con texto
Recursos informáticos (25%)
La valoración se realiza sobre 10 y se re-
Producción informática de imagen
quiere mínimo un 5 para aprobar. Una vez
píxel y vectorial
aprobada una asignatura no podrá ser
Recursos informáticos (25%)
objeto de una nueva evaluación.
Módulo: Gestión y producción en el
Una vez comunicada la nota parcial o
proceso de diseño gráfico
total, los estudiantes disponen de una se-
10 ECTS. (14,2%)
mana para solicitar una revisión de esta.
Trabajo de investigación sobre con-
A continuación, se establecen las activi- diciones de creación, producción,
dades evaluables y su peso sobre la nota organización y gestión de proyectos
final. y procesos de diseño gráfico
Análisis y gestión de proyectos de
diseño gráfico (30%)
Oportunidades de negocio:
viabilidad, valor añadido, costes
y plan de negocio
Análisis y gestión de proyectos de
diseño gráfico (20%)
Trabajo de experimentación e inves-
tigación sobre procesos de produc-
ción gráfica
Producción gráfica (40%)
Ejercicios prácticos de percepción
de color y modos de reproducción
Producción gráfica (10%)
36Módulo: Proyectos de diseño gráfico Módulo: Procesos para el diseño web
10 ECTS. (14,2%) 10 ECTS. (14,2%)
Manual de identidad gráfica de uso Ejercicios semanales
público con proceso y conclusiones Análisis y gestión de publicaciones
Proyectos de identidad gráfica digitales (15%)
(45%)
Proyecto Diseño Centrado
Ejercicios de diferentes fases del en el Usuario
diseño de identidad gráfica Análisis y gestión de publicaciones
Proyectos de identidad gráfica (5%) digitales (17,5%)
Ejercicios de las diferentes fases de Proyecto infografía
aplicaciones gráficas Análisis y gestión de publicaciones
Proyectos de aplicaciones gráficas digitales (17,5%)
(30%)
Ejercicio posicionamiento web
Coordinación de diferentes ele- Diseño para gestores de contenidos
mentos (packaging, carteles, publi- CMS (5%)
cación y espacio) en una serie de
aplicaciones coordinadas Ejercicio auditoría, planificación y
Proyectos de aplicaciones gráficas optimización SEO
(20%) Diseño para gestores de contenidos
CMS (15%)
Módulo: Recursos para el diseño web Proyecto Wordpress básico
10 ECTS. (14,2%) Diseño para gestores de contenidos
CMS (10%)
Ejercicios semanales
Video digital y animación (15%) Proyecto Wordpress avanzado
Diseño para gestores de contenidos
Proyecto final vídeo
CMS (10%)
Video digital y animación (35%)
Ejercicios semanales
Introducción Programación (20%)
Maquetación web
Introducción Programación (15%)
Desarrollo de una animación
Introducción Programación (15%)
37Módulo: Proyectos de diseño digital
10 ECTS. (14,2%)
Proyecto de diseño centrado en
el usuario (prototipaje)
Proyectos Web (20%)
Ejercicio de diseño de interfaz para
dispositivos móviles
Proyectos Web (15%)
Proyecto de diseño de interfaz
multidispositivo
Proyectos Web (15%)
Ejercicios semanales
Proyectos Rich Media (15%)
Proyecto de scrollytelling
Proyectos Rich Media (20%)
Proyecto de visualización de datos
Proyectos Rich Media (15%)
Trabajo final de máster
10 ECTS. (14,8%)
El Trabajo final se evaluará en base a la
demostración en las competencias ad-
quiridas durante el máster, ya sea en el
ámbito del Diseño de Elementos Gráficos
como en el de Diseño Web. Se valorará
una definición clara del objeto de estu-
dio, que se cumplan los objetivos de-
terminados, la metodología seguida, las
intenciones del proyecto, los referentes
y búsqueda seguidos, la adecuación de
las características formales empleadas,
una evolución creciente del proyecto, la
documentación técnica, los resultados
obtenidos y las conclusiones a las que se
ha llegado.
3839
Servicios e instalaciones
Prácticas y bolsa de trabajo Instalaciones a tu servicio
En tu desarrollo profesional es funda- EINA pone a tu alcance todos los equi-
mental el contacto con empresas, insti- pamientos que necesitas para desarrollar
tuciones y profesionales. Tu formación se tus estudios, tanto los que hay en la sede
reforzará gracias a los proyectos reales central de Sarrià como los del espacio
desarrollados y en la experiencia laboral Barra de Ferro en Ciutat Vella.
adquirida.
En cada una de las instalaciones encon-
EINA te proporciona un amplio abanico trarás siempre un profesional que te ase-
de entidades que puedes escoger en fun- sora dentro y fuera del horario lectivo:
ción de tus intereses y siempre contando
Taller de maquetas y prototipos
con el asesoramiento y la tutorización del
equipo de gestión de esta área. Taller de creación gráfica
Biblioteca
Por otra parte, EINA pone a tu disposición
el servicio de la bolsa de trabajo. Plató de fotografía
Aulas de informática
Sala de exposiciones
4041
Contacto
SOLICITA UNA ENTREVISTA REDES DEL MÁSTER
EN DISEÑO GRÁFICO
postgraus@eina.cat
932 030 923 Blog: masterdg.com
Facebook: @MasterDissenyGrafic
Twitter: @masterdg_eina
LOCALIZACIÓN
Instagram: @masterdg_eina
Sede principal de EINA
Passeig Santa Eulàlia, 25 REDES
De lunes a jueves de 9h a 17h
Instagram EINA: @einabcn
Viernes, de 9h a 14 h
Twitter: @einabcn
Teléfono: +34 932 030 923
Facebook: @einadisseny
Mail: info@eina.cat
Vimeo: @einabcn
Bus: V7 / H2 / H4 / 68 / 75 / 130 Instagram EINA Barra de Ferro:
FFGC: Peu del Funicular / Sarrià @einabarradeferro
EINA Barra de Ferro
Barra de Ferro, 2
De lunes a sábado, de 16h a 20h
Teléfono: +34 93 295 58 62
Mail: espai@eina.cat
Bus: 17 / 10 / 40 / 45 / 120
Metro: Jaume I (L4)
Fotografías
© Yosigo (páginas 1, 2, 6, 34, 39, 41, 43 y 44)
© Paula Soler (páginas 4 y 5)
© Proyectos de los autores
42También puede leer
