Ejemplo 1

diseño de Orientación Gráfica por :Nicolás Reyes

Diseño

Interfaz

de

aplicación para iphone

TEMA:

“LA GUÍA DEL VIAJERO INTERGALÁCTICO”

Introducción Este trabajo es realizado para crear la interfaz de una aplicación en iphone en base a una película llamada “La guía del viajero intergaláctico”. Para esta interfaz necesitamos crear diferentes pictogramas (Rutas, Transporte, Glosario, Razas y Traductor) de los cuales se escogerán cuatro para la aplicación final. Además es necesario crear un icono más que es el de la interfaz donde van a estar los demás pictogramas. Este proceso empieza con un bocetación, en la cual se empieza a jugar con la forma y contra forma, pero al conocer como iphone trabaja sus pictogramas, se decide hacer un solo icono con formas redondas, sin una forma contenedora. Esta bocetación es llevada a una forma final de 20x20 donde se hacen algunas correcciones para la presentación final. Luego de ser aprobados los pictogramas finales son llevados a la aplicación al tamaño real para ver su poder de resolución.

Problema Diseñar la interfaz gráfica de usuario (GUI) para una aplicación de iphone sobre la película “La guía del viajero intergaláctico”

Descripción del Problema

Diseñar los iconos (pictogramas), ventanas y secciones que debe tener la aplicación de la película “La guía del viajero intergaláctico”, teniendo en cuenta las limitantes del soporte elegido. Este problema busca relacionar los temas: pictogramas, interfaz, mapas y señalización.

La solución deberá cumplir con los siguientes factores: síntesis, estilización, legibilidad, unidad y un grado de universalidad”

Documentación

Douglas Adamas 1952-2001 Año de Producción 2005 Género: Comedia / Ciencia Ficción

La guía del viajero intergaláctico es una película de comedia. Basada en la novela de Douglas Adams llena de emociones y situaciones chistosas, en la cual un señor llamado Arthur Dent viaja a través de una nave intergaláctica por todo el espacio cuando la tierra es destruida por obstaculizar una nueva vía en la galaxia. Arthur con su amigo Ford Prefect (un extraterrestre con forma de humano) son transportados por todo el universo conociendo diferentes personajes , razas y planetas en compañía de por Zaphod Beeblebrox, el primo de Ford y ex presidente de la galaxia que tiene dos cabezas, y su compañera Trillian, una terrícola que Zaphod se llevó cuando fue a una fiesta en la tierra

Pictogramas Un pictograma es un signo que representa esquemáticamente un símbolo, objeto real o figura de una forma sintetizada. El pictograma tiene que ser universal, tiene que tener una unidad con los demas pictogramas realizados para un mismo proyecto, tiene que ser legible y con un grado de estilización.

Interfaz Gráfica La interfaz gráfica de usuario, conocida también como GUI (del inglés graphical user interface) es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz. Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.

Habitualmente las acciones se realizan mediante manipulación directa, para facilitar la interacción del usuario con la computadora. Surge como evolución de los intérpretes de comandos que se usaban para operar los primeros sistemas operativos y es pieza fundamental en un entorno gráfico.

Bocetación

Está es la primera fase de bocetación,donde se intentaba jugar con la figura fondo, pero despues de conocer la interfaz del iphone, se decide cambiar a solo iconos.

En la parte de arriba ya se ve esa sintetización y una forma única sin una forma contenedora.

En la parte de abajo ya se ven los pictogramas finales, listos para digitalizar.

Interfaz final

Humanos Humanoides Vogones Ratones Betelgeusianos

Forma Tama単o Velocidad

Galaxias Planetas La Tierra Magrathea Betelgeuse 5 y 7