desarrollo y publicación de productos editoriales multimedia · 1 desarrollo y ... en éste nuevo...

1

Desarrollo y publicación de productos editoriales multimedia

Desarrollo y publicación de

productos editoriales multimedia

Guía del Módulo Profesional

Ciclo Formativo de grado superior de Departamento de Artes Gráfi casDiseño y edición de publicaciones impresas y multimedia [email protected]

2


Índice temático

Presentación 3

Vídeo 4

Teoría 4

Primer Trimestre 5

Segundo Trimestre 6

Recursos y enlaces 7

Prácticas 8

Archivo interactivo SWF 8

Archivo 3D 8

Contacto 10

3


Presentación

En éste nuevo Módulo Profesional del 2º Curso del Ciclo Formativo de grado superior de Diseño y Edición de publicaciones impresas y multimedia, vamos a aprender diferentes herramientas y procesos de trabajo para la producción de diferentes soportes y productos, así como la preparación y optimización del con-tenido multimedia para su publicación.

Los nuevos productos o soportes de comunicación, podrían ser los siguientes: PDF´s interactivos enriquecidos con contenido multimedia; banners publicitarios de diferentes tipologías: estáticos, animados, interactivos... email marketing, para comunicaciones, newsletter, promociones, encuestas; iconos y cabeceras para social media marketing; presentaciones animadas para el Digital Signage; libros electrónicos de maquetación ajustable en formato ePub; publicaciones digitales de maquetación fi ja con contenido interactivo y multimedia en formato ePub3; desarrollo del icono y el interface de usuario para aplicaciones móviles, así como el uso de herramientas para wireframe y sites maps. Especialmente importante será la optimización de archivos para el entorno de la publicación digital, im-ágenes fi jas e interactivas, edición de audio con, edición de vídeo, conversión de formatos de vídeo y archivos 3D.

Esta Guía Didáctica, está creada con la aplicación Adobe InDesign, exportada en formato EPub de maquetación fi ja. Este formato EPub en su versión 3, permite incluir diferentes efectos de animación, interactividad, contenidos multimedia y es posible su lectura en dispositivos móviles (smartphones y tablets) conservando su diseño y adaptándose al tamaño del dispositivo. Para su correcta lectura y presentación de contenidos se recomienda utilizar las apps: iBooks en iOs y Readium en Android.

4


UT01 Proceso

Concepto Cross Media. Soportes y productos. Ejemplo: Branding. Comunicación digital: web, so-cial media, publicación digital, publicidad en internet, apps...Conceptos básicos: El Briefi ng. Investigación y análisis. El inventario de contenido. Experiencia de usuario UX y el diseño interactivo. Arquitectura de la información. Técnicas de card sorting. Site ma-pping. El prototipado y bocetaje para publicación digital: Wireframe, Mockups, Sktech. El interfaz de usuario UI. CMS Framework - WordPress. HTML, CSS y Java Script. Test de usabilidad.

UT02 Optimización

Tipografía para pantalla: Especifi caciones estándar CSS, Web Safe Fonts, Consejos y recomenda-ciones sobre tipografía y web: legibilidad y comprobaciones. Color en la web y publicación digital. Hexadecimal, Web safe color. La imagen en la web y la publicación digital. Creación y formatos de archivo. Las imágenes en 3D en la publicación digital. Creación y formatos de archivo. Las imágenes 360 en la publicación digital. Creación y formatos de archivo.Animaciones para la publicación digital. Creación y formatos de archivo. Audio para la web y la publicación digital. Creación y formatos de archivo.Vídeo para la web y la publicación digital. Conceptos básicos de vídeo: dimensiones, codec, bitra-te, fps, sistema, aspect ratio... Formatos de archivo. Streaming. Herramientas de edición de vídeo (iMovie) y de cambio de formato (Adobe Media Encoder).¿Qué es HTML / CSS / JavaScript?

Vídeo de presentación

A través de este vídeo corporativo de la empresa norteamericana Oneupweb Digital Marketing po-demos visualizar el proceso de trabajo aproximado de nuestro futuro entorno profesional.https://youtu.be/0K-g84sK6R0

5


UT03 PDF interactivo multimedia

Diferencias entre publicaciones PDF estáticas para impresión de PDF¨s interactivos, enriquecidos, multimedia.Opciones de exportación de PDF´s interactivos desde Adobe InDesign.PDF´s con efecto Flip Page.PDF´s multimedia: añadir vídeo, animaciones, audio, transiciones, pantalla completa y modelos en 3D.PDF¨s interactivos básicos: crear enlaces, modifi car enlaces, navegación, crear botones.PDF´s interactivos avanzados: formularios, cálculos sencillos en campos.

UT04 Banner

¿Qué es un banner?. Objetivos de un banner. Mapa de calor: en la web y en dispositivos móviles. Posición de los banners en la página web. Tipos, dimensiones y pesos de los banners. Otros tipos de banners. Comportamiento de los banner. Formatos de archivo básicos. Formatos de archivo Rich Media. Banners dinámicos. Recomendaciones y proceso para el diseño de banners. PPC Pago por click.

UT05a Marketing Digital: Email Marketing

¿Qué es el email marketing?. Funciones del email marketing. Potencial del email marketing. Ven-tajas del email marketing. Envio y tracking. Pasos para elaborar una campaña de email marketing. Tipos de email. Suscriptores y métodos de captación.Aspectos legales del email marketing. Herramientas para email marketing.Estructura básica de una newsletter. Nombre de la campaña. Asunto/Subject. Encabezado/Header (enlace espejo) y pie/footer (unsubscribe). Cuerpo. Botones Sociales.

UT05b Marketing Digital: Social Media

Plataformas: Web y dispositivos móviles. Problemática de los Social Media.Estrategias. Acercamiento activo y pasivo.Gestión de la reputación. Publicidad inversa.Engagement (compromiso).Fundamentos del Social Media.Medios Sociales. Twitter, Facebook, Youtube, Google+, Linkedin, Yelp, Foursquare, Instagram, Pin-terest, Marcadores Sociales, Blogs, Tumblr...Métricas: Reportes Web, Retorno de la inversión, Tasas de respuesta, alcance y viralidadPrincipios de diseño, branding y formatos para Social Media.

UT05c Marketing Digital: Digital Signage

Señalización digital. Tipos: Estáticas, animadas, contenido dinámico, interactivos. Contenidos. Apli-caciones, mercados y sectores. Tecnología y soportes de presentación: Video Wall, Totem, Panta-llas LED, Pantalles Táctiles, Quioscos interactivos, otros soportes.Flujo de trabajo. Características de la cartelería digital. Reproductores. Conectividad en pantallas. Estándares de comunicación para cartelería digital. Principios de diseño. Especifi caciones para la creación de contenidos. Software de gestión de contenidos y pantallas. Apps. Nuevas tecnologías: reconocimiento facial, realidad aumentada, seguimiento de ojos, acciones de próximidad.

6


UT06 Publicaciones digitales

El libro, perspectiva histórica. Evolución histórica de las tecnologías de visualizaciónTecnologías de visualización: E-Ink, IPS/LED, Amoled. Ventajas e inconvenientes. El libro electró-nico. Evolución histórica. Lector de libros electrónicos: eReader. Formatos de archivo para libros electrónicos: .epub, azw/mobi, pdf, .iba. Herramientas de edición y visualización de libros electró-nicos: Calibre, Ibooks y Adobe Digital Editions. Adobe inDesign y creación de libros electrónicos.

¿Qué es la publicación digital?. Características de la publicación digital. Requerimientos de la publicación digital. Formatos de archivo. Comparativa de formatos y prestaciones. Ejemplos y apliaciones prácti-cas de la publicación digital. Recursos de inspiración y Templates. Adobe InDesign y las publicaciones digitales. Exportación desde Adobe InDesign. Tipos de maquetación en formato ePub (ajustable y fi ja). Formato ePub 3. Validación. Alternativas de exportación. Contenido interactivo y multimedia en Adobe InDesgin: Animaciones, botones, estados de objeto, scroll frame, panorama, imágenes 360...

UT07 Desarrollo de interface para Apps

Proceso de diseño de aplicaciones. Categorías de las aplicaciones. UX Investigación del usuario: Arquetipos/Personas y User Journey. Tipos de aplicaciones. Nativas, Web App y Apps interpreta-das. Programación de aplicaciones. Tamaños de dispositivos. Conceptos previso PIX - DP (den-sidad de pixels). Diseño adpatable. Factores clave del diseño de Iconos de apps. Herramientas diseño de iconos. Apple iOS principios generales de diseño, recursos UI. Android principios gene-rales de diseño, recursos UI. Flujo de trabajo para el diseño de aplicaciones. Test y comprobacio-nes. Plataformas de creación de aplicaciones. Publicación. Proceso de publicación. Publicación en Apple Store y en Google Play Store.

UT01 Desarrollo Web

Fundamentos del diseño web. Historia del diseño web. Proproceso de creación de diseños para la web. HTML y CSS. Diseño de interface web con Adobe Photoshop e Illustrator. Estrategia de contenidos en el diseño web y su gestión. Testeo previo y validación de elementos y contenidos. Fase de desarrollo y construcción del proyecto web. Testeo y revisión del proyecto para los usuarios fi nales. Fase de optimización y puesta en marcha de nuestro proyecto web. Lanzamiento y puesta en marcha del proyecto web. Publicación, dominio y hosting.

7


Recursos y enlaces

A continuación se muestran algunos enlaces a recursos web interesantes para el desarrollo del Módulo Profesional:

Manual de Identidad Corporativa Adobe Color

Balsamiq Adobe CC

Guía de tecnología de publicación digital InVision

8


Primera Evaluación

Septiembre Octubre Noviembre Diciembre

Site Maps

Wireframe

WordPress

Edición de audio

Edición de vídeo

PDF formulario

PDF Flip Page

PDF Interactivo

Presentaciones

Banner y animaciones

Cinemagraph

Email Marketing

Social Media

Publicación

Segunda Evaluación

Enero Febrero Marzo

Portfolio personal

HTML / CSS

EPUB ajustable

EPUB de maquetación fi ja

Publicaciones digitales

Aplicaciones móviles

Test de usabilidad

Mockups

Desarrollo web

9


Archivo SWF

Esto es un ejemplo de archivo SWF incrustado en el PDF.

Archivo 3D

En este caso vemos una imagen en 3D, en formato U3D, incrustada en el archivo PDF.

10


Padre Amigó 528025 Madrid

Tel. 91466 17 44www.iespuertabonita.com

[email protected]

desarrollo y publicación de productos editoriales multimedia · 1 desarrollo y ... en éste nuevo...

Documents