Disseny 2.0

Per | 2 febrer 2008

Ja he parlat de la web 2.0 i el canvi que aquest fenomen ha significat quant als continguts i a la forma d’entendre la mateixa web, molt més participativa i en què d’alguna manera desapareix la línia entre redactor i lector, ja que potencialment tots els lectors esdevenen redactors. Una altra cosa és si realment hi ha tanta gent que tingui coses interessants a dir…

Però avui mirarem una altra cara de la web 2.0: el seu disseny. L’aparició de la web 2.0 ha estat possible per la conjunció de diversos factors, però el més important, i del tot imprescindible, ha estat possible per una sèrie d’avenços tecnològics que ja vam tractar aquí. Tal com comentava en aquella ocasió, al costat de bases de dades que gestionen el contingut dels webs, hi ha la separació en arxius diferents del contingutGIMP degudament etiquetat i del disseny del contingut. El disseny actualment es posa en un arxiu que rep el nom de CSS, és a dir, full d’estils en cascada (cascade style sheet).

Treballar separadament en el disseny amb una codificació específica ha possibilitat que els estàndards evolucionessin fins a possibilitar el que podríem anomenar disseny 2.0 o, pròpiament, el disseny de la web 2.0. I, certament, el disseny web ha canviat moltíssim. Si tot just fins fa quatre o cinc anys una pàgina web solia ser molt llarga, amb la lletra petita, pocs espais en blanc, molts continguts junts, etc., ara el disseny orientat a l’usuari no només implica que aquest hi pot participar, sinó que el disseny s’adapta a l’usuari que entra per primer cop al web i no coneix on pot trobar la informació. Afortunadament, les imatges en moviment són història…

Això es plasma en un seguit de caractaerístiques, que trobem recollides en alguns manuals de disseny 2.0:

  1. Simplicitat
  2. Disseny centrat
  3. Menys columnes
  4. Capçalera separada
  5. Àrees sòlides
  6. Navegació simple
  7. Logos en negreta
  8. Text més gran
  9. Parts instroductòries del text en negreta
  10. Colors forts
  11. Superfícies riques (i 3D)
  12. Fons degradats
  13. Reflexos
  14. Icones boniques
  15. Destacats en forma d’estrella

Les icones, com hem vist són essencials en el disseny 2.0. Afortunadament, tenim serveis de cerca d’icones amb llicència GPL (és a dir, lliures), com Iconfinder, d’on he tret el logo del Gimp que veieu més amunt. El Gimp és un programa lliure de disseny, és multiplataforma (això vol dir que es pot instal·lar també a Windows ;) i us el podeu descarregar en català des de Softcatalà.

One thought on “Disseny 2.0

Comments are closed.