Un layout stile 2.0: orizzontale, lucido, brillante…
Molti hanno sentito parlare di questo web 2.0 ma non sanno di cosa si parla…
Il web 2.0 è un nuovo approccio del web nei confronti dei suoi utenti. Principalmente si basa sull’utilizzo di interazioni che permettono all’utente non solo di navigare un sito "subendo" ciò che viene proposto, ma anche interagendo con esso. E non parlo con ciò dell’interazione che si può avere con un normale sito dinamico (esempio un sito di ecommerce), bensì quel tipo di interazione che fa un sito "tuo" e ti permette di utilizzarlo nei più svariati modi. Esempio? Blogs, mappe di ricerca dagli argomenti più svariati, siti che sono veri e propri "programmi" online, aggregatori di feed e news, e quant’altro…oramai il web ne è pieno.
Ma la grafica e il layout che li accompagna è quello di cui parleremo oggi. Spesso infatti si associa il termine web 2.0 anche per indicare uno stile grafico piuttosto preciso e che io riassumerei con i termini: orizzontale, lucido-brillante-riflesso, clean, vettoriale e dettagliato.
Orizzontale: i monitor e le risoluzioni si stanno allargando, e allora sfruttiamo lo spazio a disposizione in orizzontale!!
Lucido-brillante-riflesso: usiamo e osiamo colori più brillanti (ma nei limiti) e gloss, con riflessi di luce e ombra, effetti di lucidità (soprattutto sui loghi, che proiettano il proprio riflesso)
Clean: dobbiamo essere puliti, precisi, chiari
Vettoriale: per loghi e icone spesso viene preferito rispetto allo stile "pixel"
Dettagliato: non tralasciamo i particolari! una sottolineatura, un’icona, un tipo di carattere fa la sua figura e da’ un senso di precisione e cura dei dettagli!
Altro da aggiungere?
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
17 Commenti
Aggiungerei testi grandi, si usano molto.
Però dalla mia mi viene da pensare che il concetto di 2.0 “puro” si sia inquinato, evoluto, verso un qualcosa tipo “2.5″, per esempio, dove prima era tutto un tondeggiare, usare blocchi di colore pastello e così via, ora è già fare così più verso il “reale” con un livello di dettaglio che si aumenta sempre di più, un ritorno alla forma rettangolare e così via..
Laura, posso dire una cosa?……io tutti questi siti che tu spesso inserisci in questo tuo bellissimo, li vedo, mando la mia mailina di complimenti ( ^_^ ) e poi ecco che rispuntano qua da te! ^_^ cos’è?…telepatia?…..
scherzi a parte, è piaciuto molto anche a me questo di redrelevant
ahahah davvero marighela? forse siamo iscritte agli stessi feed, ho preso ispirazione da vari post visti in giro ieri per la rete che parlavano di questo argomento
Bello bello bello. Davvero un gran lavoro in style web 2.0 senza però cascare in clichè che spesso rendono questo tipo di siti tutti molto simili.
non so se è caratteristica del web 2.0, me lo direte voi, ma penso sia molto importante anche un codice pulito e nei limiti validato, così che sia accessibile a tutti;)
@cirio: quella è una caratteristica che dovrebbero avere TUTTI i siti, ma a questo punto aggiungiamocelo!!!
E’ vero in effetti i siti web 2.0 hanno sempre un certo occhio di riguardo verso le specifiche, inoltre la grafica che si sta andando a creare la trovo molto accattivante! Proprio come dice Marco, anche secondo me si sta andando verso una rielaborazione grafica del concetto, ma penso che sia anche dovuto, in ogni corrente, una volta affermata la stessa, ci sono sempre state delle piccole rielaborazioni! Ma il bello e’ questo!
E devo dire che mi piace molto. Riprendendo l’articolo, mi sono ritrovato anche io ad allargare le dimensioni degli ultimi progetti, alla fine si vendono sempre un maggior numero di schermi grandi, e anche la risoluzione di quelli piu’ piccoli permete qualche azzardo, realizzando piccole barre di scorrimento orizzontali, quindi abbiamo questo spazio, perche’ nn sfruttarlo???
Le altre caratteristiche le possiamo trovare da qualche anno, ma a mio parere e’ proprio questa la grande novita’, l’espansione orizzontale!
Io aggiungerei anche i Badges, usati molto spesso almeno per i primi tempi del 2.0 e ne aprofitto per segnalare questo tools:
http://www.web20badges.com/
@Pr0v4: ewwiwa lo spazio orizzontale! (ma senza esagerare, sti nuovi monitor stanno diventando davvero ‘na cosa esagerata!!!)
@Mirko: sì, sono una “chicca” in più del web 2.0
non sono iscritta a nessun feed
navigo molto…e non soffro di mal di mare ^_^
uaz, allora tu sei una sensitiva!!
io comoda comoda mi leggo i feed ai quali sono iscritta (che poi sono quelli dei siti che segnalo nel blogroll) e cerco le cose più interessanti da proporvi, oltre agli articoli che scrivo di mia manina
Ciao Lauryn,
sono Chris di Red Relevant. Grazie mille per aver dedicato spazio al nostro sito e complimenti per IWD. In tema di web 2.0 stiamo inserendo nel nostro blog (redrelevant.it/blog) alcuni esempi scaricabili di cose caratterizzanti del design 2.0. Siamo solo agli inizi ma se ogni tanto torni a dare un’occhio potresti trovare cose interessanti. Per ora ti abbiamo online gli script del nostro accordion fatto in mootools e un css e xhtml per creare tag cloud originali.
Un saluto e grazie ancora
Interessante Christian, grazie per la segnalazione, ora leggo tutto e poi tornerò spesso sicuramente, mi sono appena iscritta ai vostri feed!
a presto!
[...] aiutarvi e completare il discorso iniziato qualche giorno fa sul web 2.0, ecco venirci incontro Sonia con delle graziosissime palette colori da usare per i vostri siti in [...]
Ciao Laura, forse sia tu che i tuoi lettori lo avrete già letto. A chi fosse sfuggito, per rimenere in tema, segnalo l’articolo pubblicato su StyleIgnite.com: “Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided”.
grazie sonia, è proprio da lì che ho tratto ispirazione per questo post!
hai fatto bene a segnalarlo!
[...] è facile, assolutamente. E quelli che ci sono in giro non mi soddisfano. Troppo flashosi, troppo stile 2.0, bellissimi per carità, ma non da me. Per me un layout largo più di 800 px (contanto un 5-600px [...]