Nouvel épisode dans la guerre que se livrent les fournisseurs de technologies : le fabricant de téléphones Sony Ericsson vient de déposer une plainte contre Clearwire sous prétexte que le nouveau logo «CLEAR WiMAX» ressemble trop au sien. Il faut préciser que les deux compagnies devraient se retrouver prochainement en concurrence sur le marché de la téléphonie cellulaire.

Ce n’est ni la première ni la dernière fois qu’un tribunal devra se prononcer sur un présumé plagiat de logo. Mais ce qui m’amuse, c’est que ces deux logos sont de purs exemples d’une mode issue du marketing d’Apple et du graphisme «2.0». En effet, entre 2004 et 2009 environ, les billes colorées ont déferlé dans notre univers visuel, et la ressemblance entre ces deux logos verts pourrait bien être due au simple fait que deux graphistes ont suivi le même courant. C’est en tout cas l’opinion que j’illustre avec la jolie collection de billes que j’ai rassemblée pour vous…

Je fais du design Web depuis que le design Web existe et j’ai vu passer des modes. Tous les trois ou quatre ans, l’approche visuelle change sans se contredire tout à fait, de nouveaux courants émergent sans réellement noyer les autres styles. Mais une chose reste vraie : le bleu est la couleur neutre.

Le blanc intimide par sa virginité. Le noir fait peur. Le gris distille une pesante austérité. Le bourgogne (ou bordeaux, pour les Français) n’a plus la cote. Le vert et le mauve rebutent un bon tiers des internautes. Les couleurs franches sont jugées trop violentes; les textures, trop lourdes.

Si vous voulez plaire à tout le monde ne déplaire à personne, votre site sera bleu. Bleu foncé, pour être précis. Parce que ce choix aidera vos visiteurs à oublier votre interface et à se laisser porter par le confort familier – quoiqu’un peu froid – d’un ciel de nuit d’été.

Et si, tel Gargamel pourchassant les Schtroumpfs,  vous détestez le bleu, soyez conscient que vous faites partie d’une minorité! Et votre témoignage pourrait être cité en mise à jour de cet article, en guise d’antithèse.

Ravalez votre blues, respirez profondément et détendez-vous : voici une mosaïque de sites bleus…

Sur cette image : Alouettes de Montréal, Air Transat, Barack Obama, Barclays, Blaupunkt, Cineplex, Delta Airlines, DropBox, Drupal, Facebook, Ford, Gaz Métro, GM, Gouvernement du Québec, Guardian, Impact de Montréal, Intel, La Capitale, Labatt, Microsoft, NASA, Nivea, Paris Plages, Parti Québécois, Pepsi, RBC-Banque Royale, Samsung, TrentCruising, Ville de Québec.

* * *

(Inutile de me faire remarquer que j’aurais pu faire le même exercice avec des sites rouges ou verts : là n’est pas la question!)

On sait que de nombreuses solutions existent en matière de développement web pour ne pas se limiter aux web safe fonts lorsqu’on veut styler du texte HTML. Une nouvelle a fait son apparition il y a quelques temps déjà : Google Font API.

Comment ça fonctionne ?

On choisit une police parmi celles de la bibliothèque disponible en ligne, qui s’enrichit régulièrement de nouveautés dans différents styles. Pour pouvoir l’utiliser, il faut insérer dans le <header> de son site web le lien vers cette police afin de la rendre disponible en CSS :

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com
/css?family=Tangerine">

On remarque que l’appel se fait via une variable passée dans l’URL. De cette façon, il va être possible d’insérer plusieurs polices en même temps, ou plusieurs versions de la même police. Par exemple :

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com
/css?family=Tangerine|Inconsolata|Droid+Sans">

permet d’insérer les polices Tangerine, Inconsolata et Droid Sans ;

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com
/css?family=Tangerine:bold,bolditalic">

permet de disposer de la police Tangerine en version Bold et Bold Italic. (Attention : la police par défaut, sans ses versions Bold, Italic, etc. ne pourra en effet pas s’afficher avec les effets CSS tels que font-weight. Si on souhaite appliquer des mises en forme, mieux vaut insérer la police voulue avec toutes ses variations)

Lire la suite

L’article de Webdesigner Depot m’avait vraiment beaucoup plu, et je ne résiste pas à l’envie d’en faire ici un petit copycat traduit en français. L’original s’adressait surtout aux designers, mais il se trouve que ces « péchés » s’adaptent très bien à la conception web en général !

Un projet web demande en effet le suivi d’un certain nombre de règles. Il s’agit ici d’associer à chacun des 7 péchés capitaux connus une mauvaise pratique en matière de création, et de trouver des solutions simples pour les éviter. Soyons vigilants !

Lire la suite

En premier lieu, lorsque je dis « sites en boîte », je ne veux pas dire des sites « template » ou achetés en boîte, mais bien des sites confinés à un cadre très restrictif comme ceci :

Lire la suite