Enfasi in a progettazione della 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 design o dai colori vivaci, entrambi i quali tendono ad attirare l'attenzione. Quando stai progettando una pagina web, puoi aggiungere enfasi scegliendo una parola o una frase e assegnandole un colore, carattere o dimensione che lo fanno risaltare, ma ci sono molti altri modi per enfatizzare il tuo design.
Uso dell'enfasi nel design
Uno dei più grandi errori che i web designer possono fare è tentare di far risaltare tutto nel design. Quando tutto ha la stessa enfasi, il design appare occupato e confuso o peggio, noioso e poco attraente. Per creare un punto focale in un web design, non trascurare l'uso di:
- Linee: Crea enfasi per contrasto. Se più elementi sono orizzontali, un elemento verticale diventa il punto focale.
- Colore: Se la maggior parte degli elementi nel design sono scuri o in sordina, qualsiasi oggetto colorato attira l'attenzione.
- Forme: Quando la maggior parte delle forme sono irregolari, spicca una forma geometrica.
- Prossimità: Quando più elementi sono raggruppati e uno è separato dal gruppo, l'occhio va al singolo elemento.
- Posizionamento: Sebbene ci siano eccezioni, un elemento posto al centro di un disegno di solito attira l'attenzione.
- Peso: Un elemento pesante attira l'attenzione dello spettatore.
- Ripetizione: Quando viene ripetuto un semplice elemento grafico 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 dalle modifiche alle dimensioni, alla trama o al carattere. 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 nei web design
La gerarchia è la disposizione visiva degli elementi di design che indicano l'importanza in base alle dimensioni. 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 HTML markup, 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 dare la massima enfasi.
Insieme a gerarchia nel markup, riconosci che l'occhio di un visitatore visualizza una pagina web con uno schema a Z che inizia nell'angolo in alto a sinistra dello schermo. Ciò 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 migliore posizione di posizionamento per informazioni importanti.
Come includere l'enfasi nei progetti Web
L'enfasi nel web design può essere implementata in molti modi:
- Usa il markup semantico per dare enfasi anche senza stili.
- Modifica la dimensione dei caratteri o delle immagini per enfatizzarli o de-enfatizzarli nel design.
- Uso colori contrastanti per dare enfasi.
- Le dimensioni contano. Una parola enorme sulla pagina o sullo schermo attira 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 attenuano altri elementi in un disegno per far risaltare il punto focale. Un esempio è una grafica dai colori vivaci posizionata su una foto di sfondo in bianco e nero. Lo stesso effetto si verifica quando si utilizzano colori tenui o che si fondono con lo sfondo dietro il punto focale, facendolo risaltare.