Che cosa è la vicinanza in Web Design?

January 21



Vicinanza si riferisce a come chiudere due elementi o elementi sono tra di loro entro l'intera pagina. pagina web designer collocano elementi in prossimità di ogni altro, se sono legati o devono essere raggruppate insieme per motivi estetici. Le ragioni per fare questo esempio aumentando il leggibilità della pagina Web, sottolineando il legame tra elementi o aiutare un elemento di stare fuori ..

Raggruppamento

Nella progettazione di pagina Web, le cose raggruppare che vanno insieme in qualche modo. Molti progettisti raggruppare più annunci display insieme piuttosto che diffondere annunci in tutto il pagina. Piccolo, articoli brevi sono raggruppati in una barra laterale, lasciando la colonna principale gratuito per i contenuti più a lungo.

design minimalista

Un design minimalista è semplice ed essenziale. Esso utilizza un sacco di spazio bianco e ha un aspetto ordinato su di esso. Utilizzare vicinanza in tale disegno per rinforzare la relazione tra alcuni elementi. Gruppo tutti i dati relativi a un post sul blog in un unico luogo, come ad esempio il nome dell'autore, data della pubblicazione, tag e categorie. Utilizzare font e colori simili a sottolineare ulteriormente la somiglianza di queste informazioni.

Separazione

L'opposto di prossimità è la separazione, e le due vanno di pari passo quando si tratta di progettare pagine web. Utilizzare lo spazio bianco o altri elementi grafici per separare gli elementi che non appartengono insieme. Mettere più spazio bianco sopra un titolo, per separarlo da ciò che è sopra di esso. Isolare un singolo elemento in mezzo a un sacco di spazio bianco per attirare l'attenzione ad esso. Quando si separa un gruppo o una serie di elementi da altri elementi della pagina, si disegna l'attenzione a questi elementi a causa della loro vicinanza gli uni agli altri.

Esempi

Esempi di uso efficace di prossimità in Web design includono: Mettere meno spazio sottostante un titolo per portarlo vicino al testo sotto di essa; inserire una didascalia e foto ravvicinate in modo che sia chiaro che sono correlate; organizzare il vostro menu di navigazione in modo che le categorie che sono legati sono vicini tra loro rispetto a quelli che non sono correlati; considerare l'utilizzo di un menu gerarchico per rafforzare il rapporto tra le diverse categorie e sottocategorie.