Typographies : les meilleurs outils gratuits sur internet

Mise à jour du 17/09/11:

Sur typographisme.net, un excellent article qui me manquait sur Les espaces typographiques et le web. Vous y trouverez entre autre un tableau récapitulant le type d’espace à utiliser selon le type de ponctuation.

fsfinalbook single 5 Typographies : les meilleurs outils gratuits sur internet
En dehors des bibliothèques de polices (typositoire.com, une typo par jour, velvetyne.fr, deux sites découverts sur graphism.fr), il existe des tas de programmes dédiés aux polices pour vous aider dans votre création. icon halo Typographies : les meilleurs outils gratuits sur internet

faux-texte : générateur du célèbre Lorem Ipsum.

Créer des typos :
fontstruct.com (merci berbert-pk icon confused Typographies : les meilleurs outils gratuits sur internet )

HTML :
copypastecharacter pour avoir les codes des caractères spéciaux (la version html apparait en haut à droite lors d’une sélection).
typeit : les caractères spéciaux par pays  icon evil Typographies : les meilleurs outils gratuits sur internet

Comparateur :
wordmark : idéal pour la recherche d’une police pour un logo (pioche dans votre bibliothèque de polices).
typetester : Plus pour la recherche de polices pour texte et titre (ou accroche). Il fonctionne avec votre bibliothèque de polices ou safe liste/win default / mac default / google font.
awesome-fontstacks.com découvert par graphism.fr permet de tester une mise en page avec plusieurs fonts gratuites (téléchargement fonts +  CSS)

CSS :
emchart: pour ceux qui veulent traduire le px en em. En X votre choix de police de base (1em), le reste du tableau vous donnant les équivalences.
typograph: vous donne le rythme de vos h principaux.
Identification: pour essayer d’identifier une police a partir d’une image.
csswarp.eleqtriq.com: le pouvoir de la CSS ! Un petit programme qui vous permet d’avoir votre code pour un texte suivant une courbe…

Fontface :
fontface generator : génère tous les formats nécessaires (petit article pour résumer les best practices de chargement)
font-family : pour des polices déjà hébergées.
la nouvelle version de Google Web Font

internetactu.net : un article passionnant: “Des recherches récentes [...] montrent que les gens retiennent beaucoup plus d’informations quand ils les lisent dans une police qui [...] ne leur est pas familière, mais en plus n’est pas très facile à déchiffrer.”
et pour finir fuckyeahhelvetica et fontsinuse pour le plaisir et l’inspiration icon twisted Typographies : les meilleurs outils gratuits sur internet

Quoi de neuf dans vos e-kioskes? Spécial Print

A en croire beaucoup de vos e-kioskes, l’avenir de votre lecture est dans le numérique* (explosion de la vente de e-books, présence obligatoire des magazines sur le net, expérimentations sur les nouveaux supports)… on en oublie parfois que l’industrie de l’impression avance aussi sur d’autres technologies que le celle du numérique.

Certains designers et imprimeurs expérimentent et tentent de nouvelles choses… on est dans une réflexion design entre DIY, tests, accidents et détournements (Focal décodeur, stéréogramme, tissus imprimés, feuilles métallisées, découpage laser, encres blanches, phosphorescentes ou photosensibles, calques, latex,…).

219 cover lagerfeld it Quoi de neuf dans vos e kioskes? Spécial PrintMeirion Pritchard DA de Wallpaper réinvente sans arrêt l’objet qu’est son magazine et lance tous les designers dans cette aventure.

Cela va du magazine “fait main” où même la typo du magazine est revue par Jean-Baptiste Levée aux illusions optique par Denstu qui répondent à une demande très libre de Pritchard.

Je n’oublie pas aussi les demandes de Lagerfeld and Starck pour leurs versions du magazine qui font que Meirion Pritchard doit trouver des solutions très particulières pour faire des couvertures déshabillables et/ou replaçables… et si cela semble simple, c’est tout sauf ça icon confused Quoi de neuf dans vos e kioskes? Spécial Print
wallpaper1 Quoi de neuf dans vos e kioskes? Spécial Print

wallpaper2 Quoi de neuf dans vos e kioskes? Spécial Print

handmade font Quoi de neuf dans vos e kioskes? Spécial Print

future magic Quoi de neuf dans vos e kioskes? Spécial Print

Wallpaper.com, toujours dans le même esprit, vous permet de créer et présenter votre propre couverture icon smile Quoi de neuf dans vos e kioskes? Spécial Print
wallpaper Quoi de neuf dans vos e kioskes? Spécial Print
Décidément monsieur Pritchard à tout compris à une bonne direction artistique icon twisted Quoi de neuf dans vos e kioskes? Spécial Print

Bien entendu, beaucoup de designers travaillent sur ce sujet, Fanette Mellier,  Ariane Spanier, ou encore le studio CatalogtreeHoon Kim
fanette mellier 1 Quoi de neuf dans vos e kioskes? Spécial Print
ariane spanier Quoi de neuf dans vos e kioskes? Spécial Print
paperspeaks s Quoi de neuf dans vos e kioskes? Spécial Print

Pour finir je vous conseille d’aller faire un tour dans l’atelierdecreationgraphique.com icon confused Quoi de neuf dans vos e kioskes? Spécial Print

 

*Est-ce qu’un jour l’objet imprimé sera obsolète ?
Je ne veux pas y croire pour deux raisons:
L’affectif des liseurs face à l’objet.
Le livre est beau et se parcourt dans/par tous les sens. Il devient une partie de l’histoire de son lecteur (annotations, tâches, prêt, imperfections,…) et correspond parfois à une cérémonie de lecture.
Pour l’instant le numérique est avant tout considéré comme personnel pour une question de type de données, la lecture est une utilisation de l’objet en tant que média et non plus une fin en soit.

L’artisanat technologique
L’artisanat revient en force dans la réflexion design comme contre-courant de l’idée de “productivité avant tout”. Le savoir-faire de plusieurs générations s’allie aux recherches technologiques pour créer des objets qui passent d’items à sujets.

De plus, n’en déplaise à certains, les designers pensent, depuis au moins Gutenberg, l’objet imprimé comme un interface modulaire et modulable. Les best practices du web viennent très souvent d’évidences tirées d’expériences print. icon confused Quoi de neuf dans vos e kioskes? Spécial Print

Interview de Yannick Mathey (prototyp-0)

J’ai découvert Prototyp-o sur Babel, le projet m’a épaté par sa pertinence et par sa simplicité d’utilisation.

Pour ceux qui ne savent pas de quoi on parle je remets ici la vidéo ainsi qu’un extrait de la présentation de Yannick Mathey.

…L’application Prototyp-Ø est spécialement conçue pour le dessin de caractère. Grâce au procédé automatisé, prototyp-0 accélère considérablement le processus de création, permettant ainsi de générer dans un délai très court une multiplicité de polices typographiques complètes…

Et place à l’interview icon smile Interview de Yannick Mathey (prototyp 0)

Prototyp-0, pourquoi ce nom ?

Lorsqu’une nouvelle application arrive dans le domaine du design, et que celle-ci est générative, elle a toujours deux accueils différents : ceux qui vont apprécier, au moins pour sa nature expérimentale, et ceux qui vont critiquer avec comme argument très juste qu’une application ne peut pas égaler la créativité et la technique du designer. En nommant cette application “Prototyp-Ø” je voulais faire comprendre que les typos générées ne sont pas des produits finis, mais une base de création à affiner / améliorer par l’utilisateur. C’est une typo presque brute, déjà dégrossie, sur laquelle il faut encore travailler pour qu’elle devienne personnelle. Il me fallait aussi que le nom se rapproche de la typo évidemment, et qu’il soit bien référencé ; prototyp-0. (prototyp-zéro)

À quel cadre scolaire Prototyp-0 répond-t-il ?

J’ai commencé à travailler sur ce projet en août 2009 en vue de le présenter pour mon DNSEP aux arts décos de Strasbourg en juin suivant. Je m’y suis mis assez tôt car à part quelques connaissances de base en web, je n’avais pas réellement de compétences en développement. Du coup, les premiers temps j’ai cherché comment faire – flash, php, etc. – avant de me tourner vers processing qui est un outil puissant et surtout accessible à ceux qui ne sont pas spécialistes en code. Prototyp-0 provient aussi de mon envie de dessiner des caractères. Tout comme le développement, je n’avais pas, ou très peu de connaissances en la matière ; cette année de diplôme m’a permis d’apprendre les bases en création typographique.

Comme tous les étudiants qui se frottent pour la première fois au type design, je créais soit des caractères modulables et géométriques, soit des caractères en partant d’une fonte existante. Dans ces deux cas de figure je n’étais pas satisfait. Mes caractères modulables ressemblaient à tout ceux qu’on voit déjà sur un grand nombre de sites et les seconds ne m’appartenaient pas complètement. J’ai eu donc envie de créer un outil qui permettrait de raccourcir la première étape qui est de dessiner un A qui soit un A, avec toute l’intelligibilité qu’on lui connaît : qu’est ce qui fait qu’on définit ce caractère comme un A.

b Interview de Yannick Mathey (prototyp 0)

As-tu eu des retours de spécialistes en typographie sur ce proto ?

Je n’ai pas eu de retours de type designers pour le moment puisqu’à part la vidéo mise en ligne, il n’existe aucune version d’essai si ce n’est une vieille version qui permet juste de “s’amuser” avec les empattements : PimpMySerif (disponible ici) Ce n’est pas la version utilisée au final car depuis j’ai apporté des améliorations, mais elle permet déjà de voir les possibilités. Par contre lors du développement de l’application, j’ai pu recevoir des conseils de la part de profs aux arts décos (Pierre Roesch, P. Di Sciullo) mais j’ai aussi rencontré d’autres personnes comme J-F Porchez, ou encore Patrick Lallemand et Pierre Delmas Bouly (superscript). Il était primordial pour moi d’avoir l’avis de ces personnes ; chacune travaille autour de la typo, mais elles ont toutes une approche différente : très concrète à expérimentale, c’est ce que j’ai essayé de traduire via cette application.

Est-ce que ce prototype est finalisé ?

Après mon diplôme en juin (2010) je n’ai pas eu beaucoup l’occasion de travailler dessus. Mon activité de graphiste me prend énormément de temps, mais j’essaie de m’y mettre un peu le weekend. Depuis quelques jours je réalise que prototyp-0 intéresse et qu’il faut que je le termine. C’est pourquoi Guillaume Leduc m’a rejoint sur ce projet pour qu’on puisse mettre en ligne une version le plus rapidement possible, on l’espère cet été.

a Interview de Yannick Mathey (prototyp 0)

As-tu un but de distribution ?

Prototyp-0 sera en ligne sur byte-foundry.com. L’idée serait que chacun puisse générer une police de caractères et que celle-ci soit stockée dans une base de données. On pourrait ensuite voter, modifier ces typos, les télécharger ou encore pourquoi pas les utiliser avec les nouveaux standards web. Je ne sais pas encore s’il y aurait une logique commerciale derrière tout ça, j’attend de voir le résultat final et l’avis des beta testeurs pour décider de cela. Quoiqu’il en soit ce ne serait de l’ordre que de quelques euros tout au plus. J’espère grâce à ce site pouvoir me concentrer à plein temps sur le développement de typos, cette fois-ci “à la main”, et ainsi de créer une mini-fonderie indépendante.

Pour cette mini-fonderie, tu as des préférences typographiques, une vision plus ou moins claire de ce que tu souhaites apporter ?

Dans les années 80, Rudy VanderLans et Zuzana Licko créent Emigre, une fonderie d’un genre nouveau qui surfe sur les nouvelles possibilités de l’outil informatique. Comme je le disais un peu plus haut, cette fonderie eut deux accueils très différents : ceux qui voyaient dans ce genre nouveau de nouvelles possibilités créatives et ceux, plus ancrés dans la tradition typographique, qui percevaient un affront au dessin de caractères classique.

Aujourd’hui, le processus génératif est au sein d’un grand nombre de créations et c’est vers quoi j’aimerais me tourner : faire des défauts du génératif, la principale qualité de l’outil. En travaillant sur prototyp-0, je me suis rendu compte très tardivement que les caractères qui buguaient retenaient plus mon intention que ceux qui correspondaient à un archétype typographique. La naïveté du logiciel qui enchaîne simplement une suite de commandes utilisateur, permet d’obtenir des formes que le dessinateur de caractères n’aurait pas forcément obtenu avec un crayon et une feuille blanche.

Le tout étant de trouver un juste milieu entre lisibilité et forme graphique du caractère.

c1 Interview de Yannick Mathey (prototyp 0)

Retour utilisateur de Babel ?

Réactifs, sympas et passionnés. Il ne manque plus qu’un système qui permettrait de mettre en relations les étudiants et les pros, mais j’ai cru comprendre que c’était en cours de développement et je ne peux que les en féliciter.

Comptes-tu réutiliser Babel ?

Je ne compte pas rempiler pour des années d’études donc je n’aurais pas de nouveaux projets étudiants à proposer. Cependant je n’hésiterais pas à en parler autour de moi. Je trouve que cette plateforme de partage est une très bonne idée, et ça fait plaisir de voir des projets étudiants mis en avant ailleurs que dans les gros magazines spécialisés type “étapes”.

D’autres projets dont tu voudrais parler ?

Je me concentre pour le moment sur prototyp-0, mais j’ai quelques idées pour la suite, toujours dans le domaine de la typo et processing.

le portfolio de Yannick

En savoir plus sur byte-foundry.com: sur flickr.comtwitter.com

Voilà donc le prototype d’un outil dont j’espère bientôt me servir icon smile Interview de Yannick Mathey (prototyp 0)

Merci à Yannick pour sa gentillesse et pour sa passion de la typo icon twisted Interview de Yannick Mathey (prototyp 0)

Quoi de neuf dans vos e-kioskes? Spécial Babel et typographie

Avant de commencer ce e-kioskes je tenais à remercier Manu qui a rendu ce blog multi-auteur grâce à son article sur le DMY. Il est d’ailleurs sur une interview qu’il me tarde de lire.  icon twisted Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

CG-blog tient à accompagner les graphistes, designers artistes et j’essaie donc de revenir régulièrement sur leur travail (complété un article par une interview, …). Je vais donc vous reparler de l’excellente initiative qu’est le collectif étudiant Babel.

A noter une nouveauté sur Babel, l’annonce de concours pas forcément dédiées aux étudiants.

Babel et la typographie, j’ai choisi de vous présenter trois projets impressionnants sur la typographie, je proposerai aux auteurs une interview icon smile Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

Le Montreuil de Julien Priez

…Tous les signes, modules et lettres sont dessinées pour être tous combinables. Il est alors possible d’agir directement sur le dessin des lettres, de tout mélanger pour créer des lettrages originaux, d’écrire le mot «vélo» ou dessiner le vélo…

en voir plus sur Babel

Prototyp-Ø de Yannick Mathey

…L’application Prototyp-Ø est spécialement conçue pour le dessin de caractère. Grâce au procédé automatisé, prototyp-0 accélère considérablement le processus de création, permettant ainsi de générer dans un délai très court une multiplicité de polices typographiques complètes…

en voir plus sur Babel
yannickmathey.com

Experimantal Sonography de Gulia Bruel

…Basé sur une typographie sonore, appelé sonotype, où chaque son correspond à une forme et où chaque forme correspond à un son. c’est simplement l’empreinte sonore de la lettre…

ty1 Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

ty2 Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

en voir plus sur Babel

Je pense que ces projets parlent d’eux-même donc je me tais icon confused Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

Bien entendu, Babel, collectif étudiant présente des projets de la même qualité en ce qui concerne le design; le graphisme et l’architecture.

Voici le lien vers le menu des articles et interviews qui concernent ce collectif.

En dehors de Babel, trois autres liens typo :

basilecuvelier.com parce que Basile Cuvelier mixe typo, signalétique et publicité et ça ça le fait icon smile Quoi de neuf dans vos e kioskes? Spécial Babel et typographie
basile cuvelier Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

Wang Qing qui parle d’écriture et peinture en rapport à la philosophie chinoise icon exclaim Quoi de neuf dans vos e kioskes? Spécial Babel et typographie  . C’est chez Monsieur Bandit dont vous pouvez retrouver l’interview ici même, et croyez-moi elle vaut le détour !!!
Magical Snap Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

Enfin, je ne suis clairement pas un spécialiste de la typographie mais quand typographisme.net parle de Choses glanées lors de l’Ampersand Conference je me dis que sans être acteur j’apprécie d’être spectateur de tout ceci icon smile Quoi de neuf dans vos e kioskes? Spécial Babel et typographie

PS: Charly remercie tout ceux qui sont venus lire son article la semaine dernière (je vous dit pas comment il se la pête !)

Interview de créateur de site: Jeremie Patonnier (typographisme.net, jeremie.patonnier.net)

Grace à CSS3 qui normalise la possibilité d’afficher facilement des polices hors les polices systèmes, une déferlante d’articles et de sites anglophones sont apparues à propos de la typographie. Bizarrement, en France on reste beaucoup plus calmes sur le sujet. Lorsque j’ai écrit Polices: les meilleurs outils…, je voulais le coupler avec un article “Découvrez la typographie” mais les articles étaient en anglais (smashingmagazine.commagnetstudio.com,  psd.tutsplus.com + la partie education de fontshop).

Depuis, j’ai découvert ce site français dédié à la typographie avec des articles intéressants. Un bonne base pour les non-anglophones (ne me parlez du traducteur google… svp).
Mais bon, place à l’interview de Jeremie Patonnier, consultant web et membre de l’équipe du site.typographisme.net (a-propos pour voir l’ensemble de l’équipe).

Place à l’interview :] (more…)