Archives de la catégorie : Design & Graphisme

Cette rubrique est consacrée à la création graphique en général : webdesign, mise en page, logo, Illustrator, Photoshop, InDesign, typographie

C’est quoi ce « binz » avec les courbes de Bézier régulières dans Illustrator ? (theagsc.com)

Les courbes de Bézier

L’outil Plume est certainement un des outils emblématiques d’Illustrator. Ce n’est pas le plus simple à maîtriser, mais avec un peu d’habitude, d’astuce et d’espièglerie on parvient généralement à s’en sortir. Une fois qu’on a pris le coup de main, les courbes de Bézier sont un vrai plaisir. Toutefois, s’il y a une chose sur laquelle on peut hésiter même après des années de pratique, c’est bien le placement des points d’ancrage. Dans la suite de cet article, nous allons voir la méthode de travail du studio The AGSC qui va nous aider à choisir l’emplacement optimal des points d’ancrage dans Illustrator.

9 ans d’articles et de chartes graphiques pour (css)4design

4design depuis 2006

Le 20 juin 2006, j’enregistrais le nom de domaine css4design.com avec l’envie d’écrire des articles sur les différentes manières de faire des mises en page web avec les feuilles de style CSS tout en mettant l’accent sur les problèmes de compatibilités entre navigateurs. Le temps a passé et ce qui était encore nouveau à l’époque est aujourd’hui une évidence, tandis que les problèmes de compatibilité — même s’ils n’ont pas totalement disparus — semblent moins critiques. Au fil des années, j’ai enlevé le « css » de css4design pour élargir le propos du blog au design en général et pour éviter de créer une rupture entre mes expériences professionnelles Print et Web. Comme l’a dit Ashley Havinden : « Le graphiste est celui qui est capable de résoudre les problèmes de communication, quel que soit le médium imposé ».

Modes de fusion Illustrator — et Photoshop

mode_fusion_illustrator_calques-gif-anime-big

Les modes de fusion sont un incontournable d’une grande partie de la suite Adobe, qu’il s’agisse d’Illustrator, de Photoshop, d’InDesign, d’After Effects ou encore de Première Pro (avec quelques différences plus ou moins importantes selon les logiciels). Ces modes de fusion ont la particularité de permettre le mélange des pixels d’un calque auquel on applique le mode de fusion avec ceux du calque situés en-dessous. Notez qu’il est possible d’appliquer un mode de fusion identique ou différent à plusieurs calques situés les uns sous les autres.

[User Interface] Votre « UI » doit mettre vos utilisateurs en confiance

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.

Bariol, la cerise sur la typo

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.

Les bonnes pratiques Photoshop pour le web design

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.

Les filtres Instagram en tant que Scripts pour Photoshop

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. 

Source Sans Pro — La première police de caractère open source par Adobe

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.