Revue web, spéciale DESIGN

Mox Folder — Sun, 10 Feb 2008 06:00:00 -0500

Je laisse tomber mes revues web hebdo, la régularité étant trop contraignante je préfère faire des revues du web par thèmes lorsque j'ai assez de contenu. Ça permet de revenir sur des articles ou des news qui datent aussi. Cette revue est consacrée au design.

Typographie

J'avais déjà parlé du film Helvetica rendant hommage au créateur de la fonte du même nom, en septembre dernièr Écran.fr revenait sur le film et la fonte à l'occasion d'une exposition chez Collette. L'Helvetica en quelques mots :

Elle est l’amie des entreprises, de toutes les entreprises : Toyota, Tupper ware, Lufthansa, Muji, Nestlé, Orange, ou American Apparel. Et la chouchoute des administrations. Tous aiment sa neutralité, son efficacité, sa transparence. Son côté rassurant et un poil autoritaire. C’est elle qui dit ce qu’on a le droit de faire ou pas dans la rue : « Ne pas jeter ! », « Tirez », « Poussez », « Interdit de se garer », « Défense d’afficher » ; mais elle aussi qui nous guide dans le métro new-yorkais.

En octobre dernier SimpleBits nous apprenait que Webkit (le moteur de rendu de Safari) supporte désormais la balise CSS @font-face qui permet à l'utilisateur de télécharger la fonte spécifiée par le web-designer. Ainsi on n'est plus limité aux polices sytèmes (soit Arial, Trebuchet, Verdana, Times;o), et ça tombe bien puisque SimpleBits conçoit et vend des polices de caractère dont DingBit. Espérons une généralisation proche sur tous les navigateurs. Pour ceux qui ça intéresseraient, j'ai trouvé sur cette page de mozilla un exemple de CSS :

@font-face {
  font-family: nom-de-police-distante;
  src: uri;
}

Tester les caractères spéciaux d'une fonte parmi les fontes système Mac et PC, via Swissmis ;
A Dialogue With Public Space, Robin Howie joue avec la typograhique dans un contexte urbain, ça rappelle certains travaux d'Antoine Bardou-Jacquet (Noos vous vous souvenez ?) ;
Présidentielle US, que disent les fontes des affiches des candidats ?

Web design

Dan Cederholm de SimpleBits faisait remarquer que le site d'Ikea bénéficie d'une mise en page élastique. En clair, la mise en page s'adapte autoutomatiquement en fonction de la taille de la fonte sans déformer la maquette. Allez sur le site d'Ikea, pour tester faites pomme + plusieurs fois ou ctrl + si vous êtes sur PC (pomme 0 et ctrl 0 pour revenir à la taille de police par défaut) . Essayer avec d'autres sites, vous verrez que souvent la mise en page ne supporte pas le changement de la taille de fonte. Dan Cederholm est l'auteur du livre Bulletprooff Web Design, une introduction au design Web dans lequel il définit son concept qu'il nomme bulletproof (à l'épreuve des balles en français). Cet exemple avec Ikea illustre parfaitement ce concept.

Général

Un ouvrage comprenant 500 grilles et feuille de style prêtes à l'emploi ;
10 Ways To Get Design Approval : Je retiendrai particulièrement le 4 - Avoid multiple concepts - qui, il est vrai, est contre-productif en plus d'ouvrir la porte grande ouverte à des absurdités... It is common for a client to request one element from one design and another from the second. As any designer knows this seldom works ... et là n'importe quel designer se reconnaîtra dans ces mots ;o) ;
Le meilleur des tutoriaux Illustrator par Smashing Magazine ;
10 idées pour un design web pertinent, toujours via Smashing Magazine ;
Yang Liu, étudiante chinoise à transcrit sous forme graphique les différences de culture entre les allemands et les chinois, via Fubiz.

LE DEBUGGER's blog - Antoine Bardou-Jacquet

Revue web, spéciale DESIGN

Typographie

Web design

Général