¡¡Hola a todos!!

En esta entrada os vengo a hablar acerca de los Banners.

¿QUE ES UN BANNER?

Un banner es una forma de publicidad en Internet que consiste en incluir una pieza publicitaria gráfica dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión. En principio, cualquier sitio web puede incluir la publicación de banners y otros formatos publicitarios, aunque suelen ser los sitios con contenidos de mayor interés, con una fuerte especialización o con grandes volúmenes de tráfico, los que atraen las mayores inversiones de los anunciantes. 

Os pondré 6 diferentes banners dinámicos, y otros 6 banners estáticos, con sus correspondientes características y las paginas diferentes paginas web de donde los he sacado.

6 BANNERS DINÁMICOS.

Tipo de Banner: Medium Rectangle

Dimensiones y resolución: 268px x 177px 72ppp

Formato y peso del archivo: GIF 139 KB

Modo de color: RGB

Tipo de Banner: Leaderboard

Dimensiones y resolución: 320px x 23px 72ppp

Formato y peso del archivo: GIF 21,6 KB

Modo de color: RGB

Tipo de Banner: 3:1 rectangle

Dimensiones y resolución: 300px x 100px 72ppp

Formato y peso del archivo: GIF 87,9 KB

Modo de color: RGB

Tipo de Banner: Medium rectangle

Dimensiones y resolución: 300px x 250px 72ppp

Formato y peso del archivo: GIF 219,7 KB

Modo de color: RGB

Tipo de Banner: Leaderboard

Dimensiones y resolución: 728px x 90px 72ppp

Formato y peso del archivo: GIF 192 KB

Modo de color: RGB

Tipo de Banner: Medium rectangle 

Dimensiones y resolución: 300px x 250px 72ppp

Formato y peso del archivo: GIF  219,7KB

Modo de color: RGB

6 BANNERS ESTÁTICOS.

Tipo de Banner: 3:1 rectangle

Dimensiones y resolución: 300px x 100px 72ppp 

Formato y peso del archivo: GIF 87,9KB

Modo de color: RGB

Tipo de Banner: 3:1 rectangle

Dimensiones y resolución: 300px x 100px 72ppp 

Formato y peso del archivo: GIF 87,9KB

Modo de color: RGB

 Tipo de Banner: 3:1 rectangle

Dimensiones y resolución: 300px x 100px 72ppp 

Formato y peso del archivo: GIF 87,9KB

Modo de color: RGB

 Tipo de Banner: 3:1 rectangle

Dimensiones y resolución: 300px x 100px 72ppp 

Formato y peso del archivo: GIF 87,9KB

Modo de color: RGB

Tipo de Banner: Medium rectangle

Dimensiones y resolución: 300px x 250px 72ppp 

Formato y peso del archivo: GIF 219,7KB

Modo de color: RGB

Tipo de Banner: Large rectangle

Dimensiones y resolución: 487px x 285px 72ppp 

Formato y peso del archivo: GIF 406,6KB

Modo de color: RGB

PDF INTERACTIVO.

¡HOLA A TODOS!
En esta ocasión os vengo a hablar de una forma de crear un PDF INTERACTIVO mediante el programa Indesign. Para ello utilizaremos botones interactivos que nos llevarán a las diferentes páginas que deseemos visualizar colocados en las diferentes imágenes. Los botones nos llevan a diferentes productos interactivos como Código QR, Imagen Panorámica, Imagen Interactiva, Flipping Book.
Al final el trabajo ha sido exportado como unPDF Interactivo para ver el resultado final.
Un saludo.

PORTADA

CÓDIGO QR

IMÁGEN PANORÁMICA

IMÁGEN INTERACTIVA

FLIPPING BOOK

La Realidad Aumentada (AR)

¿QUE ES LA REALIDAD AUMENTADA (RA)?

La realidad aumentada consiste en combinar el mundo real con el virtual mediante un proceso informático, enriqueciendo la experiencia visual y mejorando la calidad de comunicación. Gracias a esta tecnología se puede añadir información visual a la realidad, y crear todo tipo de experiencias interactivas: Catálogos de productos en 3D, probadores de ropa virtual, video juegos y mucho más. En el gráfico se puede apreciar el proceso informático que sucede en los sistemas de realidad aumentada. Normalmente se requiere una cámara de vídeo, un monitor y un ordenador con un software especial instalado. La realidad aumentada es ya muy popular en Apps que funcionan en todo tipo de teléfonos inteligentes (smartphones) y Tablets.

¿CUÁLES SON LAS DIFERENCIAS ENTRE REALIDAD VIRTUAL (VR) Y REALIDAD AUMENTADA (AR)?

 

A modo de resumen podríamos decir que la realidad virtual genera mundos totalmente inexistentes, la realidad aumentada combina elementos inexistentes con otros que sí están ahí, y la mixta es una mezcla entre ambas.

La real virtual o VR se diferencia del resto por ser en la que te sumerges por completo en un mundo virtual. Esto quiere decir que te permite simular una experiencia sensorial completa dentro de un ambiente artificial sin que veas nada de lo que hay en el exterior. Para "meterte dentro" de este mundo virtual sueles necesitar tanto unas gafas especiales como unos auriculares.

Estas gafas tienen que estar especialmente diseñadas para esta realidad, y tener una pantalla que se monte justo delante de tus ojos. Hay dos tipos de gafas, las que tienen su propia pantalla incorporada como las Oculis Rift o las que necesitan que incorpores un smartphone para hacer de pantalla, como por ejemplo las Gear VR de Samsung.

Por lo general, cuando tienes unas gafas en las que la pantalla es el propio móvil, el smartphone también hace las veces de ordenador gestionando todo lo que ves. El resto de modelos suelen conectarse a un ordenador portátil o de sobremesa para que sean ellos quienes se encargue de cargar y mover el entorno virtual.

La realidad aumentada o AR se diferencia del resto por ser en la se complementa el entorno real con objetos digitales. Vamos, que ves todo lo que tienes a tu alrededor, pero el ordenador de el equipo que lleves frente a los ojos podrá reproducir sobre este entorno objetos, animaciones o datos que realmente no están ahí.
Esto permite, por ejemplo poder ver cómo quedaría un mueble en tu habitación, algo que ya están utilizando algunas empresas. Si te gustan los juegos, también te permite recorrer las calles de tu ciudad capturando con tu móvil unos Pokémon que realmente no están ahí.

Para crear este tipo de realidad medio real y medio digital pueden utilizarse gafas especialmente diseñadas para ello, cascos o las lentes de tu teléfono móvil. En el caso de las gafas piensa en las Google Glass, que tienen un cristal transparente para que veas lo que tienes a tu alrededor, pero pudiendo superponer información sobre cualquier objeto.
Tanto en el caso de las gafas como el de los cascos por lo tanto hará falta que haya una CPU que gestione la realidad virtual que se imprime sobre la real. Esta puede estar incluida en el dispositivo, pero también podría ser suficiente con conectarse a un ordenador externo que se encargue del trabajo. Por otro lado también puedes utilizar la realidad aumentada en dispositivos móviles como smartphones los cuales utilizan sus cámaras para mostrarte en pantalla los elementos físicos reales que estás viendo, pero también gestionan con sus procesadores elementos digitales que se reproduzcan de manera que parezca que estén interactuando con el entorno real.

APLICSCIONES DE LA REALIDAD AUMENTADA 

La Realidad Aumentada (AR) se puede aplicar a muchos ámbitos.

• Educación. La presencia de las nuevas tecnologías en el sector educativo está creciendo y la Realidad Aumentada es una de ellas. La integración de vídeos, sonidos o animaciones 3D sirve de material de apoyo para los más pequeños, que podrán disfrutar de este aprendizaje más eficaz gracias a este tipo de contenidos. Por otro lado, la Realidad Aumentada permite mejorar la instrucción de personal cualificado, como por ejemplo un cirujano, ya que éste podrá obtener información adicional sobre la acciones que realiza mientras opera a un paciente.
• Turismo. La Realidad Aumentada permite mejorar la experiencia de los visitantes de una ciudad o punto de interés a través de la integración de contenido visual o sonoro proporcione información sobre la localización en la que se encuentran. También permite llevar a cabo la reconstrucción digital de elementos históricos deteriorados como edificios o estatuas.
  
• Industria. El desarrollo de apps de Realidad Aumentada en el ámbito industrial también está creciendo, ya que ayudan a mejorar la productividad de los ciclos de trabajo. Por ejemplo, algunas compañías están desarrollando aplicaciones que ayuden a los trabajadores de una cadena de montaje. De este modo, los empleados podrán obtener información adicional sobre las acciones que llevan a cabo. Este mismo sistema también se puede implementar en las reparaciones de vehículos o maquinaria industrial, ya que la app puede mostrarnos toda clase de avisos sobre las piezas deterioradas. Incluso nos puede llegar a mostrar contenido visual en 3D sobre como llevar a cabo la reparación o sustitución de esos elementos.
  
• Entretenimiento y publicidad. Los recientes avances en el desarrollo de aplicaciones móviles  han posibilitado la creación de videojuegos de Realidad Aumentada, donde el usuario interactue con el medio real que le rodea.
  

ComunicArte.

¡Hola a todos!

En esta ocasión os vengo a hablar acerca de una serie de charlas que hemos tenido esta semana en ComunicArte.

Una de las diferente charlas fue dada por los integrantes de Ricoh.

Ricoh es una compañía fundada en 1936 que proporciona servicios documentales, de consultoría, software y hardware a empresas de todo el mundo. Ricoh fabrica productos electrónicos, al principio cámaras fotográficas y posteriormente máquinas de oficina como fotocopiadoras, impresoras, faxes, escáneres y soluciones de gestión documental.

En los años ochenta, Ricoh fue la primera empresa en introducir aparatos digitales multifunción en el mercado, que combinaban funciones de fotocopiado y fax o funciones de escaneado e impresión, reduciendo así la necesidad de disponer de varios aparatos de una sola función. De este modo se consiguió una disminución considerable de los costes y del consumo de energía. 



La siguiente charla que nos dieron fue acerca de Roland:

Roland DG fue fundada como una compañía subsidiaria de Roland Corporation en Osaka (Japón) el 1 de mayo de 1981. Inicialmente, la compañía funcionaba como un fabricante de periféricos musicales computarizados. Un año después de la fundación, Roland DG Corporation presentó su primer plotter, el DXY-100. El segundo logro es en 1988, cuando la compañía lanzó su primer plotter de corte. La PNC-1000 introdujo a Roland DG Corporation de modo permanente en el mercado de rotulación y signos.

Poco después, Roland DG obtuvo un gran éxito con sus únicas impresoras / cortadoras integradas. Esta tecnología licenciada causó una revolución en el mercado de rótulos. Hasta hoy, Roland DG es líder del mercado de impresión combinada y corte.

EFECTO FLIP PAGE

¡HOLA A TODOS!

En esta ocasión os vengo a hablar del efecto Flip Page.
El efecto Flip Page se refiere al efecto que permite pasar de página de un documento digital como si de un documento físico (libro, revista...) se tratara, es decir, simula el efecto natural de pasar página y que es la forma habitual e intuitiva de buscar en un documento físico.
Estos efecto aprovechan las funcionalidad que un documento tradicional electrónico ofrece, como la búsqueda a lo largo del documento, saltar a cierta página, enlaces a wbsites externos, integración de animaciones, integración multimedia de video y audio...
Este tipo de efectos cobra mucha fuerza entre aquellos usuarios que disponen de pantallas táctiles, ya sean pantallas táctiles de escritorio, o soluciones publicitarias de uso público como los escaparates interactivos táctiles, los kioscos interactivos, los puntos de información, etc.

A continuación os dejo con dos ejemplos de Flip Pages creados por mi mediante las páginas web Flipsnack y Flipingbook.
Son dos paginas que ofrecen diferentes herramientas para poder crear Flip Pages de forma gratuita y online.

Productos gráficos interactivos

¡HOLA A TODOS!

El día de hoy os voy a hablar acerca de las imágenes como recurso interactivo y sobre las imágenes panorámicas, además os dejaré algún ejemplo.

1.IMAGEN COMO RECURSO INTERACTIVO.

Una Imagen Interactiva es cualquier imagen que tiene instrucciones de manera que al ser pulsadas se inicia algún tipo de acción o de resultado. En una página web, una imagen interactiva es cualquier imagen que tenga un URL o más de un URL incrustado o escondido tras ella. Si se incrusta más de un URL en una imagen es necesario construir una imagen gráfica.

2. IMÁGENES PANORÁMICAS.

Una imagen panorámica es una imagen que muestra un panorama, que muchas veces suele ser un paisaje o una arquitectura, y se distingue por el amplio horizonte visual que cubre. Su creación ha ido variando a través del tiempo, desde los paisajes pintados en cuadros, pasando por la fotografía clásica y digital, hasta la edición o incluso la creación completa de imágenes en ordenador. Las imágenes panorámicas se han expandido hasta permitir la existencia de mundos virtuales tridimensionales, en ellos se puede ingresar y desplazar para observar diferentes puntos de vista de la escena o imagen.

Hay varias opciones para crear imágenes panorámicas que son las siguientes:

-Autom´tica: Analiza las imágenes y crea una composición adecuada automática.
-Perspectiva: Designa la imagen central como imagen de referencia y las otras imágenes se transforman.
-Cilíndrica: Crea una distorsión de las imágenes de forma cilíndrica.
-Esférica: Alinea las imágenes de una forma esférica.
-Collage: Alinea las imágenes y hace que coincidan una con otra.
-Cambiar posición: Alinea las imágenes para conseguir que el contenido superpuesto coincida.

Esta imagen panorámica ha sido creada con Photoshop a partir de varias imágenes.

En Photoshop he utilizado la herramienta "Automatizar" y dentro de dicha herramienta, la opción "Photomerge". Esta imagen panorámica ha sido creada de una forma automática.

Esta otra imagen ha sido creada de la misma forma con la herramienta "Automatizar" en Photoshop. La diferencia que existe entre esta y la imagen anterior es que esta ha sido creada mediante la herramienta "cambiar posición"

3. IMAGENES INTERACTIVAS.

Una imagen interactiva es una imagen que contiene etiquetas visuales en las que se puede añadir información, links, videos, imágenes, texto, etc. Se puede interactuar con ellas dando click o colocando el cursor encima.

PRODUCTOS GRÁFICOS INTERACTIVOS MULTIMEDIA

¡HOLA A TODOS!

Hoy os explicaré que son los Productos Gráficos Interactivos Multimedia, también os hablare sobre los códigos QR y por que contribuyen con la interactividad de un producto gráfico.

-¿Qué son los productos gráficos interactivos?

Un producto multimedia interactivo puede ser una pagina web con texto y algunos enlaces a otras paginas web, o un documento más complejo que use tipografía, sonido y video con controles interactivos (como pueden ser botones y enlaces).

Ya sean simples o complejos, los diseños interactivos, presentan el mensaje de manera clara y tienen una interfaz fácil para ayudar en su navegación y que funciona adecuadamente con la tecnología que utilice el usuario para desplegar el producto interactivo.

-¿Qué son los códigos QR?

Un código QR es una matriz de puntos blancos y negros, permiten almacenar información mediante un tipo de código de barras en dos dimensiones. Es una versión mejorada del código de barras, ya que puede almacenar información en dos direcciones.

Las siglas corresponden a la expresión inglesa Quick Response Barcode (Código de respuesta rápida)

El código fue creado por una compañía japonesa en el año 1994 para facilitar la clasificación de piezas para automóviles.

Actualmente se utiliza para transmitir información de manera rápida y eficaz entre un soporte físico y un dispositivo electrónico como el teléfono móvil.

La información oculta detrás de un código QR puede ser una imagen, un texto, un número de teléfono, los datos de una tarjeta de embarque o una dirección web, tiene muchísimas posibilidades.

Con el siguiente enlace podréis acceder a una información mas extensa sobre los códigos QR y su utilización:

A continuación os dejo con un vídeo informativo a cerca de los códigos QR: