background preloader

Type Connection

Type Connection
Related:  Ressources graphisme

TypeOff. The 8 biggest typography mistakes designers make | Typography The art of typography at first looks really straightforward: choose a typeface, fiddle with the size and perhaps alter the colour. The truth is that there's so much more to effective typesetting than that. Typography is an almost invisible art form; if successful, the care and attention put into setting type on a page will melt away effortlessly, leaving the content front and foremost in the eye of the reader. As a discipline it's really an act of facilitation - that is to say that it exists to help make the words and meaning the focus, providing a platform for it to shine through. In other words, typography has to achieve a lot without all the bells, whistles and applause. 01. Leading is the space between two lines of type, and is named after the strips of lead used in original metal type press to ensure an adequate gap between the lines. Put simply, too little line-spacing makes the copy feel bunched up and hard to read. 02. 03. 04. 05. 06. 07. 08. Words: Sam Hampton-Smith

The 69 Rules of Punctuation: All the ways to use each of the punctuation marks The title is a bit a misleading. Sadly, there are more than sixty-nine “rules” of punctuation. When it comes to punctuation rules, there are probably countless guidelines about how NOT to use them. This chart separates each of the 14 major punctuation marks (asterisks are excluded from this list) and identifies most all of the ways you could possibly use each punctuation mark. Take the time to learn these sixty-nine rules and you’ll be on your way to being punctuation error free! To purchase a 20×30 poster, please visit the online store. Help spread visual literacy.

16 Web & Graphic Design Trends To Watch In 2016 — Visual Stories 16 Web & Graphic Design Trends To Watch In 2016 As a web & graphic design agency with an accent in visual storytelling, my team and I need to pay close attention to the everchanging trends of design, on and offline. These are what I believe will be the 16 most prominent trends of graphic design in 2016. Why is this important to you, even if you’re not a designer? 1. In 2016, design will be all about the user. No one will care about how cool your design looks, if it’s not usable. Engaging your users really comes at the front in 2016. Google’s algorithmic changes, customer behavior data… They all point in the same direction, and that is “your website needs to load fast and be easy to use”. Page Load Speed is a great issue with ecommerce sites. 2. We all know a responsive site is not optional anymore. Usability is very important in all platforms. In 2016, all your graphic design and artwork will have to adhere to the rules of responsive. Image credit: Webdesigner Depot 3. 4. 5. 6. 7. 8. 9.

Typography Tutorials Archive Tutorial: Photorealistic Perspective Sometimes, flat just doesn’t cut it, and we need to find other, more attractive ways to present designs to our customers. One technique I’ve been using recently works remarkably well for text, logos and other vector artwork. Read more Tutorial: The Worn/Weathered/Stamped Look There are quite a few quality stamped or distressed fonts available — Frankie and Frankie Dos, Roadkill, Battery Park, Hawksmoor, Chase, Coldharbour, Despatxada, FF Stamp Gothic, FF Confidential, FF Bull, Elephantmen to name but a few.

A Crash Course in Typography: The Basics of Type - Noupe Design Blog Mar 28 2011 Typography could be considered the most important part of any design. It’s definitely among the most important elements of any design project. And yet it’s often the part of a design that’s left for last, or barely considered at all. Designers are often intimidated by typography, which can result in bland typographical design or a designer always using one or two “reliable” typefaces in their designs. This series aims to change that. In this part, we’ll talk about the basics of typographic theory, including the different kinds of typefaces (and how typefaces and fonts differ), as well as the basic anatomy of a typeface. Typefaces vs. A lot of people use the terms “typeface” and “font” interchangeably. A typeface is a set of typographical symbols and characters. When most of us talk about “fonts”, we’re really talking about typefaces, or type families (which are groups of typefaces with related designs). Classifying Type Serif Sans-Serif Script Display Proportional vs. Mood (ik)

Human Nature | Grafik What was the original brief and did it change at all? From the outset it was clear that the graphics had to play a pivotal role in helping visitors understand the structure of the show, and give this rich but disparate display visual coherence. Colour and graphics were the primary method of tying these various elements together. Reflecting the human condition of the title, a full alphabet of human height bespoke letters was painted on both of the gallery’s longest walls. The strongly coloured letters, alongside the matching colours of the object label texts, act as a coding system with the nearby painted plinths. All information texts, captions and labels hang from pegs on the wall and are repeated on the plinths while the intimate nature of the show is reinforced in two actual size photographs that speak to each other across the gallery space.

GivingTuesday - 14 Android & iPhone Apps to Achieve Design Nirvana Without imagination, we’d still be living in a cave with that lingering feeling that we are missing out on something phenomenally life-altering. But where will be this gnawing sense to explore things? To draw? We’ve come a long way since then, expanding our thinking, consciousness and creative spark to untold levels. Since we have come to rely on our digital software tools (aka apps) to create stuff, it’s a good idea to list down some of the most important ones that designers employ in their day-to-day projects. 7 iOS Apps to ignite your Creative Edge The Apple iOS platform is home to those who love design and technology and are in the business of creating things that make people marvel. 1. This app deserves a place if you love yourself some picture quotes. 2. If you think that your iPhone is capable of producing the next mind-blowing feature flim or a mobile journalism news item, then you owe it to yourself to use Filmic Pro. 3. You got a picture taken by your iPhone Camera. 4. 5. 6.

Typographie : quelques outils en ligne à découvrir… Bonjour, vous allez bien ? Toujours un article des vacances, je vous ai préparé cette liste -non exhaustive- d’outils pour la typographie sur le web, et de quoi découvrir, essayer, tester de nouvelles choses pendant l’été. Je vous ai donc répertorié quelques outils pour intégrer vos typos sur une page web, des outils en ligne pour tester et concevoir des compositions typographiques intéressantes, et d’autres petites choses… Intégrer vos typographies sur vos sites web @Fontface est la solution la plus développée aujourd’hui, pour cela, il suffit de mettre dans sa feuille css, le nom de sa typographie dans la balise @fontface et d’héberger sa typographie au bon endroit. Des services comme Google Webfonts ou encore Fontsquirrel hébergent pour vous les typos et vous permettent d’intégrer facilement ces typographies. Mais il existe d’autres outils comme : Webfonts : Un très très grand catalogue de polices, un peu comme Typekit Facelift : même principe que sIFR, intéressant à découvrir

7 Free Typography Ebooks We would all agree that content is the most important aspect of any website. And in most cases content is made up of type. So, as a web designer, it makes sense to have a strong understanding of typography. With that in mind, we rounded up some free ebooks that should help you strengthen your typography skills. Meet Your Type Meet Your Type, by the FontShop, will help you overcome common obstacles, and keep your heart thumping for your one true love: typography. Better Font Stacks A comprehensive comparison of various font stacks. The Typographer’s Glossary The Typographer’s Glossary, by the FontShop, is a glossary of typography related terms. The Elements of Typographic Style Applied to the Web In order to allay some of the myths surrounding typography on the web, this ebook is structured to step through the principles found in Robert Bringhurst’s The Elements of Typographic Style, explaining how to accomplish each using techniques available in HTML and CSS. Type Classification About the Author

A 7-Step Typography Lesson for First-time eLearning Developers Despite the utility of multimedia in eLearning, images and even videos can only go so far: the core source of information remains text. Accordingly, a basic knowledge of typography is a must for any eLearning designer. Good typography enhances readability, encourages information processing, creates a visual hierarchy, and even engages readers' emotions. Here is a 7-step guide to making your course more effective—with typography in mind. For eLearning screens, sans-serif fonts are almost always the best bet, as they are the most easily legible. 3. The standard size for e-text reading is 12-pt font; certainly, for eLearning never go below 10. Whichever base size you choose, relative font size can be used to create natural hierarchy and structure. Note: Dominant headlines, especially when placed in the upper left corner, typically draw the eyes first. 4. The number of fonts you use is an important consideration too. 5. 6. White space is key in organizing your screen and maintaining flow.