February 13
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.
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.
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.
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.
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.
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.