segundo brief de a.i
DESCRIPTION
Desarrollo de wireframes y blueprint.TRANSCRIPT
Rocio Colomer :: Marisol Orellana :: Paola Pérez Segunda parte: Arquitectura de la Información
Taller Multimedia
2
3
Indice
Indice..................................................................................................................................
Inventario...............................................................................................................
Temas importantes.............................................................................................
Blue print...............................................................................................................
Zoom blue print..................................................................................................
Wire frames...........................................................................................................
3
4
5
6
7
10
4
Inventario
HistoriaPeriodosRaíces
La Imprenta
Industrialización
Exponentes Históricos
Técnicas a traves de la historia
Material audiovisual
Material fotográfico
Material audiovisual
Material fotográfico
Material audiovisual
Material fotográfico
Exponentes
Material fotográfico
Línea de tiempo
Técnicas
Material fotográfico
Descripciones
1
3
1
3
1
3
5
15
1
6
12
6
Tipos de EncuadernaciónDiferenciaciónManualTécnicas
Material fotográfico
Material audiovisual
3
30
3
Mapas 3
IndustrialTécnicas
Material fotográfico
Material audiovisual
2
20
2
Mapas 2
TestimoniosEntrevistas
Material fotográfico
Material audio
8
40
4
Mapas 4
Entrevistas
Material fotográfico
Material audio
8
126
4
Total
Material audiovisual 8
Mapas 4
Línea de tiempo 1
En el caso del material fotográfico:este es dividido a partir de la cantidad de temás mencionados.
5
Temasimportantes
HistoriaPeriodosRaíces
La Imprenta
Industrialización
Exponentes HistóricosTécnicas a traves de la historia
Tipos de EncuadernaciónDiferenciaciónManualIndustrial
Testimonios
Diccionario
6
Blueprint
1 2
3
7
Zoomblueprint (1)
8
Zoomblueprint (2)
9
Zoomblueprint (3)
10
Wireframes
NOTA: el sitio tiene de ancho 900 px se dividirá en cuatro columnas de ancho liquido de 50% ya que se encuentran en dos columnas de 50%
este menu contiene solo dos items de menor importancia, Log in y Contacto
segundo menu HISTORIA, TIPOS DE ENCUADERNACION - TESTI-MONIOS - DICCIONARIOeste mantiene imagenes refer-entes al tema y un parrafo que habla del tema con un sub menu.
SUB MENU este podria estar den-tro del parrafo del tema principal.
1
2
3
11
Wireframes
NOTA: dentro del sitio cambian de apariencia los menos! pero matiene cierta posición para no perderse.
este menu contiene solo dos items de menor importancia, Log in y Contacto
segundo menu cambia sin detalle e imagenes HISTORIA, TIPOS DE ENCUADERNACION - TESTIMO-NIOS - DICCIONARIO
SUB MENU cambia, y se asimila al menu principal como en el Home, tiene texto que detalla el tema e imagen.
Texto que en HOME habla del tema, se cambia de posición para extender la información
1
2
3
3
12
Wireframes
este menu contiene solo dos items de menor importancia, Log in y Contacto
segundo menu cambia sin detalle e imagenes HISTORIA, TIPOS DE ENCUAD-ERNACION - TESTIMONIOS - DICCIONA-RIO
SUB MENU cambia, y se asimila al menu principal como en el Home, tiene texto que detalla el tema e imagen.
Texto que en HOME habla del tema, se cambia de posición para extender la información
Texto y tema del SUBTITULO. contiene toda la información y a su costado la galeria de imagenes
GALERIA DE IMAGENES que contiene las imagenes referentes al SUBTITULO.
1
2
3
3
4
5
13
Wireframes
NOTA: dentro del sitio cambian de apari-encia los menus pero matiene cierta posición para no perderse.
este menu contiene solo dos items de menor importancia, Log in y Contacto
segundo menu cambia sin detalle e im-agenes HISTORIA, TIPOS DE ENCUADER-NACION - TESTIMONIOS - DICCIONARIO
SUB MENU con cada testimonio.
TESTIMONIOS con su texto general
IMAGEN de la persona.
1
2
3
4
5
14