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

[email protected]

+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

mailto:[email protected]

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.

Estructurade la WebNeoplasticismo

Ferrando, Lucio

TrabajoPráctico IIProducción Digital III

Mapa de Sitio

INDEX

Artistas ObrasConcepto Filosofía

Piet Moran

Theo van Doesburg

Gerrit Rietveld

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


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


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



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


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


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



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



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


Lorem

MaquetaciónWireframe: Artista particular

Ferrando Lucio

Inicio

Navegación

Obras

Artistas

Concepto

Filosofía

LOGO



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


imagen

Filosofía

Piet Mondrian

LOGO

imagen

imagen


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.”


MaquetaciónWireframe: Obras

Ferrando Lucio

Inicio

Navegación

Obras

Artistas

Concepto

Filosofía

LOGO





imagen

Filosofía

Obras

LOGO

imagen

imagen




Lorem ipsum

Lorem ipsum

MaquetaciónWireframe: Filosofía


imagen

FilosofíaLOGO

Ferrando Lucio

Inicio

Navegación

Obras

Artistas

Concepto

Filosofía

LOGO



imagen

imagen

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut



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


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

Memoria descriptivaIdeas Rectoras

Estructurado

Plano

Moderno

Documents

TRABAJO PRÁCTICO 02