Proceso visual

Marisol Orellana

Pauta individual :: Proceso visual de aplicaci贸n Taller Multimedia

2

Indice

Indice.................................................................................................................................. 3 Esquemas de color.............................................................................................. 4 DiseĂąo de seccionado........................................................................................ 5 Niveles tipogrĂĄficos............................................................................................ 9 Mock up.................................................................................................................. 12

3

Esquemasdecolor

4

Dise単odeseccionado (cabeceras)

5

Dise単odeseccionado (menu principal)

6

Dise単odeseccionado (sub-menu)

7

Dise単odeseccionado (perfiles)

8

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.

9

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.

10

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.

11

Mockup

12

Mockup

13

Mockup

14