Marisol Orellana Pauta individual :: Proceso visual de aplicación

Taller Multimedia

2

3

Indice

Indice..................................................................................................................................

Esquemas de color..............................................................................................

Diseño de seccionado........................................................................................

Niveles tipográficos............................................................................................

Mock up..................................................................................................................

3

4

5

9

12

4

Esquemasdecolor

5

Diseñodeseccionado (cabeceras)

6

Diseñodeseccionado (menu principal)

7

Diseñodeseccionado (sub-menu)

8

Diseñodeseccionado (perfiles)

9

Nivelestipográficos

Ejemplo de encabezado H1 + parrafo + negritas + cita

H1: giorgia 18 pts. (#4F1E21)H2: giorgia 16 pts. (#243441)H3: giorgia 14 pts. (#7C838B)P: arial 11 pts. (#000000)BLOCKQUOTE: arial 10 pts. (#4F1E21)BOLD: arial 11 pts. (#000000)PIE: arial 10 pts. (#000000)

Para los titulos se utiliza Giorgia, ya que caracter serif le da una apariencia más formal y de tradición.En el caso de los parrafos de texto, se utiliza Arial, con un interlineado de un 120%, por que es una tipografía bastante proporcional y que además da, en el caso web, una mejor lectura si es bien utilizada. Además no se utilizará sangria debido a que genera un mejor descanso entre lecturas.

10

Nivelestipográficos

Ejemplo de encabezado H2 + parrafo + negritas

H1: giorgia 18 pts. (#4F1E21)H2: giorgia 16 pts. (#243441)H3: giorgia 14 pts. (#7C838B)P: arial 11 pts. (#000000)BLOCKQUOTE: arial 10 pts. (#4F1E21)BOLD: arial 11 pts. (#000000)PIE: arial 10 pts. (#000000)

Para los titulos se utiliza Giorgia, ya que caracter serif le da una apariencia más formal y de tradición.En el caso de los parrafos de texto, se utiliza Arial, con un interlineado de un 120%, por que es una tipografía bastante proporcional y que además da, en el caso web, una mejor lectura si es bien utilizada. Además no se utilizará sangria debido a que genera un mejor descanso entre lecturas.

11

Nivelestipográficos

Ejemplo de encabezado H3 + parrafo + negritas

H1: giorgia 18 pts. (#4F1E21)H2: giorgia 16 pts. (#243441)H3: giorgia 14 pts. (#7C838B)P: arial 11 pts. (#000000)BLOCKQUOTE: arial 10 pts. (#4F1E21)BOLD: arial 11 pts. (#000000)PIE: arial 10 pts. (#000000)

Para los titulos se utiliza Giorgia, ya que caracter serif le da una apariencia más formal y de tradición.En el caso de los parrafos de texto, se utiliza Arial, con un interlineado de un 120%, por que es una tipografía bastante proporcional y que además da, en el caso web, una mejor lectura si es bien utilizada. Además no se utilizará sangria debido a que genera un mejor descanso entre lecturas.

12

Mockup

13

Mockup

14

Mockup