252 Shares 4260 views

Qual è una griglia modulare. Come fare una griglia modulare?

griglia modulare – questo è un modello speciale in cui il design del sito e la costruzione. Infatti, un sistema per la presentazione di informazioni visive al visitatore basata sulle singole unità, chiamato moduli. Sito web sviluppato utilizzando il modello, è molto più facile da leggere e navigare.

Come maglie utilizzate

La griglia modulare viene utilizzata nello sviluppo del libro di progettazione, biglietti da visita, marchi, loghi e così via. D. Assicurarsi di utilizzare per la creazione di siti. Correttamente fatto della maglia organizza armonioso ambiente per tutti gli elementi di risorse – grafica e testo. Con il suo uso è molto più facile per metterli tutti sulla pagina e creare confini netti tra di loro. elementi in un certo modo Organizzazione, è possibile fare di ognuna visibili e allo stesso tempo di collegare tra loro tutte le informazioni sul sito.

Forme di griglie modulari

La griglia modulare pagine di progettazione più comuni – queste sono tre colonne cellula base. In questo caso l'intestazione e piè presentano una larghezza pari alla loro dimensione. Questa opzione standard viene in genere utilizzata per la creazione di siti web amanti. A volte la larghezza di una cella è aumentata la larghezza dell'altro.

Creazione di una seconda forma di realizzazione di griglie modulari – insoliti – solo da persone coinvolte nel web design professionale. In questo caso, solo una larghezza precisamente definito di colonne e la distanza tra i singoli elementi. progettazione griglia modulare diversi tipi di fonti di notizie e riviste on-line sono in genere sviluppati come segue:

  1. piè di pagina creata. Ci dovrebbe essere collocato il nome del sito, il menu di navigazione, vari video.
  2. Pagina è divisa in tre colonne. In questo caso, due di essi hanno le stesse dimensioni. La terza colonna è divisa in due parti da una linea verticale. Così, ottenuto quattro sezioni (notizie, foto, spazi pubblicitari, le informazioni dell'ultima modifiche al sito).

griglia modulare per i negozi online di diverse specializzazioni creati un po 'diverso. In questo caso, è importante garantire la facilità di navigazione visitatori. In cui gli elementi sono raggruppati modo standard e uniforme. Per ciascuno degli oggetti informazioni importanti spicca in una griglia che lo caratterizza.

La linea nell'editor "Photoshop"

Siti creati utilizzando raster o vettoriali editor grafici. Mesh in loro per creare un molto user-friendly. Vediamo come questo viene fatto nel popolare Photoshop. Crea una griglia modulare "Photoshop" è molto semplice.

Per lavorare sul perimetro della finestra dell'immagine appare la barra, si dovrebbe andare alla voce di menu principale "Visualizza» (Vedi) e cliccare sul pulsante '' linea linea (Righelli). In questo editor, è possibile utilizzare una varietà di elementi – laureato in centimetri, millimetri, pollici o pixel. Al fine di effettuare i necessari aggiustamenti dovrebbe aver luogo nel menu principale "Edit» (Modifica). Quindi, selezionare 'Impostazioni »(Preferenze) -«Unità di misura e righelli»(Unità di misura e righelli). Dopo questa viene visualizzata una finestra in cui è possibile cambiare l'aspetto della linea. Nel menu a discesa superiore seleziona centimetri, millimetri, pixel e così via. D.

Tuttavia, di solito quando si lavora con "Photoshop" Editor utilizza un modo leggermente diverso, più semplice. Per cambiare le unità di misura devono semplicemente cliccare su questa linea nell'immagine, fare clic sulla finestra. Dopo di che, il menu pop-up, è possibile eseguire l'azione desiderata. Di solito, quando si crea un sito utilizzando la griglia in pixel.

Photoshop griglia

Il, griglia di programma molto modulare "Photoshop" sarà visibile dopo che si accende l'opzione del menu principale "Visualizza" – "Show» (Show) – «griglia» (griglia). Passo tra le linee della griglia può essere configurato. Per fare questo, eseguire il comando "Modifica" – "Impostazioni" – "Guide, griglie e frammenti» (Guide, griglia, fette). Si può cambiare non solo un passo tra le righe, ma il loro colore. Utilizzando questa griglia, rapido e preciso posto sul campo di lavoro, tutti gli oggetti del futuro sito sarà abbastanza facile.

Lavorare con il cursore

sito griglia modulare è stato creato in modo tale è molto semplice. Il cursore si troverà i bastoni alle linee. Questo può essere utile nel caso in cui è necessario effettuare blocchi precisi, una certa dimensione. Se questa funzione è, per qualsiasi motivo sarebbe inutile, è possibile disattivarlo. Per impostazione predefinita, la griglia di partenza in "Photoshop" si trova nell'angolo in alto a sinistra della finestra. Se lo si desidera, può essere spostato in qualsiasi altro luogo della tela. Per fare questo, posizionare il cursore sulla casella per l'origine, e semplicemente trascinarlo tenendo premuto il pulsante del mouse. Per tornare al punto di partenza dovrebbe essere un luogo di cliccare due volte sulla stessa piazza in un angolo.

In aggiunta, ci sono tutta una serie di plug-in per "Photoshop" Editor consente di apportare creazione di siti web utilizzando una griglia modulare ancora più conveniente. Scaricali on-line. Usando questi plug-in può creare maglia con parametri preimpostati.

CorelDraw net

Ora vediamo come fare una griglia modulare in CorelDraw editore di vettore. Qui ha creato più o meno come in "Photoshop". Icona si trova sul pannello superiore (in un occhio griglia). Dopo aver cliccato su di esso sarà possibile effettuare tutte le impostazioni necessarie. Permesso selezione della distanza tra le linee, un'unità di cambiamento, e così via. D. delimita il campo operatorio nella finestra dell'immagine in CorelDraw e tramite guide. Essi possono essere resi visibili o invisibili, se necessario.

griglia modulare nel design del sito – un elemento fondamentale per lo sviluppo del quale dovrebbe essere affrontata con la massima responsabilità. Dopo tutto, come ben si sarà strutturato risorsa che dipende dalla comodità dei suoi visitatori, e quindi il tempo trascorso sulle sue pagine.