Herramientas para diseñar interfaces gráficas


En esta práctica vamos a ver como crear diferentes interfaces gráficas que nos puedan ayudar a conectar información.

En esta parte del temario hemos visto que son las RRSS, infografías y diferentes interfaces gráficas y como funcionan. Vamos a poder utilizarlas para transmitir información de distintas formas.

Una de las interfaces gráficas que hemos visto es el código QR, estos códigos son una evolución del código de barras y permiten transmitir información a través de un gráfico bidimensional y un escaner o cámara. Para poder crearlos y usarlos, tenemos diferentes herramientas, dos de ellas son Kaywa e Invex. A través de un código QR podemos dirigir al usuario a una página, compartir un contacto u otro tipo de información. En mi caso, lo voy a usar para compartir mi página web.

Para ello, me he dirigido a la página de Kaywa y he generado el siguiente QR que redirige al usuario a mi pagina web.


En la segunda parte de la practica, debemos hacer uso de infografía, yo he reciclado varios de los paneles realizados para taller, en los cuales usé la infografía para definir los paneles explicativos de un producto, un banco hecho con hormigón y una jardinera de interior. Además, ya entonces usamos los códigos QR para dirigir al usuario, en este caso turistas a la página oficial del museo de Mérida.




Comentarios

Publicar un comentario

Entradas populares de este blog

Imagen
UNREAL ENGINE Unreal es un entorno de desarrollo, que incluye todas las herramientas necesarias para construir un juego o simulación. Consiguiendo unos renderizados de muy alta calidad y en un gran abanico de usos, como pueden ser juegos, arquitectura, diseño de transportes, transmisión en vivo, cine, etc. En mi caso, recuerdo jugar al Unreal Tournament, un juego en primera persona basado en la conquista de banderas el cual utilizadaba el motor gráfico de unreal. Además, Fortnite, uno de los juegos más conocidos actualmente también lo utiliza, no solo para el juego en sí, sino que diferentes artistas lo han utilizado como medio de transmisión en directo. Dj's como deadmau5, Steve Aoki o Dillon Francis han transmitido conciertos en directo desde el juego, aqui os lo dejamos por si quereis verlo. Esto, es solo uno de tantos usos y aplicaciones que tiene Unreal Engine, para nosotros los diseñadores puede tener usos  muy interesantes como simulador y animador, consig
Leer más
Imagen
Realidad aumentada La realidad aumentada como herramienta de comunicación entre lo virtual y el mundo real. En esta parte del temario nos hemos centrado en la realidad aumentada, esa herramienta que nos permite pasar objetos virtuales al mundo real, su origen, características, usos y como funciona. Para comprenderla de una manera más didáctica, hemos realizado una pequeña práctica en la que con ayuda de un código html, un marcador y la una biblioteca de realidad aumentada en la web (AR.js), conseguimos con la cámara de nuestro ordenador pasar una figura simple a la realidad e interactuar con ella.  En mi caso he modificado: Figura: Cono Color: Verde Posición, desplazada hacia la derecha, para poder ver si en el marcador de nuestro móvil se provocan reflejos producidos por el brillo del ordenador. Código final, con los cambios marcados: <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script> <script src="https://c
Leer más
Imagen
Herramientas de Audio, video y Web3D En esta practica seguimos añadiendo conocimientos sobre el universo web, en este caso herramientas para manipulación de audio, vídeo y modelos 3D. Hasta ahora hemos estado viendo diferentes maneras de crear, modificar y manipular paginas web y archivos en ella, llega el momento de introducir en ellas algo mas de vida, en este caso aprenderemos a insertar archivos en 3D para poder visualizarlos y manipularlos desde la web. Para conseguir este objetivo, nos ayudaremos babylon, una herramienta que nos permite trabajar sobre WebGL, añadiendo archivos 3D y de audio a la visualización, es una herramienta útil ya que tiene infinidad de plugins con los que podremos cargar diversos tipos de archivos 3D, además de tener gran cantidad de información sobre su manejo y uso. Empecemos. Para realizar esta practica hemos añadido un código base que después iremos modificando para conseguir nuestra propia forma. Este código base esta formado de:
Leer más