guia oleo

6
Para diseñar esta aplicación tuve en cuenta el volumen, quería que no se viera un color plano, por eso está el degrade sutil para que diera dife- rentes tonalidades, se viera más fresco, más joven y atractivo visual- mente, tuve en cuenta las formas irregulares para que rompiera con lo monótono, para que se viera un poco más divertido. La idea no es que se vea tan formal y rígida, sino el usuario se sienta acogido y se crea el cuento que esta viendo una aplicación referida a un restaurante, por eso tiene dos texturas (fondo de plato, servilleta). La tipografía que use fue Helvetica neue Light, Helvetica 25 Ultrathin, las escogí porque son muy delgadas, y respira con los espacios en la letra, hace que se va fresco y delicado, también usé Myarid Pro semi- bold / itálica. La paleta de colores la tome de un plato con salmón y del logo de oleo. C:40 Y:100 C:100 Y:100 C:40 Y:100 M: 8 C:61 Y:94 M: 85 Y:100 C:73 Y: 83 M:81 M:50 Y:100 C:5 M:10 Y:100

Upload: george-olarte

Post on 25-Mar-2016

213 views

Category:

Documents


0 download

DESCRIPTION

Interfaz para aplicacion de Iphone

TRANSCRIPT

Page 1: Guia Oleo

Para diseñar esta aplicación tuve en cuenta el volumen, quería que no se viera un color plano, por eso está el degrade sutil para que diera dife-rentes tonalidades, se viera más fresco, más joven y atractivo visual-mente, tuve en cuenta las formas irregulares para que rompiera con lo monótono, para que se viera un poco más divertido.

La idea no es que se vea tan formal y rígida, sino el usuario se sienta acogido y se crea el cuento que esta viendo una aplicación referida a un restaurante, por eso tiene dos texturas (fondo de plato, servilleta).

La tipografía que use fue Helvetica neue Light, Helvetica 25 Ultrathin, las escogí porque son muy delgadas, y respira con los espacios en la letra, hace que se va fresco y delicado, también usé Myarid Pro semi-bold / itálica.

La paleta de colores la tome de un plato con salmón y del logo de oleo.

C:40Y:100

C:100Y:100

C:40Y:100M: 8

C:61Y:94

M: 85Y:100

C:73Y: 83M:81

M:50Y:100

C:5 M:10 Y:100

Page 2: Guia Oleo

Cargando. Tipos de comida

INICIOPara mostrar que se esta cargando la apli-cación, la palabra cargando esta con unos punticos que en su tiempo se irán llenando junto con la gotica para comenzar la aplica-ción

Menú principal Muestra las opciones de búsqueda más rápida, mostrando abajo la especificación del pictograma en caso de que comprenda la representaciónOpciones: Búsqueda (General ), Tipos de cocina, Café, Favoritos ( Favoritos en gene-ral )

Page 3: Guia Oleo

A-Z

Descripción: Comida rápida

Comida

RÁPIDARestaurantes de Cartagena

A-Z

Guia Óleo - Restaurantes de cartagena

Menú secundario En este caso fue “Tipos de comida”, entonces muestra por como se encuen-tran clasificado, una vez se haya escogido el tipo de comida, aparecerá el pictogra-ma en el centro del circulo y la descripción en caso tal no comprenda la representa-ción.

Abajo aparecen 4 opciones, atrás, bús-queda, alfabética, favoritos ( favoritos de los tipos de comida ) y home .

Menú Tipos de comida En este caso “tipos de comida” (comida rápida) se abrirá otro menú mostrando los logos de los restaurantes, debajo de ellos aparece una serie de punticos mostrando las paginas disponibles con los logos, en este caso es la página 1.

Opciones: Atrás, Búsqueda alfabética (de los restaurantes de esa sección), Favoritos ( de la sección ) y home.

Page 4: Guia Oleo

Burger KingDireccion:BocagrandeCarrera 2#9- 61Avenida San Martin #61. Cartagena, Bolivar

(0)5 6431507

www.burgerking.com.co

Guia Óleo - Restaurantes de cartagena

Nuevo

Ver Galeria Ver Mapa

+ +

Servicios

Restaurante escogido Una vez escogido el restaurante se pasa a otra ventana donde se muestra informa-ción de la dirección y otro tipo de infor-mación de interés del restaurante, debajo del logo están unas estrellas (como está calificado) y el tipo de servicios en la banda verde disponibles en blanco y los no disponibles amarillos sin relieve.

Opciones: Ver galería, Ver mapa, Calificar (lleva a otra ventana donde se califica con porcentajes), añadir favoritos, home.

Ver MapaTe lleva a una ventana del explorador del teléfono buscando directamente en Google Maps la ubicación del restaurante.

Opciones: Atrás, Buscar (busca restauran-tes cerca del que tienes seleccionado), Añadir a favoritos (si aún no lo has hecho), home.

Page 5: Guia Oleo

Exelente

Bueno

Excelente

70%

100%

100%

Burger KingCalificacion de servicio

Guia Óleo - Restaurantes de cartagena

+

Click to zoom

+

Burger King Galeria

Guia Óleo - Restaurantes de cartagena

Cali�car servicioMuestra tres aspectos fundamentales a calificar, la idea en esta acción es deslizar el dedo sobre la barra y llenarla hasta donde se considere, el programa arrojará un porcentaje que vaya intercalado solo en números cerrados y el total se expresa en estrellas debajo del logo como se ve en la página de descripción del restaurante.

Ver galeriaMuestra varias fotos del lugar para que puedan conocer las instalaciones, tiene la opcion “ Click to zoom ” para que la puedan ampliar en todo el telefono, debajo de la foto hay una serie de puntos dando a entender que hay otrs fotos disponibles.

Page 6: Guia Oleo

A-Z

+

Busqueda Café Tipos de cocina Favoritos Añadir favoritos Precio Comida tipica

Comida oriental Comida vegetariana Comida rápida Cali�car Aire acondicionado Domicilios Wi�

Efectivo Zona de fumadores Comida Ambiente Servicio Zona para niños Atras

Búsqueda alfabetica Home