L'enfasi nella progettazione di una pagina Web crea un'area o un oggetto che è il punto focale della pagina. È un modo per far risaltare un elemento nel design. Il punto focale può essere più grande di altri elementi del disegno o di colori vivaci - entrambi tendono a disegnare l'occhio. Quando si progetta una pagina Web, è possibile aggiungere un'enfasi scegliendo una parola o una frase e assegnandogli un colore, un carattere o una dimensione che lo distingua, ma esistono molti altri modi per utilizzare l'enfasi nella progettazione.
Uso di enfasi nel design
Uno dei più grandi errori che i web designer possono fare è tentare di far risaltare tutto nel design. Quando tutto ha uguale enfasi, il design appare occupato, confuso o peggio: noioso e poco attraente. Per creare un punto focale in un web design, non trascurare l'uso di:
- Linee: Crea enfasi al contrario. Se diversi elementi sono orizzontali, un elemento verticale diventa il punto focale.
- Colore: Se la maggior parte degli elementi nel disegno sono scuri o attenuati, qualsiasi oggetto con colore attira l'attenzione.
- forme: Quando la maggior parte delle forme è irregolare, si distingue una forma geometrica.
- Prossimità: Quando più elementi sono raggruppati e uno è separato dal gruppo, l'occhio va al singolo oggetto.
- Posizionamento: Sebbene ci siano delle eccezioni, un elemento posto al centro di un disegno attira solitamente l'attenzione.
- Peso: Un elemento pesante attira l'attenzione dello spettatore.
- Ripetizione: Quando viene ripetuto un elemento grafico semplice da digitare, l'occhio segue l'elemento ripetuto fino al punto focale.
- Contrasto: Oltre ai contrasti creati dal colore e dalle linee, il contrasto può essere generato da dimensioni, texture o modifiche ai font. Il cambiamento fa risaltare l'elemento focale, o enfasi.
- Spazio bianco: Un elemento circondato da uno spazio bianco (o vuoto) diventa il punto focale.
Gerarchia in Web Designs
Gerarchia è la disposizione visiva di elementi di design che indicano l'importanza per dimensione. L'elemento più grande è il più importante; gli elementi meno importanti sono più piccoli. Concentrati sulla creazione di una gerarchia visiva nei tuoi progetti web. Se hai lavorato per creare un flusso semantico al tuo markup HTML, questo è facile perché la tua pagina web ha già una gerarchia. Tutto ciò che il tuo design deve fare è enfatizzare l'elemento corretto - come un titolo H1 - per la maggior enfasi.
Insieme alla gerarchia nel markup, riconosci che l'occhio di un visitatore vede una pagina web in un pattern Z che inizia nell'angolo in alto a sinistra dello schermo. Questo rende l'angolo in alto a sinistra della pagina un buon posto per un elemento importante come un logo aziendale. L'angolo in alto a destra è la seconda posizione di posizionamento migliore per informazioni importanti.
Come includere l'enfasi nei progetti Web
L'enfasi nel web design può essere implementata in molti modi:
- Utilizza la marcatura semantica per dare enfasi anche senza stili.
- Cambia la dimensione dei caratteri o delle immagini per enfatizzarli o de-enfatizzarli nella progettazione.
- Usa colori contrastanti per dare enfasi.
- La dimensione conta. Un'enorme parola sulla pagina o sullo schermo riceve immediatamente l'attenzione.
- Circonda il punto focale con uno spazio bianco.
- Ripeti una parola o un'immagine per attirare l'attenzione.
Dove si inserisce la subordinazione?
La subordinazione si verifica quando si riducono gli altri elementi di un disegno per far scoppiare il punto focale. Un esempio è un grafico dai colori vivaci posizionato contro una foto di sfondo in bianco e nero. Lo stesso effetto si verifica quando si usano colori tenui o colori che si fondono con lo sfondo dietro al punto focale, facendolo risaltare.
