Sabíeu que actualment més d’un 50% de les visites que rep una pàgina web es fan des d’un dispositiu mòbil? Cal, doncs, que preparem les nostres pàgines a aquesta nova realitat. Altrament, estarem perdent eficiència.
Per a això, cal fer un “disseny adaptable” (el que els anglòfons anomenen responsive design), és a dir, un sistema de disseny que s’adapta a qualsevol tipus de dispositiu tenint en compte les dimensions i la resolució de la pantalla. Aquest sistema de treball va ser plantejat per primer cop pel dissenyador nord-americà Ethan Marcotte.
El responsive design permet, gràcies a una combinació d’estructures i imatges fluides barrejades amb els media queries al full d’estil (CSS), que les pàgines d’un web es vegin de manera òptima en qualsevol dispositiu. Els media queriessón com un condicional que deixa anar un disseny o un altre en funció de les dimensions o la resolució del dispositiu.
Fer el disseny web per a aquest tipus de llocs web és un repte interessant, ja que es recuperen aspectes geomètrics rescatats del disseny avançat de llibres o diaris, que permeten redimensionar imatges en funció de l’amplada tenint en compte mides proporcionals, de columna, interlletratge, etc.
Nosaltres hem patit a les nostres carns el fet que alguns desenvolupadors o informàtics no siguin capaços de crear estructures geomètriques complexes que aguantin totes les mides de dispositius. Creieu-nos: la millor manera de fer un disseny d’aquestes característiques és fer-ho amb un bon dissenyador gràfic. I si té experiència en revistes i diaris, millor!
Aqui us deixem dos llocs web amb disseny responsive fetes a Cèl·lula: Mcasablanques and Grup Idea.
