Archives

Archive pour le mot-clef ‘Color’

21
Sep 11

Tutoriel WP7 : Accent Color et dérivées

Un des points forts du dernier OS mobile de Microsoft, c’est la gestion de l’Accent Color. Cette petite bête qui permet à l’utilisateur de personnaliser son téléphone avec sa couleur préférée.

Selection d'une Accent Color - Credits Microsoft

Les éléments importants de l’interface sont donc mis en avant grâce à l’Accent Color. Inutile de préciser qu’il vaut mieux éviter de mettre d’autres couleurs fixées dans le code, au risque que l’utilisateur ai choisi une Accent Color similaire. Il ne verrait plus grand chose.

Mais l’œil appartient à la physique et si on souhaite ajouter d’autres couleurs il est possible de calculer celles qui s’adapteront le mieux, selon votre œil, à l’Accent Color de l’application. On pourra alors utiliser soit la couleur inverse qui sera la couleur contrastant le plus avec l’Accent Color, soit la couleur complémentaire qui est la couleur la plus agréable à l’œil face à l’Accent Color. On obtient donc au final deux couleurs qui s’accordent entre elles dans votre design.

Couleur complementaire

Comment calculer ces couleurs? Adobe a eu la bonne idée de nous donner les formules sur son site : http://adobe.ly/nF5WXx

Cet article va donc vous aider a mettre en place ces formules dans vos projets Silverlight et XNA pour ainsi utiliser tout le potentiel des Accent Colors liées aux Contrast Accent Colors et Complementary Accent Colors.
Lire le reste de cet article »