Entradas

FLIP PAGES

Buenas!!! Hoy en el blog os voy a hablar del efecto Flip Page. Es un efecto que permite simular en un documento digital el cambio de una página a otra correlativa como si ojease una revista o libro físicos, en el navegador, sin necesidad de instalar ninguna aplicación en el dispositivo de visualización. El material es visto a través de un navegador web y está hecho para parecerse lo más posible a una publicación impresa, con un formato que permite la visualización de dos páginas a la vez y una vuelta a la pagina animada. Os dejo un enlace, como ejemplo, que lleva a un documento, con efecto flip page, que hemos trabajado en clase: Enlace:   https://www.flipsnack.com/claudiaprofile/flip-pages.html?0=claudiaprofile               https://online.flippingbook.com/view/934645/

IMÁGENES PANORÁMICAS E INTERACTIVAS

Imagen
Hola a todos!! Hoy os seguiré hablando de los productos multimedia interactivos. El otro día empezamos hablando del código QR, hoy continuaremos hablando de la imagenes panorámicas y de las imágenes interactivas. Las imágenes panorámicas son aquellas imágenes que te permiten interactuar en la imagen como espectador, puedes escoger tu ubicaión dentro de la imagen, cercanía... Estas imágenes son creadas a partir de la combinación de imágenes independientes. También existen las imágenes 360 que son aquellas en "entrar" y desplazar por distintos puntos de la imagen. IMAGEN PANORÁMICA IMAGEN 360 También existen las imágenes interactivas que son imágenes que contienen una especie de etiquetas en las que puedes poner enlaces de webs, mapas, redes sociales, mapas... Estas etiquetas se visualizan  al pasar el ratón por encima de la etiqueta. Os dejo por aquí unos ejemplos de imágenes panorámicas, 360 e interactivas: PANORÁMICAS Link de las...

PRODUCTOS MULTIMEDIA INTERACTIVOS

Imagen
Buenas!! Hoy os voy a hablar sobre los productos multimedia interactivos. Son productos en los que se pueden incluir páginas web con textos, con enlaces que lleven a otras webs o documentos con gráficas, sonido y video con botones interactivos, como los enlaces. Algunos ejemplos de elementos interactivos son los textos, los gráficos, imágenes, video, sonido, animación, vínculos... Hay productos multimedia lúdicos, corporativos, informativos, promocionales, publicitarios e institucionales.     Los pasos para crear un producto multimedia son: - Definir el mensaje clave. Saber que se quiere decir. - Conocer al público. - Desarrollo o tener un guión. - Crear un prototipo. Y después de todo esto, se pueden crear: - Código QR: es una matriz de puntos blancos y negros que permite almacenar información mediantes un tipo de código de barras en dos dimensiones. Se utiliza para transmitir información de manera rápida y eficaz entre un soporte físico y un dispositivo ele...

CREATIVE COMMONS

Imagen
Buenas!!! Hoy os voy a hablar en el blog de Creative Commons. Creative Commons  es una  organización sin fines de lucro  dedicada a promover el acceso y el intercambio de cultura. Desarrolla un conjunto de instrumentos jurídicos de carácter gratuito que facilitan usar y compartir tanto la creatividad como el conocimiento. Os voy a explicar las diferencias  entre las difentes licencias de atribución para obras de Creative Commons: - Atribución (BY): el beneficiario de la licencia tiene el derecho de copiar, distribuir, exhibir y representar la obra y hacer obras derivadas siempre y cuando se reconozca y cite la obra de la forma especificada por el autor. - No Comercial (NC): el beneficiario tiene el derecho de copiar, distribuir, exhibir y representar la obra y hacer obras derivadas sin fines comerciales. - No Derivadas (ND): el beneficiario tiene solamente el derecho de copiar, distribuir, exhibir y representar la obra y no tiene derecho para hac...

OPTIMIZACIÓN DE IMÁGENES

Imagen
Hola a todos!! En esta entrada hablaré sobre la optimización de imágenes. Hemos estado trabajando en clase con unas imágenes y he estado analizando unas cuantas: JPG: De unas originales exporté dos imágenes de cada uno de diferente calidad y tamaño. En las primeras imágenes cambié el tamaño y la calidad, por tanto las imágenes pesan menos pero la calidad es peor. Y en las segundas imágenes cambié el tamaño, pero no toqué la calidad, aunque por aumentar el  tamaño las imágenes pierde calidad.   PNG: En estas imágenes cambié el tamaño de cada una de ellas. Al cambiar las originales por un tamaño más alto, se ve que los archivos van pesando más. Cuando aumentas el tamaño de las imágenes va cambiando la calidad a peor, y al contrario, si vas disminuyendo el tamaño, la calidad es mejor. SVG: En esta imagen volví a cambiar el tamaño y la calidad de la imagen no cambió. Aunque el peso de archivo si cambió. GIF: ...

ANÁLISIS DE LEGIBILIDAD EN LA WEB

Imagen
Buenas!! Hoy os traigo al blog una nueva actividad que trata sobre lo que hemos estado estudiando estos últimos días, la legibilidad en la web. Aquí os dejo un breve análisis de páginas webs legibles e ilegibles. ANÁLISIS DE LEGIBILIDAD  La legibilidad en la web es la capacidad de definir y distinguirlos elementos que deseamos de una página y, dentro del texto, los caracteres. Para que una web sea legible tiene que haber contraste del texto con el fondo, la fuente tiene que ser legible. También tiene que tener una jerarquización y tiene que tener columnas que no ocupen más del 50% del ancho de la pantalla y con frases con menos de 15 palabras.   Ejemplos de webs legibles http://store.steampowered.com/?l=spanish http://www.fueledbyramen.com/?frontpage=true Análisis: STEAM:      Las columnas que hay en esta web no ocupan más del  50 % de la pantalla y las frases no contienen...