Come progettare con un layout griglia base

February 13

Come progettare con un layout griglia base


Un layout basato sulla griglia è una serie di linee orizzontali e verticali per organizzare i contenuti. Le linee della griglia sono spaziate in modo uniforme a segnare per i margini, piè di pagina, intestazioni e contenuti. Uno dei layout griglia più comunemente usati è la griglia 960. Il layout a griglia non significa che un disegno deve essere rigido o noioso, ma semplicemente dà una guida su dove le cose dovrebbero essere collocati in un disegno per essere proporzionato e guardare appropriata. Il layout basato griglia è una guida di progettazione e deve essere utilizzato per la produzione di progetti web con un aspetto professionale.

istruzione

1 Come progettare con un layout griglia base

La risoluzione del monitor utenti determinerà in che modo visualizzare il tuo sito web.

Utilizzando un programma di software grafico, cliccare su "File" e "Nuovo" per iniziare un nuovo progetto di design. Impostare le dimensioni del documento a 1024 x 768 pixel per essere in grado di utilizzare il sistema a griglia su una dimensione comune sito web.

2 Come progettare con un layout griglia base

I pixel sono unità quadrati di misure per la grafica.

Posizionare il cursore sul righello orizzontale per fare clic e trascinare la linea della griglia di intestazione a posto. La griglia di intestazione deve essere collocato intorno al marchio 150 pixel verso il basso dalla parte superiore del documento.

3 Come progettare con un layout griglia base

Il piè di pagina è dove si trovano le informazioni di copyright.

Fare clic e trascinare il seconda linea della griglia alla parte inferiore del documento per il piè di pagina. Questa linea griglia verrà posizionato 100 pixel dal basso del documento. Il piè sarà tipicamente più piccolo del intestazione quanto contiene meno informazioni e più piccolo contenuto grafico.

4 Come progettare con un layout griglia base

navigazione orizzontale viene utilizzato di più se sarà statica su ogni pagina del sito.

Fare clic su entrambi righello verticale o orizzontale per trascinare la linea della griglia per il collocamento di navigazione. Per una barra di navigazione orizzontale della griglia deve essere trascinata a 50 o 75 pixel al di sotto della linea di intestazioni della griglia. La linea della griglia navigazione verticale sarà posto sulla sinistra o destra del documento 200 pixel dal bordo del documento.

5 Come progettare con un layout griglia base

Gli elementi grafici come il logo della società possono avere bisogno di andare al di fuori del layout della griglia.

Posizionare il testo e componenti grafici all'interno del layout della griglia. Sebbene il sistema di griglia aiuta con organizzazione ci sono momenti in un disegno dovrai andare un po 'al di fuori dei limiti della griglia da utilizzare e funzionale.