Font Combinator est un site qui permet de choisir une combinaison de polices de caractères en provenance de Google Web Fonts : titre, sous-titre et paragraphes de textes. Possibilité de saisir ou copier-coller le texte de son choix ; modifier le corps et l’interlignage et la couleur du texte (ou du fond).
Obtenir la confiance de l’utilisateur devrait être le but de tout designer d’interface. Toutefois, ce n’est pas simple : il ne suffit pas de soigner les libellés des boutons et des interactions (même si c’est un bon début). Les utilisateurs n’ont pas à se sentir fiers d’être capables d’utiliser votre interface. En tout cas, ils ne devraient pas avoir besoin de s’en vanter auprès de leurs amis sur Twitter… Ils doivent juste se sentir en confiance lorsqu’ils utilisent votre site.
Lire la suite
Bariol est une toute nouvelle famille de police de caractère créée par atipo. Elle est arrondie et légèrement condensée. Familière mais pas «mièvre», Bariol a la particularité — essentielle à mes yeux — d’être particulièrement lisible, même dans les petits corps, grâce à des formes sobres et une construction sans fioriture. Lire la suite
Photoshop Etiquette est un site qui rassemble les bonnes pratiques à mettre en oeuvre pour produire des fichiers .psd conformes à la logique et au bon goût. Pour travailler efficacement, il est important de bien organiser ses fichiers et de les nommer correctement. Mais ce n’est pas tout : au total, Photoshop étiquette recense plus d’une centaines de points de vigilance illustrés avec des captures d’écran. Lire la suite
Depuis que j’ai installé Instagram sur mon téléphone mobile Android, je retarde le moment de lancer la palette des scripts de Photoshop pour récréer les filtres proposés par l’application qui s’appliquent en un clic une fois que vous avez sélectionné votre photo. Le pack de script proposé par Casey McCallister imite les 17 effets suivants : Brannan, Early Bird, Toaster, Sutro, Nashville, Kelvin, Inkwell, X-pro II, Amaro, Rise, Hudson, Sierra, Lo-fi, Walden, Hefe, Valencia et 1977. Lire la suite
Adobe vient de mettre Source Sans Pro à la disposition du public. C’est une grande nouvelle pour les amoureux de la typographie en général et des webfonts en particulier. Cette police de caractère open source a été dessinée par Paul D. Hunt (@pauldhunt sur Twitter) dans le but d’offrir une police de caractère lisible et agréable pour les courts contenus et les textes longs. Pour y parvenir, l’auteur s’est inspiré de News Gothic et Franklin Gothic tout en s’assurant que les caractères 1, i, I ou L soient bien différenciés. Lire la suite
Dans la collection [WEB] éditée par Atelier Perrousseaux, je viens de terminer Typo & Web pour une lisibilité optimale de la typographie sur internet écrit par Aurélien Foutoyet (@allfordesign). avec l’arrivée de la propriété CSS @font-face et la résolution des écrans qui va en augmentant, la typographie sur le web a fait un bond en avant. Les intégrateurs web peuvent désormais ajouter des polices de caractères qui sortent de «l’ordinaire» ! Lire la suite
Après plusieurs années où je me suis plutôt consacré à l’intégration HTML & CSS sur le site css.4design.tl, je reviens à mes logiciels préférés que sont Photoshop et Illustrator que je compte suivre de près. Voici donc quelques ressources qui ont retenu mon attention et que je vous invite à parcourir et à garder sous le tapis de souris. Au menu : gestion des couleurs et profils colorimétriques dans Photoshop ; palettes de couleurs dans Illustrator et différentes techniques de retouche photo. Lire la suite
Dans Photoshop CS6, le menu Image > Réglages propose l’outil Tons foncés / Tons clairs. Ce réglage permet d’ajuster finement les zones sombres ou éclairées d’une image. Curieusement, il ne possède pas d’équivalent dans Calques > Nouveau calque de réglage. Toutefois, si l’on convertit un calque normal en objet dynamique, l’application de Image > Réglages > Tons foncés / Tons clairs s’applique en tant que filtre dynamique accessible sous le calque concerné. Lire la suite
La roue chromatique et son cortège de couleurs primaires et secondaires est un outil très prisé par les graphistes et les web designers. Elle permet — à partir d’une couleur donnée — de créer des palettes de couleurs harmonieuses : couleurs analogues, complémentaires, complémentaires isocèles, triadiques ou tétradiques. Toutefois, la beauté de cette roue chromatique ne doit pas nous empêcher de nous poser des questions existentielles sur la théorie des couleurs et le fonctionnement de leur perception par notre cerveau. Lire la suite