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