ÍNDICE DE CONTENIDOS

Aunque hoy en día todos los proyectos de diseño gráfico se crean con programas de diseño y herramientas digitales, esto no significa que estén optimizados para su correcta difusión en la Web o en redes sociales, de esa necesidad de crear un diseño gráfico optimizado para su difusión en soportes digitales surgió el libro DISEÑO GRÁFICO DIGITAL un libro con los contenidos esenciales para preparar a la nueva generación de diseñadores gráficos digitales y para todos aquellos diseñadores gráficos tradicionales que quieran dar el salto del papel a la pantalla y a un diseño gráfico de auténtico alcance global.

🢆 CAPÍTULO 1

DISEÑO GRÁFICO Y COMUNICACIÓN VISUAL 

• La comunicación visual
• ¿Qué es el diseño gráfico?
• Los orígenes del diseño gráfico
• Johannes Gutenberg
• El origen del término diseñador gráfico
• Diseño gráfico ahora es diseño de comunicación
• Consejo Internacional de Asociaciones de Diseño Gráfico
• Diseñador gráfico o diseñador de comunicación
• El proceso de diseño de productos gráficos digitales
• La etapa analítica
• El brief para el diseño de contenidos digitales
• Recopilación de material e información
• La etapa creativa
• Técnicas de conceptualización
• El boceto analógico o digital
• Etapas de desarrollo en proyectos de diseño gráfico digital
• Presentación de prototipos en maquetas digitales
• El mockup de presentación final

🢆 CAPÍTULO 2

DISEÑO GRÁFICO POR ORDENADOR 

• Diseño gráfico y tecnologías digitales
• Orígenes del diseño gráfico digital
• La interfaz de usuario GUI
• Douglas Engelbart
• Desktop Publishing y la autoedición
• Pioneros del diseño gráfico digital
• El hardware
• Software para diseño gráfico
• Tipología de imágenes y gráficos digitales
• Las imágenes de mapa de bits
• Software de diseño vectorial
• Software libre para diseño
• Elegir el software más adecuado
• Mac o PC para diseño gráfico
• Estaciones de trabajo o workstations

🢆 CAPÍTULO 3

GRÁFICOS VECTORIALES 

• Ventajas del formato vectorial
• Metodología vectorial básica
• Selección de objetos
• Mover objetos seleccionados
• Transformación de objetos
• Organización de objetos
• Cambiar el orden en pantalla
• Modo de visualización en contornos
• Dibujo y edición vectorial
• Dibujo de formas básicas
• Nodos, segmentos y trayectos
• Trayectos abiertos y trayectos cerrados
• Edición de nodos
• Tipología de los nodos
• Componentes de curvas Bézier
• Crear diseños con formas básicas
• Fusionar para crear
• Técnicas de vectorización de imágenes
• Vectorización manual
• Vectorización automática
• Vectorizaciones artísticas
• Tipos de formatos gráficos
• Gráficos vectoriales en la Web
• Optimizar el diseño para exportar a SVG

🢆 CAPÍTULO 4

EL COLOR DIGITAL 

• Principios básicos del color
• Clasificación de los colores
• El círculo cromático
• Modelos de color aditivos y sustractivos
• Modo de color RGB
• Espacios de color sRGB y Adobe RGB
• Modo de color CMYK
• Atributos del color
• Colores acromáticos y escala de grises
• Modelos de color HSV y HSL
• La profundidad de color digital
• Combinaciones cromáticas en diseño
• Armonías de color
• Edición de armonías de color digitales
• Esquemas y combinaciones de color online
• El lenguaje visual del color
• Legibilidad cromática
• Texto, color y accesibilidad en la web
• Psicología del color
• Temperatura de los colores
• Simbología del color
• Sistemas de codificación del color
• Colores directos
• El estándar PANTONE
• Referencias de color PMS
• Convertir referencias RGB a PMS
• Códigos de color para Internet
• Notaciones de color RGB
• Códigos hexadecimales de color
• Identificar colores en formato digital
• Herramientas de captura de color online
• Inspiración en color
• Reemplazar colores de forma automática
• Degradados de color
• Del diseño plano al degradado
• Material Design
• Esqueumorfismo
• Descarga de degradados

🢆 CAPÍTULO 5

TIPOGRAFÍA Y DISEÑO 

• Anatomía tipográfica
• La caja tipográfica
• Partes de la letra
• Líneas de referencia estructural
• Familia tipográfica y fuente
• Estilos o variables visuales
• Clasificación tipográfica Clasificación Vox-ATypI
• Enciclopedia e inspiración tipográfica online
• Claves para elegir la tipografía adecuada
• Tamaño y jerarquía visual
• Emparejar fuentes tipográficas
• Tipografía digital
• Fuentes digitales y licencias de uso
• Licencia de uso en fuentes gratuitas
• Descarga de fuentes libres
• Identificación de fuentes por imagen
• Identificación de fuentes web desde el navegador
• Formatos tipográficos digitales
• Fuentes para impresión y fuentes para pantalla
• Formatos de fuentes de escritorio
• Fuentes OpenType-SVG o color fonts
• Tipografía en la web
• Fuentes web seguras o web safe fonts
• La regla @font-face
• Servicios de alojamiento de fuentes online
• Formatos de fuentes web
• Gestión de fuentes digitales
• Instalación de fuentes
• El mapa de caracteres
• Pangrama
• Fuentes de símbolos o dingbats
• Ejercicios tipográficos
• Combinación de peso y tamaño
• Texto multicolor
• Combinaciones tipográficas mixtas
• Tipografía circular o en trazado
• Herramientas de edición de textos
• Software de autoedición
• Tipos de objetos de texto
• Visibilidad y legibilidad tipográfica
• Ajuste de kerning y tracking
• Interlineado o leading
• Estilos de composición o alineación
• Lorem ipsum
• Trazado de fuentes tipográficas

🢆 CAPÍTULO 6

DISEÑO DE LA IDENTIDAD GRÁFICA DIGITAL 

• Elementos básicos de identidad visual
• La marca
• El logotipo
• Variantes de la marca gráfica
• Recursos y galerías de logotipos
• Marcas e identidades dinámicas
• El diseño de logotipos
• Autodiseño del logotipo
• Recomendaciones para diseñar logotipos
• El logotipo para medios digitales
• Variantes y articulaciones del logo digital
• Unidades de composición
• Versión primaria y secundaria del logo
• Diseño responsive o adaptativo
• Diseño de logotipos responsive
• Técnicas para crear el logo adaptativo
• Versiones recomendadas del logo responsive
• Logos responsive en formato vectorial
• El manual de identidad digital
• Presentación y construcción del logotipo
• Variantes compositivas y tamaños autorizados
• Área de protección del logotipo
• Color corporativo y aplicaciones cromáticas
• La tipografía corporativa
• Usos incorrectos del logotipo
• Recursos de la marca digital
• El manual de identidad interactivo

🢆 CAPÍTULO 7

FOTOGRAFÍA E IMAGEN DIGITAL 

• Recursos fotográficos online
• Fotografía de stock
• Apropiación de imágenes y propiedad intelectual
• Licencias Creative Commons
• Licencia de reconocimiento CC BY
• Licencia de dominio público
• Bancos de imágenes con licencia CC0
• Formatos de imagen de mapa de bits
• Técnicas para integrar fotografías en un diseño
• Recorte y encuadre
• Fotografías a sangre
• Fotografías silueteadas
• Insertar fotografías dentro de objetos vectoriales
• Máscara de recorte o Powerclip
• Fotografía dentro de tipografía
• Fotografía dentro de varios de objetos
• Fotografías en collage
• Técnicas para integrar fotografías y textos
• Lavado de imágenes
• Bocadillos gráficos o masas de color plano
• Integración cromática
• Efecto duotono con capa de ajuste
• Convertir imágenes a duotono online

🢆 CAPÍTULO 8

DISEÑO GRÁFICO OPTIMIZADO PARA INTERNET 

• El diseño gráfico multipantalla
• Resolución adecuada para imágenes en pantalla
• Formatos de archivo de imagen para Internet
• Optimización de imágenes para la Web
• Compresión con y sin pérdida
• Herramientas de optimización de imágenes online
• Imagen y relación de aspecto
• Ajuste del formato de imagen de acuerdo con el ratio de aspecto
• Elementos gráficos comunes en el diseño web
• Configuraciones recomendadas para un diseño gráfico optimizado
• Publicidad de tipo display para marketing digital
• El banner publicitario
• Herramientas para la creación de banners animados
• Kit de gráficos para social media
• Redimensionar imágenes para redes sociales

🢆 ANEXO

100 LINKS IMPRESCINDIBLES PARA EL DISEÑADOR GRÁFICO DIGITAL