diumenge, 16 de juny del 2013

Flat design o Disseny Pla

Que l’estil Metro o Modern de Windows 8 mola molt de tots és ben sabut.
El que potser no sabíem és que l’estil Metro o Modern entra dins d’una corrent estètica en el món del disseny que s’anomena Flat design. El Flat design, que el podem traduir com a Disseny Pla, és un mètode que no utilitza cap efecte addicional per crear profunditat "artificial" ni dimensió. No hi ha ombres, ni bisells o relleus, ni estampats o patterns, ni degradats i tampoc altres extres que imitin una visualització tridimensional. Les icones i els elements de la interfície d'usuari són nítides, sense vores difuminades ni ombres.
El Flat design no és completament sense efectes, però es basa en dos pilars fonamentals:

  • El color: És el component clau per a que aquest tipus de disseny funcioni. La paleta de colors és amplíssima.
  • La tipografia: Es tracta de fer anar tipus de lletra que treballen i reforcen tant el missatge com el disseny dotant de semàntica al nostre disseny.

El Flat design és una de les tendències més actuals en disseny per a web i mòbils, també al ser un tipus de disseny molt net connecta a la perfecció amb el RWD.
Uns quants exemples:






Un quants recursos:
FlatUI (versió gratuïta)

Kit UI 

Un altre Kit UI 

Read more ...

dissabte, 15 de juny del 2013

Browser-Update: Informa als usuaris de la importància d'actualitzar el navegador

Un disseny bonic, actual, agradable. Maquetació correcta utilitzant HTML i CSS3 i resulta que et mires la web amb explorer 7 o 8 o amb Firefox 5, ains…
Senyors el navegador s’ha d’actualitzar.
Els que fem webs que podem fer si l’usuari no ho fa? Els hem d’amenaçar?
Avui us presentem Browser-Update.org una iniciativa de dissenyadors i desenvolupadors web per a que els usuaris s’actualitzin el navegador.

Browser-Update.org és un peti codi javascript que podem incorporar als nostres llocs web, que detecta la versió del navegador i ens envia un petita notificació on ens recomana actualitzar-lo, si és que fem anar una versió antiga.
Browser-Update.org no molesta, la barra de notificació és petita i només notifica a l’usuari un sol cop. Més que notificar, la barra informa a l’usuari de que està fent anar un navegador desactualitzat i que la seva experiència de navegació serà millor si s’actualitza.
Browser-Update.org està en un bon grapat d’idiomes incloent el català.

I és que actualitzar el navegador és una bona pràctica i només te avantatges:
  • Corregir errades de seguretat.
  • Poder gaudir de totes les característiques de la web.
  • Millorar l’experiència de navegació: els navegadors en la seva darrera versió incorporen noves característiques, extensions i capacitat de personalització.
  • Ajuda a fer evolucionar la web.
  • Fa més ràpida la navegació.
  • I és gratis.


Read more ...