the swinging sixties - Universidad de las Américas...

6
the swinging sixties the swinging sixties Producto de diseño Selección de temas Diseño de la introducción Diseño de los motivos Diseño y organización general La música Flowchart

Transcript of the swinging sixties - Universidad de las Américas...

Page 1: the swinging sixties - Universidad de las Américas Pueblacatarina.udlap.mx/u_dl_a/tales/documentos/ldg/obando_a... · 2008-01-30 · collage y la línea de tiempo, estos dos últimos

theswingingsixties

theswingingsixties

Producto de diseño

Selección de temasDiseño de la introducciónDiseño de los motivosDiseño y organización generalLa músicaFlowchart

Page 2: the swinging sixties - Universidad de las Américas Pueblacatarina.udlap.mx/u_dl_a/tales/documentos/ldg/obando_a... · 2008-01-30 · collage y la línea de tiempo, estos dos últimos

Pro

du

cto

de

Dis

o /

Se

lec

ció

n d

e te

ma

s

Pro

du

cto

de

Dis

o /

Se

lec

ció

n d

e te

ma

s

62

thethetheswingingswingingswingingsixtiessixtiessixties

61

thethetheswingingswingingswingingsixtiessixtiessixties

Selección de temas

Los hippies: Nunca se había visto un fenómeno parecido, los hippies y la contracultura revolucionaron los estatus sociales.

Las protestas: Los anos sesenta son sinónimos de protesta, toda persona tenia derecho a expresarse.

Artes Visuales: Las artes siempre son importantes en la vida diaria, la televisión, el cine y los grandes artistas reflejan la forma de pensar del momento. Los submenús con los que cuenta esta sección son los siguientes:

Pop Art y Andy Warhol: La corriente artística más importante de la década y el mayor exponente.

Cine: El cine marco modas como lo fue James Bond para las personas sofisticadas.

Televisión: algunos shows como el de Ed Sullivan representan la cultura popular de la juventud.

Tecnología: La tecnología es el primer paso al futuro, es el que hace al tiempo moverse y a las personas con el. Los submenús con los que cuenta esta sección son los siguientes:

La Carrera Espacial: Este fue el tema que duro toda la década desde que el presidente Kennedy hizo la promesa de poner un astronauta en la luna.

Deportes: Los deportes son los que crean a los ídolos de la socie-dad.

Tratar de delimitar toda una década no es tarea fácil. Como saber que incluir y que excluir, como tomar la decisión de darle mas importancia a cierta cosa que a otra. Este proyecto no se trata de incluir absoluta-mente todo lo sucedido en la época de los sesentas, ni siquiera incluir lo que haya sido mas importante. El objetivo real de este proyecto es el de incluir todo aquello que haya dejado huella, todo aquello que represente como se vivo esa época y mas aun que represente a los que la vivieron.

Personajes que se volvieron iconos, eventos que fueron de todos y afectaron a todos, situaciones que se recuerdan con nostalgia porque se sabe que solo pudieron pasar en esta época. Tratare de dar un ejemplo para que se entienda un poco mas el porque la selección de algún tema o personaje y no de otro.

En la época de los sesenta hubieron descubrimientos asombrosos como la invención del rayo láser, este es un hallazgo muy importante, sin embargo no representa a los sesentas, y cuando alguien habla de la invención del rayo láser no te transporta a ese momento especifico el cual recuerdan todos, sin embargo si hablamos de la llegada del hombre a la luna la gente mas que recordar los logros técnicos, recu-erdan el momento exacto, los sentimientos, el lugar, las personas con quien estaban en la hora en que todo el mundo fue testigo cuando Neil Amstrong piso por primera vez la superficie de la luna, y seguramente todo esto lo recuerdan con nostalgia y se dan cuenta de cómo han pasado los anos, todos logran ver un reflejo de si mismos y se recuer-dan a si mismos escuchaban a los Beatles, el simple echo de escuchar una canción te hacer recordar como te vestías, como habla-bas, como sonabas.

Esto es a lo que yo llamo un evento o cosa que marco a la época de los sesenta, esto es el resultado que espero con todos y cada uno de los temas incluidos en este proyecto, que te logren despertar un sentimiento, ya sea de nostalgia porque lo viviste, de envidia porque no habías nacido o simplemente de imaginación de cómo eran las cosas en ese entonces. Aclarando esto, el objetivo final de este proyecto es el de transmitir como era la cultura popular general de los anos sesenta.

Toda la información se dividió en 7 temas, los cuales tendrán una expli-cación general e incluirán las cosas, eventos o personas mas repre-sentativas de dicho tema. Todo esto se explicaran detalladamente a continuación.

Home: Esto es a lo que yo llamo la introducción del proyecto, un breve resumen de lo que fueron los sesentas para que el usuario tenga una idea general de lo que se va a encontrar.

Política: Este tema es necesario en cualquier historia, lo que acon-tece en la política es un reflejo de la situación que se vive en el mundo. Los submenús con los que cuenta esta sección son los siguientes:

La guerra de Vietnam: Sin lugar a dudas esta fue la situación política mas importante.

John F. Kennedy: Presidente que quedo en la memoria de muchas personas, no solo por la forma en que murió sino lo que represento para la época ser presidente a tan temprana edad.

Martín Luther King: Recordado por todos por sus grandes discursos y

su interminable lucha por los derechos civiles y en contra la discrimi-nación.

El Che Guevara: Un icono de las revoluciones sociales y representante del cambio.

Música: La música es lo que define las modas, define el momento, la juventud. Los submenús con los que cuenta esta sección son los siguientes:

Los Beatles: Simplemfente el mejor grupo no solo de los sesentas sino de la historia de la música.

Bob Dylan: Representante de ideas de protesta plasmadas en música, muchas de sus canciones fueron usadas para representar el descon-tento de la juventud.

The Rolling Stones: Representan la psicodelia del momento, la locura y libertinaje de la juventud.

El festival de Woodstock: Representa el fin de la década, el amor y la paz.

Cultura: Aquí es donde se puede ver como era la moda, como se vestían, que pensaban, como era la familia. Los submenús con los que cuenta esta sección son los siguientes:

La moda: Cada época se distingue por la moda y en los sesentas fue

Page 3: the swinging sixties - Universidad de las Américas Pueblacatarina.udlap.mx/u_dl_a/tales/documentos/ldg/obando_a... · 2008-01-30 · collage y la línea de tiempo, estos dos últimos

Pro

ce

so

de

Dis

o /

Dis

o d

e lo

s m

otiv

os

64

thethetheswingingswingingswingingsixtiessixtiessixties

Pro

du

cto

de

Dis

o /

63

thethetheswingingswingingswingingsixtiessixtiessixties

Diseño de la introducción

Los submenús con los que cuenta esta sección son los siguientes:

Muhammed Ali: No solo por lo que consiguió en el deporte si no por su lucha en contra del racismo se convirtió en un icono del deporte.

Vince Lombardi: El mejor estratega que ha existido en el fútbol ameri-cano.

Copa del Mundo del 1966 y las Olimpiadas de México 1968: Este tipo de eventos siempre son muy importantes y por un par de semanas todo el mundo presta atención a ellos.

La idea general de la introducción es el de colocar las imágenes mas representativas de la época de los sesenta en forma de recortes de revistas o periódico para transmitir la sensación de nostalgia y del pasado. Añadiendo videos y movimiento a las imágenes se crea un efecto mas moderno. A lo largo de la introducción personajes como John Lennon y el presidente Kennedy, aparecerán dando un dato extra de algún evento en el que ellos hayan estado involucrados, esto es para romper un poco la monotonía.

Dis

o d

e la

intro

du

cc

ion

El primer problema que se encontró en este proyecto fue el de cómo organizar tanta información de manera que el usuario la encuentre fácil, atractiva y accesible, y al mismo tiempo mostrar dicha información que de manera grafica demuestre la cultura popular general de los anos sesenta.

Lo primero que se pensó fueron los colores tan característicos de esta época y así se le asigno un color a cada sección, esto hará mas fácil su identificación y el usuario nunca tendrá problemas para saber en donde se encuentra. Es aquí cuando se tomo la decisión de darle una identi-dad mas halla del color a cada sección y esto se logro utilizando moti-vos del op art, es decir, figuras geométricas en repetición que forman un patrón. Con estos elementos y el color, cada sección tendrá una identidad única que la hará diferente a las demás.

Al diseñar de los botones se uso de referencia el pop art de Andy Warhol y se uso el alto contraste como el cuadro tan famoso de Marilyn Monroe. Para darle un poco de dinamismo cada vez que se presiona alguno de estos botones, aparecerá en pantalla una breve present-ación con un collage utilizando los iconos mas representativos de cada sección.

Diseño de los motivos

politics

home

Page 4: the swinging sixties - Universidad de las Américas Pueblacatarina.udlap.mx/u_dl_a/tales/documentos/ldg/obando_a... · 2008-01-30 · collage y la línea de tiempo, estos dos últimos

visual arts

Pro

du

cto

de

Dis

o /

66

thethetheswingingswingingswingingsixtiessixtiessixties

Pro

du

cto

de

Dis

o /

65

thethetheswingingswingingswingingsixtiessixtiessixties

Dis

o d

e lo

s m

otiv

os

Dis

o y

Org

an

izac

ión

Ge

ne

ral

sportsculture

tecnology

El diseño general es muy básico. El objetivo es dar una sensación de orden, colorido, dinamismo y una extrema organización del contenido, donde se usa un sistema idéntico para todo el proyecto, todo esto sin olvidar el objetivo general de representar la cultura popular de los años sesenta.

Todos los elementos son constantes, es decir que siempre el usuario va a encontrar todo en la misma posición, el mismo resultado y función. Estos elementos son el texto, el volumen, los menús, submenús, collage y la línea de tiempo, estos dos últimos elementos son un extra muy importante ya que cada personaje, evento o cosa de la cual se hable contara con una línea de tiempo o collage en adición de la que ya tiene la sección en general.

El usuario tendrá diversas formas para saber en que parte del proyecto se encuentra, ya sea por los colores, por el titulo en la parte superior, o por el menú en color señalando exactamente su ubicación.

Cada sección contará con una parte interactiva, esto es exclusiva-mente un extra para que no todo sea información textual, el objetivo no es entretener al usuario en base al grado de interacción, es decir, la parte interactiva es un complemento para lograr el objetivo general de transmitir la cultura popular de los años sesentas.

Diseño y Organización General

music

Page 5: the swinging sixties - Universidad de las Américas Pueblacatarina.udlap.mx/u_dl_a/tales/documentos/ldg/obando_a... · 2008-01-30 · collage y la línea de tiempo, estos dos últimos

Pro

du

cto

de

Dis

o /

68

thethetheswingingswingingswingingsixtiessixtiessixties

Pro

du

cto

de

Dis

o /

67

thethetheswingingswingingswingingsixtiessixtiessixties

Dis

o y

Org

an

izac

ión

Ge

ne

ral

La

Mu

sic

a

titulo de la secciónsiempre primero la seccion y después el submenú.

menú siempre de color verde indica en que parte del menú te encuentras.

submenúla bolita indica en que parte del sub. menú te encuentras.

volumenSiempre misma posición y el color depende de la sección en que te encuentres.

menú principalabsolutamente siempre constante en todos los niveles del proyecto.

Línea de tiempoSIempre en el mismo lugar y el texto indica de línea de tiempo se trata.

collagesiempre en el mismo lugar pero con diferen-tes foros depende en que sección te encuen-tres.

titulo generalindica en que sección estas y en que submenú.

La Musica

Intro / Home: Simon & GarfunkelMrs. Robinson

Politics:Duane EddyRebel RouserCreedence Clearwater RevivalFortuante SonWilson DicketLand of 1000 Dances

Culture:Scott MckenzieSan FranciscoThe young bloodsLet’s get togetherThe Mammas and the PapasCalifornia DreamingJoe CockerThe Wonder Years

Music:Buffalo SpingfieldDuo Love meThe BeatlesIn My LifeThe Rolling StonesSympathy for the Devil

Bob DylanBlowing in the WindJimmy HendrixJey JoeLos Locos del RitmoTus Ojos

Sports:Aretha FranklinRespectGladys Knight & the PipsI’ve got to use my imaginationWillie NelsonOn the road againRooftop SingersThe byrd

Technology:The fifth DimensionAquariusRandy NewmanMr. President

Visual Arts:The byrdsTurn !Turn !Turn!Jackie DeshannonDowntownThe CowsillsThe rain, the park and other things

Page 6: the swinging sixties - Universidad de las Américas Pueblacatarina.udlap.mx/u_dl_a/tales/documentos/ldg/obando_a... · 2008-01-30 · collage y la línea de tiempo, estos dos últimos

Pro

du

cto

de

Dis

o /

70

thethetheswingingswingingswingingsixtiessixtiessixties

Pro

du

cto

de

Dis

o /

69

thethetheswingingswingingswingingsixtiessixtiessixties

Flo

wch

art

Flo

wch

art

Flowchart

HOME

POLITICS

CULTURE

MUSIC

INTRO

vietnam_background

kennedy_biography

m.l.king_civil rights activism

che guevara_background

tlatelolco_the massacre

interactive gallery

fashion_hell breaks loose

hippies_youth generation

protests_paris revolution

la familia

beatles_introduction

dylan_son of minnesota

stones_the beginning

woodstock_the festival

mexico_the cover era

american intervention

j.f.k and vietnam

the march to washington

cuba

opposition to war

legacy

hero cult

the counter culture

beatlemania

not just a singer

the mid sixties

the myths

final days

the myth

the tradegy days

audio and video

audio and video

audio and video

SPORTS

TECHNOLOGY

VISUALARTS

muhammad ali_ beginning

vince lombardi_early life

world cup_triumph for the host

olympics_mexico host

the pop art_movement

the cinema_crisis times

the t.v_shaking up the world

mexico_folk traditions

space race_space decade

learning center

professional career

prof. coaching career

the group stage the second round

soviet succes

andy warhol

james bond

time for information

2001 space odyssey

ed sullivan show

humans in space the moon the end

the final