7/24/2019 Manual de Estilos DAW

1/16

Diseo de Interfaces Web

NDICE :

1 - INTRODUCCIN

2 - M ! DE N "E# CIN

$ - #U DE E%TI&O%:

3.1 - COLORES3.2 - FUENTES3.3 - FORMATOS PARA TTULOS, SUBTTULOS, ENCABEZADOS

Y CUERPO PRINCIPAL.3.4 - CABECERA.3.5 - LOGOTIPO.3.6 - IMGENES.

$'( - E%TRUCTUR DE & % !)#IN %:

3. .1 - ESTRUCTURA E!TERIOR 3. .2 " ESTRUCTURA INTERIOR

7/24/2019 Manual de Estilos DAW

2/16

Diseo de Interfaces Web

1 * INTRODUCCIN:

E# $%&'()*$ +' (' /0 /# ' () ) ) / , / $0) / , ' (/0+/ ) / ,7$ $8'0') / , 0$ /#) / , 0) ) / 9 0) $ / #/ ' ( ( / +' #$ $0('0)+$+' #/ :8)0/ ;'%

7/24/2019 Manual de Estilos DAW

3/16

7/24/2019 Manual de Estilos DAW

4/16

Diseo de Interfaces Web

Estos son +os co+ores ,rinci,a+es de +as f.entes:

P '+$ )0/0 #$ / #' '0 ($0$ $ $ 9 # '8$ #$ /0/ /0&/+$ , $ )$ +' 0/' (/ +' $# +' $0(/@/. P $ $ )$0/0 /+' : % '0 $0( / (' '0( ' (' ($ 9 $0+$,

+/0+$ 0/ 8 /(/ '0 / ) 0 +' / $0?/ 9 7$ $8'0')+/+. E (:0 +' )($ '0 $ /' /8' ) /# 9 RGB.

$'2 - /UENTE%

P/ / $%('0' 0/ /9$ #'8)%)#)+/+ +' #$ () $ ('0+ ' $ '0 '0(/ ( '$ )'+/+' +' #$ ' ()#$

C$#$ S' '+) : '0 */#$ ' +' #/ ;'% ' /8' ) /#' . A 0 ' / ? '' ( '0 (/ %) 0 */#$ ' RGB.

T/ /@$ S' '+) : '0 */#$ ' $ '0( /#' +' ' /#/ $ '0 .

G $ $ =/ ?/ '8 0 #/ )0('0 )+/+ +' #' ( / +' #$ () $ . S' :0 0$ /#,0'8 )(/ 9 )*/.

7/24/2019 Manual de Estilos DAW

5/16

Diseo de Interfaces Web

$'$ - /ORM TO% ! R TTU&O%0 %U TTU&O%0 ENC E DO% 3CUER!O !RINCI! &'

&ORENI !%UM

71H

F '0(' =' +/0/ B$#+

T/ /@$ 34 L'( / C/ )(/# 22 R' ($

C$#$ DBFJ4D

&oren I,s.4

72H

E0 /%' /+$

L/(' /#'

9 C'0( /#

F '0(' A )/# B$#+

T/ /@$ 24

C$#$ FFFFFF

&oren I

73H

T' ($

E0#/ '

L/(' /#'

F '0(' =' +/0/ B$#+

T/ /@$ 1K.5

C$#$ FFC JE

&oren

I,s.4

M'0

N/*'8/ ) 0

F '0(' =' +/0/ B$#+

T/ /@$ 1

C$#$ FB 115

&oren I,s.4 S % '0

N/*'8/ ) 0

F '0(' =' +/0/ B$#+

T/ /@$ 15

C$#$ FFC JE

&oren I,s.4

/ 7$*'

F '0(' M) / +'# '0#/ '

T/ /@$ M) $ +'# '0#/ '

C$#$ 52 ACD

F '0(' A )/# B$#+

7/24/2019 Manual de Estilos DAW

6/16

Diseo de Interfaces Web

&oren

I,s.4

T' ($

P: / $

C ' $ P )0 ) /#

T/ /@$ 12

C$#$ 52 ACD

L$ '0

I

T' ($

C$ '0(/ )$

F' 7/ 9

F$ #/ )$

F '0(' A )/#

T/ /@$ 12

C$#$ FFC JE

Loren

Ipsum

T' ($

P)' +'

I /8'0'

C'0( /#'

F '0(' =' +/0/ I(/#)

T/ /@$ 1J

C$#$ FFFFFF

$'5 - C ECER '

CABECERA PRINCIPAL

E# '0 /%' /+$ ' )$ +' #/ ;'% )0 ) /# ' $ $0' +' ( ' '#' '0($- E# #$8$ +) ()0()*$ +' 0/ ' )' +' / $ )/ )$0' '0+' ) (/ / )8/ , '0 #/ / ('

' )$ ) )' +/.- U0/ ) /8'0 )0 ) /# (' :() / $ /0+$ ($+$ '# /0 7$ +' #/ :8)0/.- E# (?( #$ +' #/ :8)0/, /%/&$ / #/ +' ' 7/.

A $0()0 / ) 0 *)'0' '# '0 +' 0/*'8/ ) 0, $ 0 / ($+/ #/ :8)0/ +' #/ ;'%.

C$0 /( $ / ' $ , +$ +' '##$ $0 % '0 /@/+)+$ .

7/24/2019 Manual de Estilos DAW

7/16

Diseo de Interfaces Web

$'6 - &O#OTI!O'

E# #$8$() $ ' $8)+$ ' 0/ / +' #$8$() $ +' #/ :8)0/ / )8/ +'#'0+' ) $. O($ 8/ 0/ )+'0()+/+ )/ / #/ ;'%, )'0+$ / ) : )# '0(' +) ()08 )%#'.

L$ '0 $0( / ' $ (/0($ '0 #/ / (' ' )$ , $ $ '0 '# )' +' #/ :8)0/ '

$ /0 #/ ;'%.

$'7 - IM)#ENE%'

L/ ) :8'0' +' #/ :8)0/ ;'% ' (/ :0 $ () ) /+/ '0 $ /($ . 08 $ & 8. '$ (/+$ $ ' )0+) +' ) $0$ , / / #$ / ' $ /# $0('0)+$ )0 $ $ /0+$ )0)/( /+' #/ ) :8'0' $ $ '0#/ ' '0 '# #/(' /# ) )' +$. P/ / '# %#$ ' '0( /# ('0' $

) :8'0' ' $ /0 ($+$ /0 7$.

Encontra4os 6 ti,os de ta4aos de i489enes:

I /8'0 +' /%' ' / JJ ! 2JJ

I /8'0 +' )0)/( / +' ) /8'0 J ! 6J

I /8'0 +' %#$ ' '0( /# 5KJ ! 2KJ

I /8'0 +' )0)/( / +' *)+'$ 15J ! 15JI /8'0 %$($0' / )' +' :8)0/ 5J- J ! 5J

7/24/2019 Manual de Estilos DAW

8/16

Diseo de Interfaces Web

IM)#EN DE C ECER :

;;,