In questo articolo cercheremo di analizzare i principi fondamentali che governano l’utilizzo della trasparenza nei siti web. Tali principi possono apparire logici e facilmente comprensibili; tuttavia possono causare anche seri problemi nel momento in cui si realizzano layout per siti web ad elevato livello di opacità. Occorre dunque prestare molta attenzione all’utilizzo di questo accorgimento estetico che è utilizzato in molti progetti attuali di web design.
Come e perché è applicata la trasparenza nei siti web
La trasparenza nei siti web è stata pensata principalmente per rendere testi e immagini più “leggibili” agli occhi dell’utente cercando di aumentare il contrasto tra contenuto e fondo. Nel momento in cui si utilizza un background multicolore o un testo su una foto, non è per nulla semplice creare il giusto contrasto tra gli elementi e occorre dunque fare molta attenzione con i livelli di opacità. Vediamo dunque quali sono le possibili applicazioni della trasparenza nel web design e le eventuali criticità che si possono presentare.
Esempi concreti di trasparenza nei siti web
Prima cosa da considerare è il posizionamento degli elementi in trasparenza. Molti web designer inesperti pensano che un fondo trasparente possa risolvere qualsiasi problema a livello di leggibilità dei contenuti. In molti casi questo è vero, ma non sempre. Se sono mal posizionati all’interno del layout possono al contrario causare evidenti problemi di comprensibilità per il lettore. Per questo è consigliabile evitare di “nascondere” parti importanti del layout in modo da non confondere l’utente garantendo un impatto visivo chiaro e facilmente decifrabile ai suoi occhi. Quello che vedete qui sotto è un buon esempio di come utilizzare la trasparenza nei siti web.
Un utilizzo classico della trasparenza è rappresentato dalla sovrapposizione di testi su slideshow di immagini. In questi casi un fondino opaco certamente aiuta a rendere il contenuto più leggibile. Eccovi alcuni illuminanti esempi:
Non esiste un livello di trasparenza (o inversamente di opacità) ideale. Ogni progetto di web design richiede una valutazione specifica e settaggi ad hoc per la realizzazione dei fondini. Ad esempio nei due casi che potete visionare qui sotto il livello di trasparenza utilizzato è piuttosto basso perchè evidentemente contrasterebbe con l’immagine di background del sito.
L’utilizzo della trasparenza nei siti web non sempre aumenta il livello di leggibilità dei contenuti. Alcuni web designer sono semplicemente attratti dall’idea di usare questo accorgimento estetico, molto in voga negli ultimi tempi, per creare layout belli e accattivanti, senza tuttavia considerare il livello di leggibilità. Nei due esempi che vi proponiamo la trasparenza è utilizzata sia per migliorare la leggibilità sia come elemento puramente estetico.
Da tutto ciò si deduce che l’utilizzo della trasparenza nei siti web deve essere considerata con molta attenzione: non deve essere utilizzata in modo accidentale, ma piuttosto secondo una precisa strategia di design grafico volta a favorire la comprensibilità dei contenuti e la facilità di navigazione.
