Gif realizado con photoshop

Este trimestre hemos aprendido a crear gifs animados con photoshop, lo primero cogí una imagen y la duplique y la puse en espejo para poder hacer la animación, en el apartado de photoshop "linea del tiempo" y eso hace una especie de fotogramas en las que puedes aumentar o disminuir el tiempo de cambio de imagen para que el movimiento sea mas rápido o mas lento.

Ejemplo:

Introduccion al diseño web y creacion de banners

Buenas este es un trabajo sobre la introduccion al diseño web y creacion de banners.

Ejemplos de diferentes tipos de paginas web:

Web Corporativa

Web Comercial

Web Educativa

Web Personal

Web Comercio Electronico

Web Informativa

Web Wiki

Web Foro

Web Redes Sociales

Web Blog

Web Gubernamental

Criterios de usabilidad

Existen multitud de reglas de usabilidad para distintos proyectos y distintas situaciones pero, hay cinco pilares básicos que deben tenerse siempre presentes a la hora de estudiar la usabilidad de una web:

• Rapidez: Las páginas de nuestra web deben cargar de forma rápida ( no más de 4 segundos )
• Estructuración: Nuestra web debe tener una estructura clara y constante en todas sus pantallas.
• Intuitividad: El usuario debe poder navegar a través de la web de forma intuitiva.
• Compatibilidad: La web debe ser compatible para todos los navegadores y dispositivos; debe mostrarse correctamente en todas las plataformas.
• Actualización: El contenido de la web debe estar actualizado y ser dinámico. 

Jerarquia visual

Consistente a lo largo de las páginas del sitio web facilita la navegación. Se suele desarrollar una página como plantilla para la realización de las diferentes páginas.

 Control del usuario

Los controles de usuario son contenedores en los que puede colocar controles de formato y de servidor Web. A continuación puede tratar el controlde usuario como una unidad y definir propiedades y métodos para el mismo.

Interaccion 

Trata el uso de texto o hipertexto, imagen, enlaces, audio y vídeo como factores multimedia dentro de cada aplicación web para enriquecer los recursos con los que queremos comunicar el mensaje a nuestro usuario.

Análisis de tres sitios web diferentes respecto a la aplicación de los criterios de
usabilidad:

La pagina web de Nvidia, es muy rapida, tiene una estructura buena, buena jerarquia, es facil encontrar lo que buscas.

Wikipedia aporta mucha informacion sobre todo tipo de cosas que busques, tiene una buena jerarquia, carga rapido, y puedes encontrar lo que desees en el buscador todo tipo de informacion.

La pagina web de samsung es rapida y facil de buscar, tiene buena jerarquia, esta muy completa.

 

Realidad Aumentada

Características y funcionalidad de la realidad aumentada

Se utiliza la cámara para captar un escenario real.

Este escenario posee algún objeto conocido como marcador, es reconocido por la aplicación que se ejecuta en un ordenador asociado a una pantalla y sobrepone a la imagen del marcador un objeto virtual como una animación 3D, video, imagen o sonido.

La realidad aumentada permite interactuar con el mundo real de forma directa. permite disfrutar de las ventajas del mundo virtual sin perder la conexión con el mundo real.

Cada vez mas empresas usan esta tecnología que superpone contenido generado digitalmente, como video, gráficos o sonido, a imágenes reales captadas en teléfonos inteligentes, tabletas o gafas de alta tecnología.

Elementos de la Realidad Aumentada:

• Pantalla: Es importante para poder visualizar la información.
• Camara: Es la que capta la realidad y proporciona información a la aplicación. Necesaria para activar el sistema de RA.
• Marcador: Es el elemento que pone en funcionamiento la aplicación. Imagen hecha con la cámara o punto geográfico.
• Información virtual: Es lo que recibe el usuario una vez que se activa el marcador ya sea mediante la cámara o el GPS.
• Software: Es el mecanismo o programa que interpreta la aplicación y la muestra en el móvil.

Diferencia entre RA Y RV

• La realidad virtual es un mundo de fantasía . Crea un mundo virtual mediante el diseño gráfico 3D, por ejemplo: Videojuegos con RV y simulaciones.
• La realidad aumentada solo agrega elementos virtuales a la realidad existente, en lugar de crear esa realidad desde cero.

Aplicaciones

Ink Hunter

Google Translate

Comunicarte

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.

Estas son unas de sus fotocopiadoras: 

La Corporación Roland DGA es la dependencia de comercialización, distribución y ventas estadounidense de Roland DG Corporation de Hamamatsu, Japón, un líder mundial en las industrias de avisos, artes gráficas, artes plásticas, gráficos para vehículos, UV, fotografía, grabado y modelado en 3D.

Roland DG también tiene sus raíces tecnológicas en la industria musical; la avanzada tecnología de diagramación de la compañía se utilizó inicialmente para grabar ondas sonoras para la línea de sintetizadores musicales de la Corporación Roland.

Estas son unas de sus impresoras:

Flip Page

productos interactivos

Imagenes 180º y 360º

Aqui hos dejo unas imagenes 180º que emos creado con photoshop de la puerta de nuestro instituto.
Hay que hacer muchas fotos en linea recta minimo 6, despues ir a photoshop,  ir a archivo → automatizar → photomerge y cargar todas las imagenes, puedes hacer muchos tipos de panoramas.

Trabajo Thinglink

Emos creado esta imagen interactiva sobre nuestro instituto, haciendo una foto a la entrada del instituto y en la pagina thinglink subiendola y creando puntos de enlaze, esto incita a informarse al lector sobre la localizacion y lo que se hace en ese lugar, etc.

Productos Graficos Interactivos Multimedia

¿Que es un producto multimedia interactivo?

Es un modo de presentacion que puede contener imagenes, texto y aveces, sonido.

La multimedia interactiva se basa en el diálogo entre usuarios y contenido, donde diseño y realización (medios audiovisuales) son factores principales para captar su atención, pues el éxito depende de que la persona, receptor o usuario consiga relacionarse totalmente con la presentación. Ayuda a obtener la información que se precise y son sistemas que atraen a un público numeroso, por lo cual las empresas la utilizan con fines publicitarios o comerciales.

Un buen ejemplos son los kioscos interactivos, que pueden localizarse en centros comerciales, bancos o inmobiliarias. También existen las llamadas pantallas interactivas, muy utilizadas en ámbitos como la publicidad.

El codigo QR incrementa la interactividad, porque es muy rapido, te lleva rapidamente a un URL, correo electrónico, textos, SMS, configuración Wifi, vídeos de YouTube, archivos adjuntos, redes sociales, etc.

Este codigo QR lo hicimos con un ejemplo y explica lo que es un codigo QR 

↓