WEB DESIGN | le 10 tendenze del 2009

L'arte del web design è in continua evoluzione; i designer amano sperimentare soluzioni innovative a livello grafico, di impaginazione o di interfaccia, e a volte alcune idee si diffondono rapidamente e diventano un “classico”, una vera e propria tendenza. Il sito Smashing Magazine propone alcune tendenze osservate negli ultimi mesi del 2008.

1. Caratteri a rilievo: imitano le tecniche tipografiche della rilievografia; è un stile nuovo, spesso utilizzato per evidenziare prodotti o servizi online.


2. Interfacce utente interattive (Rich Internet Application): implementate con Flash o AJAX, imitano il funzionamento di normali applicazioni desktop, e tendono sempre più a adattarsi all’utente e a comunicargli il suo stato di interazione con il sistema (ad esempio modificando l’aspetto dei bottoni già premuti). Per quanto riguarda il loro aspetto grafico, nell’ultimo anno si è dato sempre più padding e spazio a ogni elemento dell’interfaccia.


3. Trasparenze con immagini PNG (comunque non supportate da Explorer 6). Gli sfondi semitrasparenti sono spesso utilizzati nell’header e nel footer, ma in alcuni casi, come nel sito 24 ways sono alla base di tutto il design della pagina.


4. Grandi caratteri tipografici: la grandezza dei font usata per evidenziare i messaggi più importanti della pagina supera i 36 pixel e si dà sempre più importanza alla scelta accurata del font e dell’interlinea.


5. Sostituzione dei font con tecniche come SIFR: i caratteri tipografici fanno parte del design complessivo della pagina web e come tali contribuiscono alla sua estetica; ora è possibile inserire font particolari oltre a quelli standard.


6. Finestre condizionali, ovvero la nuova versione dei vecchi pop-up: ora sono più simili a usuali applicazioni desktop; molto spesso sono semitrasparenti e hanno un pulsante Chiudi.


7. Finestre multimediali: attraverso dei video e delle presentazioni, l’utente che abbia a disposizione una connessione a banda larga può raccogliere informazioni senza cercarle attivamente. Occorre comunque dare sempre un’alternativa: alcuni utenti potrebbero non avere a disposizione una velocità di connessione adatta, o preferiscono non guardare il video (per esempio, se stanno ascoltando della musica per proprio conto).


8. Aspetto da rivista: si tratta in genere di adattare delle tecniche comunemente usate nell’editoria cartacea, imitandone la disposizione delle immagini e del testo.


9. Navigazione attraverso slideshow, detti anche “a giostra” (carousel): il contenuto disponibile ruota orizzontalmente o verticalmente attraverso dei comandi (normalmente a forma di freccia). L’utente può così accedere alla varie sezioni rapidamente interagendo con il contenuto e non con il browser (p. es. scorrendo la pagina).


10. Blocchi di introduzione: l’area in alto a sinistra di una pagina web è quella che maggiormente attira l’attenzione dell’utente, spesso è sfruttata per introdurre il contenuto del sito, attraverso uno slogan o una spiegazione più estesa; per essa si usano font grandi e molto leggibili, coprendo dai 250 ai 400 pixel di larghezza.

fonte Fabio Lelli | programmazione.it