Typographisme

Un site tenu par des amoureux de la typo, sur le Web comme ailleurs.

Recherche

Votre recherche de Règles a donné 16 résultats.

Manuel de typographie française élémentaire, par Yves Perrousseaux

N-B : Édité désormais sous le titre « Règles de l’écriture typographique du français » (Atelier Perrousseaux éditeur)

L’ouvrage débute par un historique rapide mais complet de l’écriture. Yves Perrousseaux présente ensuite les usages typographiques. Il réussi à « raconter » les règles, rendant la lecture agréable. Les illustrations permettent autant de mieux comprendre que de mieux retenir.

Bien que très précis et très professionnel, on apprécie aussi de la part de l’auteur la prise du recul et l’esprit pratique.

dans Dans la bibliothèque Par Delphine Malassingne un commentaire

De la césure et du Web

La césure (ou « hyphen » en anglais) est une coupure de mot qui survient en fin de ligne. Il s’agit d’un artifice bien connu des composeurs pour gérer les lignes de texte justifié depuis des siècles. Jusqu’à présent, son usage sur le Web était difficile, on la disait même parfois impossible. Cependant, comme vous allez le voir, beaucoup de choses sont en fait possibles. Entre solutions des temps anciens et nouveautés de CSS3, voyons comment démocratiser l’usage des césures sur le Web.

Photo : Stéphane Champagne

Lire la suite

dans Design Web Par Jeremie 14 commentaires

Kikk Festival à Namur

J’ai eu la chance d’être invitée à faire une présentation à l’occasion du Kikk Festival organisé à Namur par l’agence Dogstudio les 24 et 25 novembre 2011. Réunissant des intervenants issus de différents domaines du numérique – beaucoup de designers Web, bien sûr, mais aussi des artistes de l’image et du son, des étudiants, des journalistes, etc. – le festival proposait des conférences, des ateliers, des installations, une grosse soirée beuverie cocktail, et un concours sur le mode du marathon de création, les participants ayant 24h sur les deux jours pour produire un site, une appli ou une œuvre numérique. Le tout servi dans une identité graphique très réussie.

Capture du site kikk.be

Lire la suite

dans Événements Par Anne-So 3 commentaires

Les espaces typographiques et le web

En typographie, il existe tout un tas de règles sur la gestion des espaces entre les mots et les caractères. Malheureusement, le Web est extrêmement fruste de ce point de vue là, à ce qu’il paraît. Mais qu’en est-il réellement ? Précédemment, Je vous ai parlé des ligatures qui sont une des réponses (parmi bien d’autres) à la question des espaces entre les lettres. Cette fois-ci, nous allons nous pencher sur la question des espaces entre les mots. Est-ce qu’il se pourrait qu’on puisse utiliser l’espace fine insécable… en vrai ?

Lire la suite

dans Règles & usages Par Jeremie 29 commentaires

Petit Manuel de composition typographique, par Muriel Paris

Aujourd’hui dans sa troisième édition, le Petit Manuel de composition typographique de Muriel Paris – typographe, graphiste, chercheuse et enseignante – est un livre de référence pratique et concis qui aborde les bases essentielles de la typographie : anatomie et classification des caractères, composition et règles essentielles. Le manuel se complète de pistes bibliographiques.

dans Dans la bibliothèque Par Anne-So

Macro-typographie sur le Web – Une grille dynamique

« Une grille typographique est une structure à deux dimensions faite de séries d’axes verticaux et horizontaux s’intersectant utilisés pour structurer le contenu. »

Passé cette définition trouvée sur Wikipedia un peu abrupte, je retiendrai pour ma part l’explication qu’en faisait Anne-Sophie lors du dernier cycle de conférence Paris-Web : notre cerveau a besoin pour pouvoir anticiper au mieux de ne pas être distrait dans sa tâche principale. Lui proposer une structure logique et répétitive permettra donc de faciliter la lecture.

L’analogie avec les marches d’escalier m’a d’ailleurs terriblement convaincu… C’est quand même plus agréable de ne pas devoir regarder ses pieds à chaque marche !

Photographie sous licence Creative Commons par Pierre Bédat.

Après avoir passé en revue outils et techniques pour travailler correctement avec des grilles de mise en page verticales et horizontales,  il est temps de s’affranchir des défauts inhérents à la bibliothèque précédemment choisie (Blueprint) ; mais aussi y apporter une plus grande… Soup–Less–e !

Voyons ensemble les avantages à compiler les feuilles de style ! (Et c’est promis, plus de jeu de mots.)

Lire la suite

dans Design Web Par Vincent 11 commentaires

La typographie asymétrique de Jan Tschichold [2]

Dans le précédent billet, j’ai tenté de présenter assez rapidement le contexte dans lequel a émergé la nouvelle typographie dans les années 20. Il me semble éclairant et pertinent d’explorer les recommandations – parfois très précises – faites par Tschichold à l’époque, dans la mesure où elles permettent de mieux cerner les préoccupations des designers de l’époque.

Lire la suite

dans Lectures Par Anne-So 4 commentaires

La typographie asymétrique de Jan Tschichold

Si l’on veut prendre la mesure des transformations profondes qu’a connues la typographie tout au long du XXe siècle, les travaux et les écrits théoriques de Jan Tschichold sont très éclairants ou, plus simplement, indispensables. C’est lui qui, en 1925, synthétise en une sorte de manifeste les pistes nouvelles explorées par les constructivistes et le jeune Bauhaus, avec « Elementare Typographie », publié dans une édition spéciale de la revue Typographische Mitteilungen. Il consolide et développe ses idées dans un livre paru en 1928, Die neue Typographie, dans lequel il réaffirme la supériorité des caractères sans empattements et de la composition asymétrique, et plaide en faveur de la standardisation des formats de papier.

Jan Tschichold, Die Neue Gestaltung

Manifeste de Jan Tschichold dans Typographische Mitteilungen, octobre 1925 (fac-simile)

Il publie enfin Typographische Gestaltung en 1935, sorte de manuel ou de canon typographique, que nous aborderons dans le détail dans un prochain article afin d’avoir une idée précise de ce que signifie la Nouvelle Typographie dans son application concrète. Mais auparavant, essayons de voir dans quel contexte la Nouvelle Typographie a fait son apparition pour en comprendre la théorie.

Lire la suite

dans Histoire Par Anne-So 5 commentaires

Bonnes pratiques pour les déclarations @font-face

De vous à moi, je crois qu’on peut se le dire, 2010 aura été l’année du retour en force des polices typographiques embarquées dans les navigateurs. Les déclarations @font-face fleurissent un peu partout, et nous ne nous en plaindrons pas. Ceci dit, la compatibilité multi-navigateur de ces déclarations est parfois un peu problématique. Voyons comment s’en sortir techniquement parlant.

Lire la suite

dans Design Web Par Jeremie 21 commentaires

Macro-typographie sur le Web – Quelques outils

Anne-Sophie présentait en octobre dernier à Paris Web une conférence sur la macro-typographie. Elle y abordait les problématiques des mises en page sur le Web et plus particulièrement de l’utilisation des grilles. Vous pouvez d’ailleurs enfin (re)visionner sa conférence si vous le souhaitez sur le site de Paris Web.

Bien que les solutions pour les mettre en place ne soient pas nouvelles, je constate qu’elles ne sont pas pour autant adoptées facilement. En partageant mon expérience pratique sur le sujet dans ce billet, j’espère faciliter leur adoption.

Lire la suite

dans Design Web Par Vincent 4 commentaires

A propos

L’équipe

Jérémie

Je suis dans le Webdesign depuis un peu plus de 10 ans maintenant. La typographie, le web et le graphisme sont une alchimie délicate qui peut conduire au meilleur comme au pire. Aujourd’hui la typographie web en est à ses balbutiement et mérite qu’on s’y intéresse un peu plus. C’est pour ça que j’ai voulu lancer ce site : pour crier mon amour de la typographie, du web et du graphisme et montrer comment ça déchire grave quand c’est bien utilisé.

Jérémie Patonnier : http://jeremie.patonnier.net / @JeremiePat

Vincent

Développeur web (côté client), je suis de fait amené à manipuler beaucoup de contenus rédactionnels. C’est donc naturellement que j’en suis venu à m’intéresser à la typographie. Mon côté rigoureux me fait pour l’instant préférer la micro-typographie (grande oubliée sur le web !), mais je découvre également avec plaisir le monde de la macro-typographie en ce moment. Le projet de Jérémie m’a beaucoup plu et j’espère pouvoir y contribuer avec un œil neuf et pragmatique.

Vincent : http://www.htmlzengarden.com / @htmlzg

Anne-So

Traductrice dans la vraie vie, j’ai découvert le design Web en 2004. Immédiatement intéressée par les possibilités typographiques du support, j’ai également été très sensible aux questions d’accessibilité et de respect des standards. Passionnée par la lettre et le texte écrit, je m’interroge aujourd’hui sur les spécificités de tous les supports de l’écrit, de la pierre à l’écran en passant par le papier, afin de comprendre comment la typographie peut servir au mieux le texte et ses messages dans tous ses avatars. Mes contributions sur ce site iront donc souvent voir ce qui se fait ailleurs que sur le Web.

Anne-Sophie Fradier : @mitternacht

Delphine

De formation artistique, je suis venue à la conception et la réalisation de sites web par goût pour Internet et pour les supports de communication. Pour une raison que j’ignore, la lettre m’a toujours passionnée. C’est ainsi que j’ai voulu faire ma maîtrise d’arts plastiques sur l’écriture, c’est ainsi que j’ai commencé à prendre des cours de calligraphie, c’est ainsi que je peux regarder une police typographique pendant des heures. Alors oui, forcément, quand Jérémie m’a parlé de son projet sur la typographie, j’étais emballée !

Delphine Malassingne : http://nissone.com / @Nissone

Virginie

Ma rencontre avec la typo ? Quand j’ai décidé de faire des études de graphisme, j’étais tellement nulle en typo que mon copain m’a offert “Les règles typo” de l’Imprimerie Nationale… 2 fois ! L’objectif est simple : ne pas me le faire offrir une troisième fois ! 

Pourquoi la typo ? Je suis graphiste et pourtant je pense être moins experte que mes petits camarades. En effet, mon truc c’est l’œil, l’expérimentation, etc. alors je sors pas de règle, je calcule pas sur des petits bouts de papier, je fais et je vois, je me crève les yeux et je recommence. Bref j’apprends constamment.

Ma devise typo : “La typo c’est bon pour ton caractère”

Ma police préférée* :  la Nationale  la Futura bien sûr 

* ce choix est sujet à changement presque toutes les semaines

Virginie Caplet : http://www.cheekfille.com / @Cheekfille

dans Par Anne-So

Tout ce que vous avez toujours voulu savoir sur Baskerville

Ami lecteur, tu as donc lu le formidable article sur l’Eurostile et tu trépignes d’impatience à l’idée de découvrir encore plein d’anecdotes croustillantes et d’apprendre moult détails passionnants sur une autre typographie, confortablement assis dans ton fauteuil IKEA devant Typographisme.net, un site tenu par des amoureux de la typo, sur le Web comme ailleurs, une bonne tasse (Paris-Web sans doute) de café au lait à la main? Eh bien ça tombe plutôt bien finalement, car c’est reparti pour un tour, et cette fois ci c’est au tour de ce bon vieux…

Baskerville

Lire la suite

dans Portrait de caractère Par David Rault 3 commentaires

Le détail en typographie, de Jost Hochuli

Réédition parue plus tôt cette année aux Éditions B42, ce joli petit bouquin tout plat, initialement rédigé en 1987 et présenté ici dans une nouvelle traduction augmentée, est un concentré. Plutôt que de se répandre pendant 250 pages sur l’ajustement des approches, Jost Hochuli, typographe et graphiste suisse, va droit au but et éclaire en quelques secondes sur l’ensemble des paramètres subtils qui influent sur la qualité de la composition d’un texte.

Jost Hochuli, Le Détail en typographie

Lire la suite

dans Lectures Par Anne-So 2 commentaires

Une question délicate : les capitales dans les titres

À la demande générale, une tentative de synthèse des (pas tout à fait) 478 règles de l’Imprimerie nationale pour la composition des titres. Je tire directement ces recommandations de l’ouvrage de référence Lexique des règles typographiques en usage à l’Imprimerie nationale, bouquin à peine rébarbatif et indispensable si l’on a le souci du bonfrança™ à l’écrit.

Lire la suite

dans Règles & usages Par Anne-So 17 commentaires

Un avis sur @font-face

La bonne représentation de la typographie à Paris Web a été l’occasion d’aborder brièvement @font-face, la révolution de 2009 qui devait nous délivrer des polices websafe autant que du sIFR et des scripts PHP douteux, employés pour rendre du texte dans la police de son choix.

La nouvelle de la prise en charge d’@font-face sur les grands navigateurs actuels ne pouvait que susciter l’enthousiasme, mais une fois les brumes du délire dissipées, il reste un certain nombre de problèmes et de questions qui font que papoter @font-face peut, contre toute attente, virer au pugilat. Cet article étant un poil long, la maison fournit gracieusement le sommaire :

  1. A-t-on vraiment besoin de @font-face ?
  2. Du côté du support et de l’implémentation
  3. Faire les choses dans les règles
  4. L’angoisse du vilain pirate tipiak

Lire la suite

dans Design Web Par Anne-So 29 commentaires

Premiers pas d'un nouveau bébé

Et bien finalement, voila, c’est parti !

Avec quelques furieux et furieuses de design Web et de typographie, nous lançons ce nouveau site dédié à la typographie Web.

Trop souvent, la typographie est le parent pauvre du Web design. Contrairement à la chaîne graphique du monde de l’impression, qui maîtrise l’art typographique depuis des siècles, la chaîne graphique Web est jeune et la typographie a encore du mal à y trouver sa place. Combien de fois n’avons-nous pas pesté contre ces graphistes qui, soit par méconnaissance, soit par négligence, arrivaient à massacrer un design par un choix typographique malheureux ou une application trop rigoureuse de règles traditionnelles mal adaptées au support Web. Combien de fois n’avons-nous pas maudit nos outils de développement et de diffusion, soit trop pauvres, soit carrément inadaptés au travail typographique.

À bien des égards, l’arrivée de CSS3 et l’adoption massive de @font-face nous ouvrent des horizons nouveaux de ce point de vue. Mais les ressources (souvent anglophones) sont rares et la compétence sur le sujet également. C’est là que nous intervenons. Nous souhaitons défricher le terrain ; montrer ce qu’il est possible de faire et comment ouvrir la discussion sur la création de règles typographiques spécifiques au Web ; vous montrer ce qui se fait de mieux ; recueillir le témoignage de professionnels de la typographie ; traduire ou adapter des ressources étrangères sur le sujet et plus généralement, faire tout ce qu’il est possible d’imaginer pour promouvoir et informer sur le travail typographique sur et pour le Web (et puis aussi ailleurs parce qu’on n’est pas sectaire non plus).

Pas de fausses promesses non plus, nous sommes peu nombreux dans l’équipe pour l’instant et nous faisons cela sur notre temps libre. Ceci dit, si le sujet vous intéresse, toutes les contributions, même les plus modestes, sont les bienvenues.

Dans tous les cas, on espère que ça vous plaira et que vous donnerez au travail typographique sur le Web l’essor qu’il mérite.

dans Actualités Par Jeremie 19 commentaires

Nouvelle recherche