Image / Photoshop

Check My Colours - Analyse the color contrast of your web pages. Créer facilement une palette de couleurs accessibles. L'accessibilité des couleurs et les contraintes liées au contraste ont souvent mauvaise presse auprès des designers.

Certains craignent que les contraintes d’accessibilité des couleurs limitent leur palette et par la même occasion leur créativité. D’autres pensent (à tort) que l’accessibilité des couleurs n’est réservée qu’à une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible de leur site.

Voici un petit tutoriel, pas à pas, pour créer une palette de couleurs accessible, sans avoir pour autant à brider sa créativité. Cet article est une traduction de mon article en anglais Tips to Create an Accessible and Contrasted Color Palette. Le contraste est une partie très importante dans le design d’un site web : il va aider vos utilisateurs à lire facilement le texte et à comprendre vos contenus. Outils pour mesurer le contraste Le contraste se mesure entre la couleur d’arrière-plan et la couleur de premier plan (souvent le texte). Conclusion.

Pyxel Edit: pixel art and tileset creation tool. Color Hex - ColorHexa.com. iWantHue. Marqueed - Partage et discussion sur images avec zones de commentaires. Modèles vierges de flyers, posters, calendriers...

[dossier] Pourquoi Fireworks est mieux que Photoshop pour faire du WEB. Quand j’ai commencé dans le web et dans l’infographie il y a presque 6 ans, je ne voyais qu’à travers photoshop.

Normal c’était le grand à l’époque ! J’avais appris en autodidacte à créer mes calques, les nommer, les organiser et y ajouter les effets que je souhaitais. Le grand photoshop était la révolution en matière de webdesign (j’exagère bien sûr). Je me suis éclaté à de nombreuses reprises pour créer les logos, sites et autres infographies pour mes amis et moi. Je ne voyais pas d’autres solutions pour créer et cela m’allait bien.

Quand je suis rentré chez Experian, mon cher bigboss m’a appris à utiliser Fireworks. Historique : Fireworks est LE logiciel qui a été conçu pour le Web. Wiki : Adobe Fireworks est un logiciel de création d’images, spécialement conçu pour le web, mais il est aussi possible de créer des images pour l’impression, même si le logiciel ne supporte pas le CMJN, il supporte tout de même les gestion des PPP (points par pouce). Compatibilité : Ranger ses calques ? Filmez une partie de votre écran et faites en un GIF animé « Korben Korben. Si comme moi, vous testez souvent de petits logiciels ou des sites et que vous souhaitez montrer un point particulier à un de vos amis ou à vos lecteurs, la solution la plus efficace est sans doute la vidéo avec un petit screencast.

Mais tout le monde n'a pas forcement envie de se lancer dans une prise de vue vidéo, surtout si c'est court et que ça doit être fait rapidement. À tous ceux que le screencast rebute, il existe un outil sous Windows qui s'appelle Screentogif qui permet de réaliser des GIF animés de ce qui se passe sur votre écran. (Edit : Et sous Mac OSX, je vous recommande LICEcap. Merci à Paul !!) Vous placez la fenêtre du soft autour de la zone à filmer, vous réglez le nombre de frames par seconde, vous choisissez de faire apparaitre ou non le curseur de la souris, et vous pouvez même décider de créer un GIF qui tourne en boucle. Si votre démo se passe en plusieurs étapes, vous pouvez même faire une pause et reprendre l'enregistrement à un autre moment. Top non ?