19
El origen Por Adriana Durán Vargas / Cod: 28538384

Ejemplo 3

Embed Size (px)

DESCRIPTION

Presentacion del proceso de la interfaz grafica para ipod touch, el tema es la pelicula "inception (el origen)"

Citation preview

Page 1: Ejemplo 3

El origen

Por

Adri

ana D

urá

n V

arg

as

/ C

od:

28538384

Page 2: Ejemplo 3

Un interfaz de usuario tiene un proceso y análisis para determinar su efectividad. Comenzando por el análisis y la definición funcional del producto, (qué es, con qué objetivos se construirá, quién lo usará, que funcionalidades incluirá), su aspecto (apariencia de las pantallas). Esta apariencia es la que empezaremos a desarrollar durante una secuencia de pasos que se describirán,

dependiendo de un estudio preliminar y análogo como los bocetos. Este estudio esta entretejido primero; por el objeto de estudio que parte de la parte visual (la película. El origen) desde alli se tomarán las ideas principales y su significado, segundo; proceso de bocetación y escogencia de los iconos más adecuados para la representa-ción. Todo esto aplicado a el Ipod Touch.

INTRODUCCIÓN

Page 3: Ejemplo 3

PROBLEMADiseñar la interfaz gráfica de usuario (GUI) para una aplicación ipod touch sobre la película El origen de Cristopher Nolan.

DESCRIPCIÓN

Observar, diseñar y aplicar los pictogramas como aplicaciones para Ipod Touch, teniendo en cuenta los parámetros para este un inter-faz de usuario. Estos parámetros deberán ser cumplidos para un óptimo entendimiento como lo son la estilización, universalidad, legibilidad y síntesis.

Page 4: Ejemplo 3

LA DOCUMENTACIÓN

Christopher Nolan demuestra con Origen el auténtico poder de una idea. La suya, como cineasta, es ambiciosa, tal vez peligrosa y ame-naza con cambiar su mundo. Nolan está seguro de que, olvidando fórmulas preconcebidas, historias infantilizadas y productos hechos a la medida, es posible llevar al espectador al cine con una propuesta de calidad. Una con alma

surgida únicamente de la mente de su autor, madurada en su cerebro hasta ser plasmada en pantalla sin ser brutal-mente alterada en el proceso. Incep-tion es a la vez una obra muy personal de su creador, en la que explora de nuevo la temática que más le apasio-na, y al mismo tiempo un espectacular blockbuster. La mezcla es inusual y la idea es atrevida, pero funciona. Nolan demuestra sin temores que se puede hacer un taquillazo con una trama compleja, un guión muy exigente con el espectador y una puesta en escena visualmente chocante, sorprendente y magnética. Origen atrapa al especta-dor y lo traslada con un ritmo incesan-te a un mundo onírico en el que el Nolan escriba disfruta jugando a su voluntad con las reglas para dejarle a su faceta como realizador la libertad necesaria para actuar a capricho. Así el filme es brillante, pero desde luego no es perfecto.

Page 5: Ejemplo 3

Por fin se ha hecho público el argumento definitivo de Origen (Inception), la nueva película de Christopher Nolan que llegará a nuestros cines el próximo 23 de Julio.

Dom Cobb es el mejor ladrón del mundo en lo que se conoce como extracción: apropiarse de los secretos del subcons-ciente cuando la víctima está durmiendo.

Su habilidad le ha convertido a la vez en un fugitivo internacional así como un codiciado jugador dentro del espionaje mundial.

Sin embargo, Cobb quiere volver a tener una vida normal, pero para ello tendrá que realizar lo contrario a lo que realiza habi-tualmente: la incepción.

Esto consiste en implantar en el subcons-ciente de alguien una idea. Sin embargo su tarea empieza a resultar muy peligrosa cuando un enemigo comienza a adelantar-se a sus movimientos...

ARGUMENTO

Page 6: Ejemplo 3

¿QUÉ ES PICTOGRAMA?Pictogramas es una representación esquemática de una forma, objeto o figura, que permite presentar

ideas complejas de forma sencilla y universal.

CARACTERISTICAS. De tipo formal

1. sintesis2. legibilidad

3. unidad4. universalidad

5. estilización

Page 7: Ejemplo 3

DISEÑADORES Y MUESTRAS DE TRABAJOS

Gerd Arntz Desarrolló un lenguaje

visual accesible a todos y fácilmente comprensible en colabo-

ración con el sociólogo y filósofo Otto Neurath. Pretendían,

entre otras cosas, reducir la desventaja sufrida por los analfa-

betos de las bajas clases sociales y estandarizar el lenguaje

gráfico.

Page 8: Ejemplo 3

John Grimwade Su estilo

simple hasta la obsesión y extremadamente informativo es

un ejemplo que ha servido de inspiración a varias genera-

ciones de infografistas. Su principal logro a lo largo de los

años ha sido demostrar lo mucho que se puede conseguir

con un uso restringido y racional de los recursos gráficos.

Alberto Cairo Touriño 2003

Page 9: Ejemplo 3

Otl Aicher Aicher antepone lo analógico

y concreto a lo digital y abstracto, lo hace con intención

filosófica. Relativiza el papel de la razón pura y critica el racio-

nalismo de la modernidad como fruto del predominio de un

mero pensar abstracto. A juicio de Aicher, anteponer lo

abstracto a lo concreto crea una falsa jerarquía, un orden, que

es fatal para la cultura. Lo digital, abstracto, no es más elevado,

mayor o más importante que lo analógico, concreto.

Page 10: Ejemplo 3

¿QUÉ ES INTERFAZ?El término interface, en su acepción más general del término, qué ha ido “evolucionando” a la

par de lo que se han desarrollado las computadoras, nos habla de un espacio que permite la interacción entre una persona y un objeto (una pc, por ejemplo). Precisamente, la interface no

es un objeto, “sino un espacio en el que se articula la interacción entre el cuerpo humano, laherramienta y objeto de la acción”

Ese algo, que es a la vez un límite y un espacio común entre ambas partes, es la interfaz.En el caso de la Red, la interfaz no es sólo el programa que se ve en la pantalla. Desde el

momento que el usuario teclea una URL, comienza a interactuar con el producto y por lo tanto, comienza su experiencia.

CARACTERISTICAS. De tipo formal

La interface, por tanto, si bien constituye un espacio “inmaterial”, cumple un rol fundamental para el diseño de interacciones, como así también para el resto de las disciplinas proyectuales. Pero justamente, de acuerdo a la importancia central de la interfaz, Bonsiepe aclarará que “los artefactos son objetos que permiten la acción eficaz. La interfaz hace posible la acción eficaz”.

o sea, la interface no será juzgada por sus características formales o funcionales, sino por “hacer eficaz” una acción, que el propósito de un usuario pueda ser llevado a cabo exitosamente.

Page 11: Ejemplo 3

a tener en cuenta al momento de diseñar una interfaz

ASPECTOS

1. análisis de requerimientos del producto

2. análisis de las tareas

3. conocimiento del usuario

4. generación de posibles metáforas y análisis de tipo de diálogo

5. revisión de posibilidades para la implementación

Page 12: Ejemplo 3

de muestras de trabajosANÁLISIS

HP nueva versión personalizada de Ubuntu 8.04

Hardy Heron y dirigida a las ultra-portátiles. Esta versión fue

creada específicamente para las HP Mini 1000 Mi. La

personalización realizada por HP incluye OpenOffice.org,

Firefox, Thunderbird, Sunbird, Pidgin y algunos otros

programas más, permitiendo instalar fácilmente otros

programas como Gimp. La interfaz es totalmente diferente

a la de Ubuntu y Ubuntu Netbook Remix.

Page 13: Ejemplo 3

Kntaris es otro reproductor de archivos

multimedia totalmente gratis para Windows basado en VLC.

Este también es open soruce, tiene una interfaz muy

agradable y soporta una amplia gama de formatos de audio,

video y streaming, entre los que se encuentran: AVI, MPEG,

MGEG-AVC, WMV, MOV, MKV, QuickTime, Matroska, Divx,

xVid, H264, MP3, WMA, OGG y también CDs, DVDs, permi-

te escuchar Last.FM, etc.

Page 14: Ejemplo 3

Rim ha dado primero en la nueva guerra de los

smartphones. Lo ha hecho adelantándose a Apple con la

presentación de un modelo con conectividad avanzada y

renovado sistema operativo. El nuevo tesoro de RIM se

llama Blackberry Bold, no tiene el feeling del iPhone ni su

interfaz y experiencia de usuario, pero apuesta por lo

seguro, por la experiencia y por el teclado.

Page 15: Ejemplo 3

BOCETACIÓN

Objetivo Primero parti de una idea que en su momento era ubicar el objetivo, basada en la

película , como una búsqueda para poder implantar la idea. Y partiendo de esto quise plantear un estilo

orgánico, formas redondeadas y abstractas para darle un toque efímero. Pero más adelante, introduje

una parte real que se requería y de allí se forma el objeto iconico llamado ringlete ya existente pero el

requerido para mi trabajo final.

Espacio Con el espacio pasó algo parecido que , con los anteriormente mencionados. Pero

este fué más gemétrico, aunque empezó muy orgánico poco a poco cambio en sus formas pero sus

partes siempre fueron pares y separadas unas de otras para formar un conjunto con los demás.

Page 16: Ejemplo 3

Espacio Con el espacio pasó algo parecido que , con los anteriormente mencionados. Pero

este fué más gemétrico, aunque empezó muy orgánico poco a poco cambio en sus formas pero sus

partes siempre fueron pares y separadas unas de otras para formar un conjunto con los demás.

Salida Este caso en particular tuvo cambios muy grandes, porque si podemos ver el primer

icono es una nota musical. Luego pasó a ser una flecha con algo de secuencia en uno de sus extremos

pero luego la fui sintetizando hasta quedar solo la flecha dirigida hacia la derecha para indicar nivel y su

color negro por ser algo negativo respecto al tono de la película.

Page 17: Ejemplo 3

ESPECIFICACIONES DE LA INTERFAZ

SalidaObjetivo EspacioNiveles

1

2

3

4

Page 18: Ejemplo 3

Para encontrar el pictograma adecuado para niveles, empese por

seguir el estilo orgánico de el anterior pictograma, para luego buscar

características que me lleveran a pensar de manera global en el

término y por último busque puntos especiales para que el pictogra-

ma diera unidad con el objetivo como los son sus vértices y tonalida-

des positivas y negativas.

1

2

3

4

Primero parti de una idea que en su momento era ubicar el objetivo, basada

en la película , como una búsqueda para poder implantar la idea. Y partien-

do de esto quise plantear un estilo orgánico, formas redondeadas y abstrac-

tas para darle un toque efímero. Pero más adelante, introduje una parte real

que se requería y de allí se forma el objeto iconico llamado ringlete ya

existente pero el requerido para mi trabajo final.

Para encontrar el pictograma adecuado para niveles, empese por seguir el

estilo orgánico de el anterior pictograma, para luego buscar características

que me lleveran a pensar de manera global en el término y por último busque

puntos especiales para que el pictograma diera unidad con el objetivo como

los son sus vértices y tonalidades positivas y negativas.

Este caso en particular tuvo cambios muy grandes, porque si

podemos ver el primer icono es una nota musical. Luego pasó

a ser una flecha con algo de secuencia en uno de sus extremos

pero luego la fui sintetizando hasta quedar solo la flecha

dirigida hacia la derecha para indicar nivel y su color negro por

ser algo negativo respecto al tono de la película.

Page 19: Ejemplo 3

Adriana Durán VargasOrientación GráficaUniversidad jorge Tadeo lozano