Download - TRABAJO PRÁCTICO 02
Producción Digital III
Mariano Ingerto
Estructura de la web
TRABAJO PRÁCTICO 02
Ferrando Lucio
Diseño de Imagen y Sonido
+54 9 11 3644 7302
0099814
20/04 02
1
Planificación Académica 2016
Guía de Trabajos Prácticos
Producción Digital III
Diseño de Imagen y Sonido
DEPARTAMENTO
Lic. Mariano Ingerto
2
Guía de Trabajos Prácticos Trabajo Práctico 2: Estructura de la web Consigna: A partir de la selección de una escuela de diseño o una vanguardia artística realizada en el TP 1:
Elaborar el árbol y/o estructura del sitio web a desarrollar (el mismo deberá incluir todas las páginas interiores que conformen el sitio y no menos de 5).
Desarrollar la maquetación o wireframe (ubicación de botonera, contenidos, imágenes, etc) de
todo el sitio y entregarla con la especificación de a que sección pertenece cada una.
Adjuntar una breve memoria descriptiva de las elecciones morfológicas de dicha maquetación.
Describir brevemente el concepto a desarrollar como idea rectora de diseño del proyecto web (3 palabras).
Diseñar a partir del wireframe y de los puntos anteriores, la interfaz visual de la página home
de la web a realizar como trabajo de cursada.
Forma de presentación: Trabajo práctico de presentación individual. Presentación en soporte digital. Rótulos y carátulas según normas de presentación DC. El T.P. deberá ser entregado en los siguientes formatos. Digital en formato .pdf en un cd con carátula de la universidad. Realizar una prueba previa viendo que el CD esté correctamente grabado y que los formatos sean los solicitados. No se tendrán en cuenta trabajos incompletos o entregados en otro formato. Fecha de Pre-entrega: Viernes 15 de abril de 2016. Fecha de Entrega: Viernes 22 de abril de 2016. A aquellos alumnos que estuvieran ausentes en el día de la entrega por motivos personales deberán enviar el trabajo por algún medio a la Universidad en el horario de clase de la materia o enviarlo por mail el mismo día hasta las 11.00 hs. como excepción a [email protected] aguardar
3
confirmación de recepción y a la clase siguiente presentar el T.P. en las mismas condiciones que el resto de la clase. Quienes no realizaran la entrega por ningún medio en la fecha estipulada, no tendrán aprobada dicha instancia debiendo entregar la siguiente clase el trabajo y recuperando la instancia en la fecha pautada según cronograma de la universidad.
NeoplasticismoLorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed
Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed
Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed
DESTIJL
Filosofía
Obras
Concepto
El concepto de “De Stijl”.Ver más
Artistas.
Obras.
Los artistas más destacados.Ver más
Obras: pintura y arquitectura.Ver más
“Hablamos de una pintura concreta y no abstracta porque nada es más concreto, más real que una linea, un color, o una superficie.”
- Theo van Doesburg
Artistas
Neoplasticismo
Ferrando Lucio
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
LOGO
imagen
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
imagen
imagen
imagen
imagen
imagen
MaquetaciónWireframe: index
DESTIJL
Concepto Artistas Obras Contacto
“Lorem ipsum dolor sit amet, consectetuer adip-iscing elit, sed diam nonummy nibh euismod tin-cidunt ut laoreet dolore magna aliquam erat”
Artistas.
Ver másEl concepto de “De Stijl”.
Los artistas más destacados.Ver más
“Hablamos de una pintura concreta y no abstracta porque nada es más concreto, más real que una linea, un color, o una superficie.”
- Theo van Doesburg
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
Tu dirección de e-mail.
Ferrando Lucio
NeoplasticismoLorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facili-si.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facili-si.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
Obras.Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facili-si.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
DESTIJL
DESTIJL
Filosofía
Obras
Concepto
Neoplasticismo
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
Obras: pintura y arquitectura.Ver más
Artistas
MaquetaciónDiseño: index
Ferrando Lucio
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
LOGO
Ver más
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit, sed diam nonum-my nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
Orígenes.
Obras.
Concepto Artistas Obras
imagen
imagen
Filosofía
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
Concepto de “De Stijl”.accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facili-si.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
Ver más
LOGO
imagen
imagen
imagenimagenimagenimagen
imagen
imagen
MaquetaciónWireframe: Concepto
MaquetaciónWireframe: Artistas
Concepto Artistas Obras FilosofíaLOGO
Ferrando Lucio
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
LOGO
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
imagen
imagen
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla-mcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hen-drerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
Artistas
Lorem ipsumLorem ipsum
Lorem
Lorem ipsumLorem ipsum
Lorem
Lorem ipsumLorem ipsum
Lorem
MaquetaciónWireframe: Artista particular
Ferrando Lucio
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
LOGO
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie con-sequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
Concepto Artistas Obras
imagen
Filosofía
Piet Mondrian
LOGO
imagen
imagen
imagenimagenimagenimagen
Lorem ipsum
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla-mcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie conse-quat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-
sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla-mcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla-mcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie conse-quat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, cons
“Lorem ipsum dolor sit amet, consectetuer adipisc-ing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.”
“Lorem ipsum dolor sit amet, consectetuer adipisc-ing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.”
Lorem ipsumLorem ipsum
MaquetaciónWireframe: Obras
Ferrando Lucio
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
LOGO
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit, sed diam nonum-my nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
Concepto Artistas Obras
imagen
Filosofía
Obras
LOGO
imagen
imagen
imagenimagenimagenimagen
imagenimagenimagenimagen
imagenimagenimagenimagen
Lorem ipsum
Lorem ipsum
MaquetaciónWireframe: Filosofía
Concepto Artistas Obras
imagen
FilosofíaLOGO
Ferrando Lucio
Inicio
Navegación
Obras
Artistas
Concepto
Filosofía
LOGO
Mantenete al día con todas nuestras actualizaciónes.
Suscribite a nuestra Newsletter!
imagen
imagen
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
imagen
imagen
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit, sed diam nonum-my nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-trud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
Filosofía
Memoria descriptivaTipografía
Colores#AD554E
RGB: 173 85 78
RGB: 214 175 97
RGB:252525
#D6AF61
#2F4E68
#E0E0E0
RGB:252525
RGB:224224224
#191919
A B C D E F G H I J K L M N O P Q R S T U W V X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / &
Futura LT Futura LT Futura LT Futura LT
RGB: 47 78 104