background preloader

47 Top Typography Tools and Resources

47 Top Typography Tools and Resources
Typography is the foundation of design on the web. Back in 2006, designer and founder of iA Oliver Reichenstein even went so far as to proclaim "web design is 95% typography." It's imperative, then, to have a thorough, grounded education in optimizing and utilizing typography to create a balanced, harmonious, accessible hierarchy of content, when working on the web. To help you improve and learn more about typography, we have compiled 25 useful tools and resources, from fundamentals to modular scales. Have we left out your favorite typography tool or resource? 1. Founded in 2008, Typekit offers a library of fonts, from old classics to new favorites, which can be used on the web. The browsing interface is well organized. 2. Recently acquired by Monotype, Typecast provides a platform to quickly style type in the browser and check for readability, rendering and beauty as you work. 3. Typetester was launched back in 2005, and is still a useful tool today. 4. 5. 7. 8. 9. 10. 11. 12. 13. 14. Related:  Fonts

About David Margolis - The Slide Guru Hi, I’m David Margolis, the creator of Slide Guru. I’m glad you found your way to my website. As a Presentation Specialist, I’ve spent the last 10 years designing high-level presentations, delivering executive keynotes, developing corporate pitches, creating brand guidelines and innovating presentation systems across a wide variety of industries that include Advertising, Sport, Finance and Telecoms. Over my career I’ve designed over 50,000 slides. On this website you will find an extensive slide gallery, featuring over 1,000 professionally designed slides that I’ve extracted or adapted from my slide portfolio. My new goal is to share the best of my portfolio with you. [/slider_custom]

The FontFeed | Fonts, Typography, Lettering, Design 29 Content Marketing Secrets - Free eBook The world of content marketing is full of mystery and intrigue with companies leveraging every possible resource to achieve a competitive advantage. In the fast changing world of digital marketing, no resource is more valued than the coveted “Content Marketing Secret Agent”. These covert content operatives perform their customer segmentation, persona development and editorial planning in the dead of night while most marketers are asleep, snug in their beds. While the average content marketer dreams of page views and search engine rankings, Content Marketing Secret Agents are mapping the customer journey, crafting meaningful messages that pull prospects from awareness to measurable conversions. Few have been able to crack the code of this elite group but if anyone could, it’s the content marketing smarties at TopRank Online Marketing. Click image to download e-book Yes, that’s right. OK, maybe not Austin Powers, but you get the idea. The Secret Agents:

Compose to a Vertical Rhythm “Space in typography is like time in music. It is infinitely divisible, but a few proportional intervals can be much more useful than a limitless choice of arbitrary quantities.” So says the typographer Robert Bringhurst, and just as regular use of time provides rhythm in music, so regular use of space provides rhythm in typography, and without rhythm the listener, or the reader, becomes disorientated and lost. On the Web, vertical rhythm – the spacing and arrangement of text as the reader descends the page – is contributed to by three factors: font size, line height and margin or padding. The basic unit of vertical space is line height. Establishing a suitable line height The easiest place to begin determining a basic line height unit is with the font size of the body copy. There are many ways to size text in CSS and the above approach provides and accessible method of achieving the pixel-precision solid typography requires. Spacing between paragraphs Variations in text size Headings

21 Ways To Get Visual Ideas Sharebar When you’re stuck, in a rut or brain drained, it’s hard to be creative on demand. Here are some resources that may give you ideas and strategies for approaches to visual design. You may find inspiration for designing an entire course, a title screen, a job aid or a way to make an abstract concept concrete. 1. Look through the portfolios of designers and artists at these sites, which serve as platforms to showcase creative work and collections. 2. Browse online and print magazines to observe the layout, typography and ideas used in advertisements. 3. 4. 5. Certain audiences and content lend themselves to a retro or vintage look. 6. Real infographics (not infoposters) could be used more frequently to facilitate learning. 7. Even if you don’t plan on creating motion graphics, animations can show effective ways to visualize concepts. 8. 9. Search stock photo sites and image galleries for concepts that have you stumped. 10. There’s so much to learn about type. 11. 12. 13. 14. 15. 16.

Thinking with Type | Home Self-Publishing: Carnival of the Indies Issue #22 Welcome to this issue of the Carnival of the Indies blog carnival. This issue is for July, 2012. We welcome your submissions on topics related to writing, self-publishing, book design or marketing books. A collection of outstanding articles recently posted to blogs, your reading here will be richly rewarded. See the end of this post for links to submit your blog posts for the next carnival, or for participating Bloggers and Featured Bloggers to grab your sidebar badges. Thanks to everyone who participated. Featured Posts Jaye Manus presents Source Files Update posted at Jw Manus, saying, “One of the problems for writers today is that the tools we use–namely word processors–are superb for producing printed documents, but frustrating, maddening and over-powered when creating electronic files. Linda Gillard presents Independent Authors and Visibility posted at The Alliance of Independent Authors Advice Blog. Toni @ Duolit presents How Much Does Self-Publishing Cost? Book Design and Production

Modular Scale Illusions in Data Visualization Data visualizations are effective ways for inputting information into a human’s brain, and as Visual Analytics Researcher at Tableau Software and advisor Robert Kosara says, visualizations are what makes our world real. But even when the people who created the visualization are being honest, we can’t always trust what our eyes are showing us. We’ve evolved our visual perceptual system over millions of years (some other animals see optical illusions too) and it is extremely effective at what it does, but it still has some quirks. Sometimes it takes shortcuts to make things efficient, and those shortcuts are exposed in optical illusions. In a data visualization context, illusions are dangerous because they can make us see things that aren’t really there in the data. Good practice helps us to avoid these optical illusions, but occasionally they can still sneak in through design choices, or just quirks in the way data lines up. Physiological Cognitive

I Love Typography I Love Typography — Self-publishing writers should aspire to writing well, not fast By Chris Meadows The “Writer Beware” blog usually warns of scams and fly-by-night publishers trying to take advantage of inexperienced writers, but a guest post from writer and writing instructor Marcia Yudkin warns of something else—inexperienced writers apparently trying to take advantage of readers. I’m reminded of the aphorism, “Fast, cheap, good: pick any two”—because Yudkin is talking about writers who write fast, and self-publish for cheap, but may not actually be any good. Yudkin talks about communities she’s encountered where writers, enamored of the way they could make money right away by listing cheap e-books on Amazon, share tips on how to write as fast as possible, review each other’s work, and so on. But in all the talk about becoming a faster writer, there doesn’t seem to be much about becoming a better writer. The idea seems to be to turn it out as fast as possible so you can sell as many as possible. I still think it’s a surmountable problem, however.

The Art Of Timelines For Learning Sharebar Click for large version on Wikipedia Now that infographics have entered our consciousness, we no longer need to think of timelines as events placed on a generic horizontal arrow. I recently wrote an article about the visual language of timelines, which got me thinking about how we can use them effectively in adult learning. Why use timelines? Timelines provide structure. Timelines enable chunking. Timelines are a good source for interactions. What topics work with timelines? Here are a few possible categories of topics that can work in a timeline format. Evolution of a company productChanges in relevant regulationsProgression of industry eventsExplaining a linear process or procedureHistory of a company or organizationEvents in the life of an influential personSocial changes and trends over timeGrowth or history of technologies in an industryTelling any kind of story in sequenceHistory of a relevant city, town or region What are some examples of timelines? So glad you asked. PX to EM conversion made simple.