Máster Profesional en Diseño Gráfico y Web

General

2 ubicaciones disponibles
Lee más sobre este programa en el sitio web de la universidad

Descripción del programa

communication, mockup, design

720 Horas (12 Meses)

El contenido de este programa es orientativo, pudiendo variar el mismo por razones de actualización o modificación de los contenidos.

Objetivos

¿Te imaginas ser un experto del diseño gráfico y del diseño web? ¿Poder hacer tus propios diseños para integrarlos en tu propia página web? El Máster Profesional en Diseño Gráfico y Web conjuga el aprendizaje de los conocimientos necesarios para el desarrollo de dos de las profesiones actualmente más demandadas: diseñador gráfico y desarrollador web.

En cuanto al diseño gráfico se refiere, este Máster Profesional aporta al alumno, por un lado, los conocimientos necesarios de las herramientas de diseño y autoedición más importantes de Adobe (Photoshop, Illustrator e InDesign), que son la base que cualquier diseñador gráfico debe dominar. Una vez se manejan a la perfección estas herramientas, el alumno comienza un segundo módulo: producción gráfica y creatividad aplicada al diseño. En este módulo el alumno aprende e interioriza las bases fundamentales de creatividad y desarrollo de cualquier proyecto publicitario, de diseño o de identidad corporativa necesarias para acceder al mercado laboral: branding, copywriting, preimpresion, dirección de arte, creatividad publicitaria, packaging.

En cuanto a la parte de diseño y desarrollo web de este máster, compuesta de dos módulos, el alumno aprenderá las bases de los lenguajes de diseño web y programación más utilizados del mundo (HTML5, CSS3, JavaScript, jQuery) y también sobre la gestión y desarrollo de contenidos en el CMS más usado en la actualidad, WordPress (creación e instalación de temas, configuración de la plataforma, instalación de plugins…), adquiriendo, de esta forma, conocimientos más que suficientes para el diseño de páginas web.

Información

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Producción gráfica
  • Creatividad aplicada al diseño
  • Editor de texto plano especializado en web: Dreamweaver/ Sublime/Notepad ++/Komodo Edit/Brackets
  • HTML5 / CSS3
  • Mobile-first Indexing. Bootstrap
  • Posicionamiento web SEO. Accesibilidad y usabilidad
  • JavaScript
  • jQuery
  • Diseño web con WordPress
  • Conceptualización web y Sketch
  • Cotización y planificación web
  • Desarrollo web y optimización en WordPress

Duración

720 Horas Total

  • Presencial u Online
  • 560 Horas de Clases
  • Lunes a jueves (+algún viernes)
  • 160 Horas Proyectos finales

Horarios

Mañanas

  • 09.00 - 12.00 horas
  • 12.00 - 15.00 horas

Tardes

  • 16.00 - 19.00 horas
  • 19.00 - 22.00 horas

Precio

5.600 €

Consulta ofertas y promociones actuales en www.cei.es

Oficial

  • Nuestra escuela es uno de los cinco centros Adobe Authorized Training Center de España. Este hecho demuestra que CEI ha cumplido con todas las exigencias que solicita Adobe y, asimismo, constituye una garantía de calidad para todos nuestros alumnos.
  • CEI es un Centro de Formación Autorizado por Apple. Por ello, nuestros alumnos podrán obtener la certificación profesional de Apple e impulsar su carrera en tecnologías del diseño y de la información, entornos empresariales y mercados B2B.
  • IBM confía en nosotros y por ello nos ha otorgado la insignia IBM Education Partner. Este sello premia a centros de enseñanza que mantienen y fomentan una formación de calidad.
  • Nuestra escuela se consolida como Centro de Formación de referencia de Maxon en España y nos convertimos en la 1ª escuela de Europa en ser Maxon Training Provider for R18.

Módulo Diseño Gráfico (Adobe Tools)

01- Adobe Illustrator  

  • Modos y perfiles de color
  • Espacio de trabajo
  • Formas básicas 
  • Herramientas de Selección 
  • Muestras/Color/Degradado 
  • Trazos/Rellenos
  • Panel Apariencia
  • Mesas de trabajo
  • Capas
  • Transformaciones
  • Alinear
  • Buscatrazos
  • La pluma
  • El lápiz
  • Pinceles
  • Texto
  • Borrador/Tijeras/Cuchilla 
  • Expandir
  • Pintura interactiva 
  • Motivos, patrones
  • Símbolos
  • Insertar imágenes
  • Calco interactivo
  • Cuadrículas de perspectiva
  • Transparencia
  • Máscara de recorte
  • Mallas de degradado
  • Efectos 
  • Efecto 3D 
  • Texto 
  • Impresión y salida

02- Adobe Photoshop

  • Modos de color
  • Espacios de trabajo
  • El pÍxel
  • Capas
  • Formas básicas
  • Herramientas de selección
  • Bote de pintura
  • Degradados
  • Transformaciones
  • Objeto inteligente
  • Fusiones
  • Pinceles
  • Cuentagotas
  • El lápiz
  • Tapón de clonar
  • Parches
  • Herramientas de retoque fotográfico
  • La pluma
  • Máscaras de recorte
  • Máscaras de capa
  • Efectos
  • Canales
  • Ajustes de imagen
  • Capas de ajustes
  • Filtros
  • Impresión y salida

03- Adobe Indesign

  • Documento/Libro/Biblioteca
  • Páginas y pliegos
  • Espacio de trabajo
  • Márgenes y columnas
  • Reglas
  • Guías y cuadrículas (retícula)
  • Las muestras
  • Herramientas de creación
  • Objetos (contenedores)
  • Capas
  • Transformación
  • Alineaciones
  • Efectos
  • Panel Vínculos
  • Encajes
  • Página maestra
  • Tipografía
  • Opciones de carácter
  • Opciones de párrafo
  • Trabajo con estilos
  • Composición
  • Paginado automático
  • Elementos interactivos
  • Impresión y salida

Módulo Producción Gráfica y Creatividad 

01- Producción Gráfica 

  • Introducción
  • ¿Qué es el diseño?
  • Definición de “proyecto gráfico”
  • Los procesos de producción gráfica
  • Historia del diseño
  • Lenguaje visual
  • Elementos del diseño
  • Composición
  • El color (la naturaleza del color, psicología del color, modos de color)
  • La imagen digital
  • Formatos (PDF, PDF.X, TIFF, EPS, GIF, PNG, JPEG)
  • Tipos de impresión
  • Acabados y ejemplos ·
  • Diseño para gran formato

02- Creatividad Aplicada al Diseño 

  • Introducción
  • Comunicación visual (transmitir a través de una imagen)
  • Conceptos de creatividad y actitud creativa
  • El proceso creativo en el entorno del diseño gráfico
  • Procesos creativos (brainstorming, moodboards)
  • Tipografías (clasificación y combinaciones tipográficas)
  • Tipografía aplicada al diseño (Truetype, Opentype)
  • Estrategías de marca, manual de identidad, aplicaciones, papelería corporativa
  • Identidad corporativa (proceso de creación de una marca)
  • Métodos de búsqueda de ideas (pinterest, Domestika, Behance)
  • Teoría básica de packaging
  • El color en el packaging (ejemplos)
  • Ejercicio creativo (representación de uno mismo a través de una letra)
  • Teoría básica de maquetación
  • Tipos de papeles, acabados, gramajes, tintas especiales, troquelados (ejemplos)
  • Tutorización del proyecto final

Módulo Diseño Web con HTML5, CSS3 y Javascript 

01- Diseño Web, HTML5 Y CSS3

Introducción al uso de equipos informáticos

Sistemas operativos:

  • Windows
  • Mac
  • Linux

Instalación y gestión de software:

  • Navegadores
  • Editores de texto

Sistema de archivos y carpetas

  • Creación de archivos y carpetas
  • Organización de proyectos web
  • Rutas absolutas, relativas y URL

Navegación por internet

Principios en Administración de Redes

Arquitectura cliente-servidor

Servidores y protocolos

  • Certificados SSL
  • HTTP/HTTPS
  • FTP/SFTP/FTPS

Equipo cliente

Introducción a routers y switches

DNS (dominios e IPs)

  • IP pública
  • IP local
  • Nombres de dominio

Hosting, housing & CPD

Principios básicos para la creación de sitios web estáticos

  • Lenguajes utilizados (HTML5 y CSS3)
  • Flujo de ejecución del código
  • Estructura visual de una web

Principios de usabilidad y accesibilidad

Prototipado de una web (UX/UI)

  • Interfaz de Usuario (Marvel)
  • Experiencia de Usuario (InVision)

HTML5

  • Etiquetas y atributos 
  • Semántica y uso
  • Estándar y estructura de documentos HTML5
  • Comentarios
  • Párrafos, titulares y formatos de texto
  • Multimedia (Imágenes, Audio y Vídeo)
  • Enlaces y botones 
  • Listas
  • Tablas
  • Formularios
  • iFrames
  • Etiquetas meta
  • Favicom

CSS3

Enlazar CSS

Selectores y pseudoselectores

Atributos

  • Colores
  • Fondos
  • Formato y transformación de textos
  • Alto/Ancho
  • Bordes
  • Márgenes
  • Rellenos
  • Posiciones
  • Alineación
  • Sombreados y degradados
  • Opacidad
  • Transformaciones
  • Filtros

Pseudoclases (active, hover, checked, first-child, last-child, nth-child)

Pseudoelementos (after, before)

Importación e implementación de fuentes (media y font-face)

Importación e implementación de iconos (fuentes y SVG)

Variables CSS

Animaciones CSS (keyframes)

Mobile-first Indexing

  • Estructuras generales (Floats)
  • Estructuras Simples (Flexbox)
  • Estructuras Complejas (CSS Grid)

Frameworks y APIs

  • Bootstrap 4
  • Materialize
  • Material Design

Internet

  • Creación de un dominio
  • Creación de un alojamiento web
  • Conexión y subida de una web al servidor

SEO

  • Vincular web con Google Search Console
  • Implementación de enlaces canónicos

02- Desarrollo Web (Front-End)

JavaScript

  • Introduccion a la programación de front-end
  • JavaScript. Sintaxis general
  • Incluir JavaScript en documentos HTML
  • JavaScript en archivos adjuntos
  • JavaScript dentro del código HTML
  • JavaScript. Variables y operadores
  • Variables locales y variables globales
  • Variables numéricas
  • Metodos para variables numéricas
  • Operadores de asignación
  • Operadores de incremento y decremento
  • Operadores matemáticos
  • Cadenas de texto (strings)
  • Métodos para cadenas de texto
  • Variables Undefined
  • Variables NULL
  • Variables NaN
  • Operadores lógicos en JavaScript
  • Operadores relacionales

jQuery

  • Introducción a Jquery
  • Pasos para utilizar jQuery
  • Primer script con jQuery
  • Básicos de jQuery: añadir y quitar clases CSS
  • Básicos de jQuery: mostrar y ocultar elementos de la página
  • Básicos jQuery: efectos rápidos con jQuery
  • Básicos jQuery: callback de funciones jQuery
  • Básicos jQuery: uso de Ajax básico con jQuery
  • Básicos jQuery: Ajax jQuery con mensaje de carga

Módulo Diseño Web con Wordpress 

01- Diseño Web con Wordpress. Desde la conceptualización hasta el desarrollo

Introducción

  • La web. Tipos y estructuras
  • Google Mobile First Index
  • WordPress. ¿Qué es?
  • El Diseño web. Proceso creativo

Investigando

  • Proceso de investigación
  • Técnicas de análisis

Cotizando y planificando

  • Cuánto vale mi página web?
  • Planificación temporal del trabajo
  • Sistemas de gestión para trabajar el diseño web

Conceptualizando la web

  • La inspiración y toma de referencias
  • La identidad visual. Manual de estilos web
  • Creación del árbol de contenidos
  • Boceteo o wireframes
  • Creación de mockups con Sketch
  • Prototipado de la web con Invision
  • Presentación al cliente y preparación de contenidos

Creando contenidos

  • Copywriting
  • Tipos de contenidos
  • La generación de contenidos en WordPress. Post y páginas
  • Las imágenes. Tipos y tratamiento para web
  • LOPD. Instalación y regulación

Desarrollando nuestra web

Conociendo WordPress

  • Instalación en local y servidor
  • Preparación de un WordPress. Pasos esenciales
  • Estructura de WordPress y su interfaz

Los plugins

Biblioteca de medios: optimización de imágenes

Los temas

  • Tipos de temas
  • Explicando un tema

Trasladando nuestro diseño a WordPress

  • Diseñando el body

Compositores visuales: Visual Composer y Elementor

Addons y complementos

Creando web en Mobile first

Formularios de contacto

  • Diseñando headers personalizados. Los menús
  • Diseñando footers personalizados
  • Creación propia de plantillas y snippets
  • Creación de layouts personalizados para post
  • Creación de post types personalizados y sus layouts
  • Creación de campos personalizados

Ecommerce: Woocommerce

  • Explicación y configuración de una tienda online
  • Creación de plantillas de producto personalizadas
  • Modificación y configuración del checkout
  • Plugins necesarios

Gestión de usuarios en WordPress

  • Roles de usuarios
  • Registro de usuarios
  • Creación de áreas privadas y membrecías
  • Visualización de contenidos según roles

Traducción de páginas web

  • Uso del plugin
  • Traducción de temas y plugins

Exportación y copias de seguridad de WordPress

Otros plugins de interés: sliders, compartir en redes sociales, feeds, chats.

Optimizando y protegiendo nuestra web

Optimización de rendimiento de nuestro WordPress

  • Optimización del código
  • Instalación de cachés

Protección del Wordpress

  • Protección de los accesos a WordPress
  • Protección de contenidos y carpetas
  • Protección contra ataques exteriores

Desarrollando nuestra web

  • Introducción al Inbound marketing para WordPress
  • Creación de mapas del site
  • Instalación y configuración de plugin de SEO

Desarrollando nuestra web

Técnicas de mantenimiento de WordPress

Última actualización agosto 2020

Acerca del centro educativo

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Leer más

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Leer menos
Madrid , Sevilla , Madrid + 2 Más Menos