Máster PROFESIONAL en Diseño Gráfico - trazos.net · Adobe impone estrictos controles de calidad...
13
Máster PROFESIONAL en Diseño Gráfico_ DURACIÓN: 600 HORAS
Transcript of Máster PROFESIONAL en Diseño Gráfico - trazos.net · Adobe impone estrictos controles de calidad...
Máster PROFESIONAL en Diseño Gráfico_DURACIÓN: 600 HORAS
El diseñador gráfico es una figura clave en prácticamente cualqui-er proyecto creativo visual. Por eso, si aspiras a trabajar en este apasionante campo, debes contar con la capacidad de desarrollar tu talento en todos los ámbitos posibles, tanto gráfico como audio-visual, online y offline. En Trazos hemos reunido a los mejores pro-fesionales del diseño, la dirección de arte y el diseño web, quienes te darán las claves para lograr labrarte una carrera de futuro.
Compuesto por los módulos de Diseño Gráfico y Diseño Web, el Máster en Dis-eño Gráfico te preparará, durante el primero, para abordar los diferentes usos y aplicaciones de la tipografía, la creación de identidades visuales, el diseño de revistas digitales, los múltiples usos del color y la pintura, el arte del dibujo, cómo manipular adecuadamente el texto, todos los detalles de la investigación y la com-posición o cómo realizar un efectivo y profesional portfolio online. Todo ello a través del uso profesional de los principales programas de edición y creatividad gráfica: Adobe Photoshop, Illustrator e InDesign.. También te introducirás de lleno en el desarrollo de Interfaces Gráficas, comprendiendo los conceptos fundamen-tales para dominar el diseño UI, atendiendo a conceptos de gran relevancia como la usabilidad o el conocimiento de los diferentes medios en los que publicar y pro-ductos a desarrollar. Todo a través de la aplicación del Diseño UX multidispositivo, el prototipado o el diseño web responsive con Adobe Muse y con acceso a bases de datos con WordPress.
A su vez, en el módulo de Diseño Web conocerás al detalle el ecosistema digital y especialmente el entorno multidispositivo, así como las tecnologías y los diferentes lenguajes de programación web, poniendo el enfoque principal en la experiencia de usuario (UX), las nuevas herramientas de diseño de interfaz (Justinmind), prototipado e interacción (Marvel), mostrándote cómo desarrollar todo tipo de contenidos web con los lenguajes de programación HTML5 y CSS3 mediante el editor profesion-al Sublime Text, así como JavaScript y sus dos principales frameworks: jQuery y AngularJS.
MÁS
TER
PROF
ESIO
NAL E
N DI
SEÑO
GRÁ
FICO
_
Adobe impone estrictos controles de calidad a las escuelas y universidades que quieren pertenecer al grupo inter-nacional de centros de formación autorizados. Ser uno de los tres úni-cos Adobe Authorized Training Cen-ter (AATC) en España es una garantía indiscutible para nuestros alumnos.
MÁS
TER
PROF
ESIO
NAL E
N DI
SEÑO
GRÁ
FICO
_
Aprende a gestionar todos los detalles de cualquier producto grá co impreso y digital, desde el desarrollo de estrategias y campañas a las normas visuales bási- cas para llevar a cabo cualquier proyecto. En este módulo te preparamos tanto para manejar el software profesional como para saber emplearlo al más alto nivel creativo.
MÓDULO I
Diseño Gráfico_
TEMA
RIO_
02/ Adobe Illustrator (60 horas)• • • • • • • • • • • • • • • • •
01/ Adobe Photoshop (60 horas)• • • • • • • • • • • • • • • • • • •
03/ Adobe InDesign (30 horas)• • • • • • • • • • • • • • • • • • •
TEM
ARIO
_ 01/ Diseño Multimedia/ Usabilidad / Arquitectura de la información (20h.)• Introducción al diseño multimedia.• Principios Del Diseño Aplicados Al Diseño De Interfaces Digitales ( Ux/Ui ).• Diferencias Entre Un Diseñador Gráfico Y Un Diseñador Digital.• Los Retos A Los Que Se Enfrenta Actualmente El Diseño Digital.• Diseño Ux Multidispositivo.• La Interacción Con Dispositivos Táctiles.• Usabilidad: Reglas Y Ejemplos Prácticos.• Arquitectura De La Información.• Accesibilidad: Niveles Y Ejemplos Prácticos.
02/ Prototipado Con Photoshop Cc (40 H.) • Trabajar Con Artboards Para Diseño Responsive.• Adobe Device Preview.• Optimizar El Flujo De Trabajo Con Smart Objects.• Trabajar Con Layer Comps.• Exportar Multiples Assets Con Generator.• Trabajar Con Variables En Photoshop.• La Interfaz De Adobe Experience Desing.• Crear Artboards Para Diferentes Dispositivos En Xd.• Añadir Contenido Desde Photoshop.• Crear Prototipos Interactivos.• Testear Y Exportar Proyectos.
03/ Diseño Web Responsive Con Adobe Muse (40H.)• Conocer la interfaz de Adobe Muse CC.• Crear el diseño de un sitio web en blanco.• ¿Qué es una página máster?.• Definir las propiedades del sitio web.• Añadir nuevas páginas de contenido.• ¿Qué podemos crear con Adobe Muse CC?. • Archivos que se pueden importar. • Modificar el fondo de una página .• Trabajar con capas.• Las propiedades de texto en Adobe Muse CC. • Crear estilos de párrafo y caracter .• Usar webfonts. • Usar tipografías propias y alojarlas en el servidor desde Muse.• Añadir un menú. • Modificar los estilos del menú. • Diferentes estados de los botones. • Crear transiciones .• Tipos de links.• Los diferentes tipos de widgets.• El panel de propiedades de los widgets. • Cómo personalizar un widget. • Crear un pase de imágenes. • Crear un formulario de contacto. • ¿Dónde conseguir otros widgets?.• ¿Qué es el diseño responsive? ¿En qué consiste?. • Breakpoints o media queries más comunes. • Cómo adaptar el contenido. • Trucos para móviles.• ¿Qué es el protocolo FTP? ¿Cómo se usa?. • Qué archivos genera Adobe Muse CC para crear una web. • Publicar una web con Business Catalyst. • Publicar por FTP desde Adobe Muse .• Como optimizar una web creada en Muse antes de publicar. • Adobe InBrowser Editing. • Herramientas de testeo y optimización.
TEM
ARIO
_ 04/ Diseño Web Responsive Con Acceso A Bases De Datos Con Wordpress (50 H.) • Qué es Wordpress. • Ventajas frentes a otros CMS. • Tipo de páginas que podemos crear.• Puntos a tener en cuenta a la hora de contratar un hosting. • Conocer el panel de control de nuestro proveedor
y los servicios más comunes.• Instalación en un click. • Instalación en local. • Ajustes generales de wordpress .• Selección del template y los plugins básicos para comenzar. • Tipos de contenido según plantillas. • Añadir texto. • Biblioteca de medios. • Categorías y tags.• Crear páginas o secciones. • Crear menús. • Plantillas de páginas .• Personalizar barras laterales.• Conocer la CSS .• Diferentes formas de añadir estilos propios. • Evitar problemas con las actualizaciones.• Importancia de los plugins. • Plugins para SEO. • Plugins para backup y migración. • Otros plugins populares.• Migrar un sitio de wordpress. • Publicar y testear. • Herramientas de optimización.
El mundo de la web evoluciona de manera constante e imparable. Por ello, resulta indispensable contar con una sólida base de conocimientos en sus lenguajes más elementales. Este módulo ha sido pensado para ofrecerte una formación íntegra y profesional en las posibilidades de los dos principales lenguajes de programación empleados en desarrollo web, base que te abrirá las puertas de cualquier proyecto de diseño online.
MÓDULO II
Diseño Web_
TEM
ARIO
_ 01/ El nuevo entorno digital (45 horas)• La tecnología web.• Lenguajes de programación web y su aplicación a proyectos.• Front-end y back-end.• Servidores web. VPS y Cloud.• Análisis de tendencias de diseño web.• Definir y la estrategia de un proyecto. Tipos de web.• Fases del proceso web.• Dirección de arte digital.• Conceptualización gráfica.• Layouts y tipos de estructura.• El color en la web.• Tipografía en el entorno digital.• Técnicas de Pixel Perfect.• Contenidos multimedia.• Técnicas básicas de Photoshop e Illustrator en diseño web.• Fundamentos de Sketch: creación de gráficos vectoriales e interfaces.• Principios de usabilidad (UX / UI) y prototipado digital (Balsamiq y Marvel)• Fundamentos de desarrollo front-end. • Diseño mobile first y conceptos básicos de diseño responsive.• Editores web (Sublime Text).• Conceptos de control de versiones con Github/Sourceforge.• Subida de archivos vía FTP y el paso de producción.
02/ Organizar y ensamblar la web con HTML/HTML5 (30 horas)• HTML (edición del código – Sublime Text).• HTML5, nuevas etiquetas y roles.• Organización del contenido.• Texto y enlaces.• Trabajando con imágenes.• Formularios.• Contenido multimedia.• Diseño y maquetación de newsletters.
03/ Definir y aplicar la capa de presentación con CSS (40 horas).• CSS (edición del código – Sublime Text)• Selectores de elementos, ID y clase.• Unidades de medida y aplicación del color.• Tipografía: aplicando estilo al texto. Web fonts.• Posicionamiento y principios de maquetación web.• Iniciación a la maquetación flexible multidispositivo (Responsive Design).
04/ Web e interactividad con JavaScript (10 horas).• JavaScript y el soporte en navegadores.• Introducción al lenguaje. Sintaxis.• Conceptos básicos.• Librería JQuery: qué es y para qué sirve.• Operaciones con HTML y CSS.• Trabajando con plugins (FlesxSlider, OnePageScroll, Masonry, Parallax,etc.)
TEM
ARIO
_ 05/ Banners y piezas interactivas (HTML5, CSS y JavaScript) (10 horas).• Publicidad “display”. Rich media y adservers.• La decadencia de la tecnología Flash. Alternativas.• Animación e interactividad de banners con Google Web Designer.
06/ PHP y los CMS (WordPress) (10 horas).• Tecnología cliente/servidor. La web dinámica.• Fundamentos básicos de PHP.• Envío de datos mediante formularios.• Gestores de contenido. Fundamentos básicos de WordPress.
07/ Optimizar y posicionar el proyecto web (5 horas).• Accesibilidad y estándares. Validadores.• Optimización del rendimiento del sitio web.• Posicionamiento (SEO) y Analytics.• Seguridad y legislación.
08/ Introducción ( 9 horas )• Primeros pasos con JavaScript• HTML y JavaScript• Tipos de ejecución de JavaScript• Reglas de sintaxis del código• Tabulación• Mensajes de error y consejos para depurar el código (debug)• Herramientas de depuración de JavaScript• Iniciación a la programación orientada a objetos y JavaScript• Lenguaje de script y lenguaje de programación• Principios de la programación orientada a objetos• Objetos, métodos y propiedades
09/ Variables, constantes y operadores ( 10 horas ).• Utilización de constantes variables y operadores• Tipología de variables• Alcance de las variables• Declaración, asignación y visualización de variables• Transferencia de valores entre variables y conversión de tipo• Reglas de nombres y palabras reservadas• Tipología de operadores• Operadores aritméticos, comparación, lógicos, asociativos, concatenación.• Operadores especiales
10/ Funciones, condicionales y bucles ( 25 horas )• Las instrucciones condicionales• Instrucción If• Operador switch• Las instrucciones de repetición (bucles)• Instrucción for• Instrucción while / do while• Interrumpir y abandonar los bucles• Método alert• Método confirm• Método prompt• Declaración de las funciones• Utilizar varias funciones y transmitir datos entre ellas• La instrucción return• Clausuras• La clave This• Utilizar una función para crear un objeto• Prototipos• Herencia• Métodos y propiedades privadas
TEM
ARIO
_ 11/ Arrays ( 6 horas )• Arrays de una dimensión• Arrays bidimensionales• Recorrer matrices
12/ Formularios ( 20 horas )• Utilización de JavaScript con los formularios• El objeto Form• Métodos• Los elementos de un formulario• Manipulación del campo de texto• Manipulación del campo textarea• Controlar las casillas• Control de los botones de opción• Controlar los valores de selección de una lista• Controlar los valores de una lista de selección múltiple• Envio de un archivo por formulario• Validar y enviar un formulario por correo electrónico
13/ Ajax y JSON ( 15 horas )• AJAX y JavaScript• El objeto XmlHttpRequest• JSON
14/ Varios ( 5 horas )• Principales objetos JavaScript• El objeto window• JavaScript y las cookies• El DOM (Document Object Model)• Introducción a las expresiones regulares
15/ jQuery ( 30 horas )• Conceptos básicos• Sintáxis del framework• Selección de elementos• Manejo de eventos• Efectos visuales y animación• Funciones de jQuery• jQuery UI• Ventanas modales de diálogo y notificaciones• Controles de interfaz de usuario.• Manejo de datos de formularios con JavaScript y JQuery• Campos requeridos.• Campos requeridos con dependencia.• Validación de datos.• Máscaras y formato de texto.• Autocompletar.• Creación de Selects dinámicas.• Combinación CSS y jQuery.• Técnicas de navegación responsive.• Smooth scrolling.• Animaciones Waypoints.• Composición de interfaz con jQuery.• jQuery y Ajax.
TEM
ARIO
_ 16/ Angular ( 30 horas )• Introducción a Angular.js• Elementos que conforman Angular 2.• NodeJS y npm. Conceptos e instalación.• Instalar Angular 2.• Introducción a TypeScript.• Mostrar propiedades de un componente.• Tipos de datos en TypeScript.• Plantillas en ficheros HTML independientes.• Plantillas en línea o plantillas independientes en Angular 2.• El constructor, métodos y propiedades.• Crear un modelo de datos.• Crear una clase para los datos en Angular 2.• Estilos CSS para un componente.• Directiva NgIf, directiva NgClass y evento Click.• Condicional if en Angular 2.• Two-way data binding.• Directiva NgFor, NgIf y arrays en TypeScript.• Mostrando un array asociativo con NgFor en Angular 2.• Array de Objetos.• Múltiples componentes, evento click y two-way data binding.• Crear y usar un servicio.• Base href.• Routing básico.• Rutas y añadir datos con un servicio.• Importar modelo en el servicio.• Rutas con parámetros.• Formularios y validación.• Analizar API Rest y base de datos.• Crear servicio, configurar módulo HTTP y crear un método con petición
AJAX.• Imagen de carga (HTMLElement y querySelector).• Crear componente y método en el servicio.• Mostrar datos y NgSwitch.• Validación formularios.• Método en el servicio y petición HTTP.• Subir ficheros con Angular.
