Temario

Introducción al diseño gráfico

• Introducción al diseño gráfico
• Formas básicas del diseño gráfico
• Disciplina proyectual
• El diseño equilibrado
• Cómo agrupar elementos para un diseño equilibrado
• La jerarquía visual en el diseño web
• Illustrator: espacio de trabajo y herramientas

El color

• Introducción a la teoría del color
• Círculo cromático y tipos de color
• Propiedades de los colores
• Modelos de color
• Psicología del color
• Elección de paleta cromática para un sitio web
• Illustrator: uso de color y distintas unidades

Tipografía

• Introducción a la tipografía
• Breve Historia de la tipografía
• Familias tipográficas
• Tipografía digital, impresión y pantalla
• Selección tipográfica
• Buscando tipografías
• Administrador de tipografías
• El sérif
• El kerning
• Refuerzo semántico
• Tipografía y diseño web
• Google Fonts
• Manejo de tipografía en Illustrator

Imágenes

• Introducción
• Figura y fondo
• La polisemia de la imagen
• Pregnancia en el diseño
• Teoría de la gestalt
• La imagen digital: vectores y píxeles
• Formatos de archivos de imagen
• Optimización de imágenes para la web

Imágenes vectoriales e Illustrator

• Introducción
• Uso de capas
• Degradados
• Gotero
• Malla
• Efectos
• Filtros

Imágenes bitmap y Photoshop

• Introducción
• Relación entre el tamaño, resolución y definición de una imagen
• Uso de capas
• Retoque
• Máscaras
• Efectos
• Filtros
• Path

Branding

• Introducción
• El proceso de construcción de una marca
• ¿Qué es un logo?
• Identificando fortalezas y valores de una marca
• Identificando a la audiencia
• Relevando piezas gráficas
• Investigación del entorno
• Detectando casos análogos
• Crear una presentación en Google Slides que servirá para exponer el proyecto

Photoshop: Herramientas

• Clonador
• Color
• Temperatura
• Luces
• Sombras
• Brillo y contraste
• Colores de relleno
• Goma
• Desenfoque

Workshop Branding: desarrollar un proyecto

• El proceso creativo
• Moodboards aplicados al branding
• Premisa a comunicación ó “idea rectora”
• ¿Cómo hacer un logo exitoso?
• Bocetando un logo a mano
• Vectorizando un logo
• Definiendo piezas gráficas pertinentes para el proyecto

Workshop Branding: desarrollar un proyecto

• Los elementos de la gráfica identitaria
• Paleta cromática
• Tipografía identitaria
• Formas
• Íconos
• Lineamientos para fotografías
• Los bancos de imágenes
• Manuales de marca

Diseñando para soportes impresos

• Introducción
• Sistemas de impresión (offset, serigrafía, flexografía, etc.)
• Preparando archivos para imprenta: lìneas de corte, sangría y líneas de doblez
• El color y las tintas
• Tintas Pantone
• Comunicación con una imprenta: indicaciones y prueba de impresión
• Formatos de archivo

Diseñando para soportes digitales

• Introducción
• Formatos de archivo
• GIF animados
• Banners
• Diseño de una web
• El diseñador y el desarrollo web
• Bootstrap y Material design

Retórica de la imagen

• Introducción
• Elipsis
• Hipérbole
• Metáfora
• Metonimia
• Sinécdoque
• La polisemia de la imagen
• La retórica en la publicidad
• Utilizando la retórica de la imagen para diseñar banners y flyers digitales

Historia del diseño y la representación visual del siglo XX

• El lenguaje visual en las corrientes de representación visual del siglo XX
• El contexto, los referentes y las influencias en el diseño
• Las vanguardias artísticas y la Bauhaus
• El diseño de afiches en los años 20s y 30s . El cartel polaco.
• El arte psicodélico, el cartel de protesta, el arte óptico y el arte pop
• Reutilizando el lenguaje visual de un movimiento en particular

Diseñando interfaces: UX design

• Diseño centrado en el usuario
• Interacción y usabilidad
• El contexto de la interacción
• Card sorting
• Testeos de usabilidad
• Customer journey
• Personas
• Flujos de interacción
• Wireframing: en papel y con herramientas (Balsamic, UXPin, Invision).
• Adobe XD

Diseñando interfaces: Visual design

• Mood boards
• Íconos
• Style Tiles
• Estilos: vintage, loud, flat design
• La gestalt aplicada al diseño web
• Tomando referencias: Pinterest, Behance, Dribble
• Prototipa tu web y compártela con otros grupos

Diseño responsive y UI Kits

• Responsive design
• Pensar “mobile first” versus adaptar a mobile un diseño desktop
• Ejemplos de lo que no es responsive design
• Cómo utilizar UI Kits
• Creando un UI Kit para mi proyecto

Mock-ups

• Creando imágenes en Photoshop que contextualicen las piezas gráficas que diseñamos
• Simulando perspectiva en Photoshop
• Uso de mock-up templates

Armando una presentación

• Tips para presentaciones
• Contar una historia: introducción, presentación de un problema y desenlace
• Armando el esqueleto de una presentación
• Herramientas para presentaciones
• Presentaciones de ejemplo
• Repasando herramientas de Illustrator
• Repasando herramientas de Photoshop
• Despejando dudas

Exposición final de proyectos

• Introducción
• Exposición de cada proyecto
• Puesta en común de la experiencia de producción de un proyecto
• Recapitulación del curso
• Cierre del curso