background preloader

Les grilles macro-typo sur le web ? Facile ! – Paris Web 2012

Les grilles macro-typo sur le web ? Facile ! – Paris Web 2012
Related:  Graphisme

Tracés régulateurs, grilles et gabarits, la conquête de la liberté & de l’harmonie. | typomanie* Il (le typographe) doit inlassablement parfaire son sens des proportions, afin de pouvoir juger sans défaillance de la portée et de la limite d’un rapport de proportions. Il sentira alors à quel moment la tension établie entre deux éléments devient si forte que l’harmonie se trouve menacée. Il apprendra à éviter les rapports sans tension aucune qui engendrent l’uniformité et l’ennui. Il déterminera en outre le degré de tension plus ou moins fort qui devra exister selon la nature et le caractère de l’ouvrage qui lui est confié. Voilà qui est bien dit et clairement exprimé… Pas de dogmes ou de principes rigides mais une culture de la sensibilité, la nécessité de la tension “maximale possible” pour une composition à la fois dynamique et équilibrée ou le blanc est aussi important que le noir, et non son seul support. Une fois conçue, la grille modulaire installe une harmonie de proportions entre tous les éléments qui forment la page, éléments imprimés aussi bien que non-imprimés.

Le Typoscope Angle d’empattement Aussi appelé "filet". Liaison plus ou moins incurvée entre l’empattement et le fût. Apex D'origine latine le mot apex signifie "sommet" ou "pointe". Axe Oblique Aussi appelé "stress". Contrepoinçon Espace blanc partiellement ou totalement enclos à l’intérieur de la panse d’un caractère. Corps Taille d’un caractère, exprimée généralement en points typographiques ou en dixièmes de millimètre. Couleur Il s'agit du degré de variation ou de contraste d'épaisseur entre les pleins et les déliés. Délié Partie la plus fine du caractère. Délié de jonction Trait fin qui relie par exemple la panse du ‘g’ à sa boucle. Diagonale Partie inclinée d’un caractère. Empattement Appelé "serif" en anglais. Épaule Partie incurvée prolongeant un fût. Fût Trait principal vertical (le terme s’applique également à certaines diagonales). Goutte ou larme Extrémité d'un caractère différent de l'empattement. Hauteur de capital Hauteur d'oeil Jambage inférieur Aussi appelé longue descendante. Jambage supérieur Panse Plein

Le Typoscope Annotations Les annotations regroupent les notes de bas de pages, les légendes pour l'iconographie et plus largement les notes accompagnant le texte principal. Approche de groupe L'approche de groupe correspond à l’espacement entre les différents mots d’une même ligne. Blancs tournants Ils correspondent à la gestion des espaces blancs qui entourent les éléments textuels et iconographiques. Blanc de pied C'est la marge située en bas de page. Blanc de tête Le blanc de tête correspond à la marge supérieure de la page. Blanc petit fond Il correspond à la marge intérieure et peut servir à accueillir légendes et annotations. Blanc de grand fond Le blanc de grand fond correspond à toute la marge extérieure. Chapeau Un chapeau est un court texte d'introduction qui précède un texte, souvent un article. Drapeau Le drapeau est l’alignement vertical des lignes de longueurs inégales lors d’une justification en fer à gauche ou à droite. Fer à gauche Fer à droite Gris typographique Gouttières Interlignage Lézarde

Une brève histoire du sérigraphisme… Le sérigraphisme (sérigraphie + graphisme) est un véritable mode d’expression artistique et le cercle de ses créateurs s’agrandit de jour en jours. Il faut dire que lassé par le mercantisme des « tireurs » de reproductions numériques, il y avait un manque : retrouver de véritables œuvres originales pas trop chères qui renouent avec la qualité de l’impression artisanale. Leur style graphique atypique, minimaliste voire rétro (ou vintage) a fait le reste, il est maintenant très à la mode. Même si les affiches de film de Canal+ ne sont pas imprimées en sérigraphie contrairement à celles de la série Dexter illustrées par Ty Mattson’s, il y a comme un esprit de famille : couleurs en applat, simplicité et composition. Aux USA et ailleurs, la plupart des graphistes pratiquent la sérigraphie sur un coin de table, une vraie religion ! « Qu’est-ce qui fait la différence entre le graphisme européen et le graphisme américain, le graphisme californien en particulier ? Estria Miyashiro & Buff Monster

Olly Moss's movie poster remakes Agé de tout juste 21 ans, le jeune graphiste anglais Olly Moss est déjà connu outre-atlantique pour ses créations de T-shirt. Passionné de cinéma, il a créé récemment une série de 8 posters reprenant des affiches de films célèbres. Une idée simple, mais terriblement efficace car ses choix cinématographique touchent toutes les générations. Traités dans un style épuré qui rappelle quelque peu le style allemand de l'après guerre, ses posters surprennent par leur force visuelle. Pour chaque film il choisi d'isoler un détail, un élément distinctif, et s'amuse à le mettre en scène accompagné d'une composition typographique.

Le graphiste Pierre Di Sciullo affiche ses idées - Tout chose, le blog mode et design de Xavier de Jarcy Depuis 1789, la politique s’écrit dans la rue, sur des affiches. C’est le thème de la passionnante exposition "Affiche-action : quand la politique s'écrit dans la rue" à l’Hôtel des Invalides, à Paris (jusqu’au 24 février 2013). Plus de 150 documents y font revivre les moments exacerbés de deux siècles d’histoire : La Commune de Paris, avec ses appels à rejoindre les barricades, les petits placards concoctés à la main par des résistants anonymes pendant l’Occupation, ou encore les slogans insolents de mai 68. L’expo présente aussi les œuvres de deux affichistes contemporains : Pierre Di Sciullo et Vincent Perrottet, qui sont justement des héritiers de 68. Pierre Di Sciullo a conçu cette affiche pendant la campagne présidentielle de 2007, lors du second tour entre Nicolas Sarkozy et Ségolène Royal. « Accablé de la pauvreté du débat, je trouvais que le n’importnawakisme avait pris le pouvoir », explique-t-il.

nůn - Fondamentaux - Typographie : historique, vocabulaire et familles de caractères Pour faire court De mutations en mutations, la typographie s'est transformée au fil des siècles et des millénaires. Les premiers systèmes de communication étaient de nature pictographique-idéographique, c'est à dire basés sur la représentation d'un mot ou d'une idée sous forme figurative ou faiblement abstraite. Les signes ont ensuite progressivement évolué avec des différences importantes selon les régions du monde, pour arriver en France à un système d'écriture basé sur l'alphabet latin (alphabet vient de Alpha et Beta, les deux premières lettres de l'alphabet Grec) dont les signes (les lettres) représentent les phonèmes de notre langue, c'est à dire ses sons. En 2006, Françoise Briquel-Chatonnet a proposé la chronologie suivante pour les écritures alphabétiques : Anatomie de la lettre La typographie utilise beaucoup de termes qui permettent de décrire avec une grande précision la partie de la lettre dont on parle. Mesure de la lettre (taille du corps) Le jargon Familles de caractères

Typographie : Anatomie de la lettre | Blog Lignes et Formations Le caractère typographique est une forme dessinée, construite. Comme nous, il a un squelette. Le vocabulaire qui décrit les différentes parties de la lettre renvoie parfois au corps humain ! Eh oui, les lettres ont un corps avec une taille, un œil, une silhouette. La taille du corps représente la taille du caractère et s’exprime en points. Certaines lettres ont des jambages, en référence étymologique à la jambe, comme le p, f, g, q, b… Une ascendante (ou hampe, montante) est la partie supérieure d’une lettre bas-de-casse qui s’élève au-dessus de l’œil, de la ligne médiane. La hauteur des minuscules ou «hauteur d’œil», comme son nom l’indique, est la hauteur des bas de casse sans ascendantes ni descendantes, comme x, a, c, e, m, n, o, r, etc. L’œil (pluriel : œils) est la partie supérieure du caractère en relief, qui reçoit l’encre. La panse ou rondeur pourrait renvoyer à l’expression « se remplir la panse ». En rouge : contreforme ou contrepoinçon 2 exemples pour visualiser l’empattement :

Blog | Reddoor Creative A Lovely and simple definition... more Finally some images of our humble work space. It's always hardest to create and document your own brand, but we're finally getting around to sharing these... more Here’s a little hand-debossing the Reddoor logo on a mini-poster that says thank you to those that have been a part of Reddoor’s first seven years. At Dual Graphics on a press check the Richard MacDonald exhibition catalogue. Working with Omatik, who is based in Orange County, we designed a student services portal for Loma Linda University. To say that the art of Richard MacDonald is powerful is a bit of understatement. All colors express different emotions. The Problem: Develop a brand from the ground up for a real estate team that needed to compete in the luxury market of a down economy. Redesign and rename the Hallmark Lighting brand to take the fledgling company to the next level. more

Related: