{"id":45631,"date":"2016-08-08T05:00:26","date_gmt":"2016-08-08T12:00:26","guid":{"rendered":"https:\/\/www.creativecircle.com\/?p=45631"},"modified":"2016-08-08T05:00:26","modified_gmt":"2016-08-08T12:00:26","slug":"perfect-line-lengths","status":"publish","type":"post","link":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/","title":{"rendered":"Perfect Line Lengths By The Numbers"},"content":{"rendered":"

No matter if you’re designing a book, a brochure, a web page or even your resume, line lengths can make or break the readability of your page.<\/p>\n

It\u2019s really all about the harmonious relationship, or proportion from one element to another that makes design beautiful. And the proportion between page, measure and type size is super important in creating perfect line lengths that create comfortable reading copy.<\/p>\n

Proportion is a central principle to architectural theory<\/a> and the connection between mathematics and art. Well-designed buildings have space, symmetry and proportion that you can experience and feel as you walk through the space. This physicality of proportion ignites the senses while walking through the space.<\/p>\n

With hierarchy and proportion in graphic design, readers take cues from the designer on what to read when, in what order, with what speed, in what tone and so on. Think of the designer as the tour guide through \u2018spaces\u2019 of content.<\/p>\n

Now you might not like numbers or math, but this is not mind-bending rocket science. It’s just a few steps to begin with to help make your page look better. Think about it like this: A triple play in baseball is a rare act, but can be done if the mindset of all the players involved are in sync. Let’s take it play-by-play.<\/p>\n

First Play: From the Format to the Grid<\/h3>\n

Creating proportion in design starts with the format or page size, which determines the grid. For a large format, like a newspaper, you can have 5 or 6 columns and accommodate a lot of content. On a small format, like a medical pamphlet, you might be dealing with a single column.<\/p>\n

\"Our
\nThe page size is like the outer walls of a house which determines the structure of the rooms on the inside. The page size will narrow down your grid choices, as will the type of content.<\/p>\n

Second Play: From the Grid to the Measure<\/h3>\n

The Measure is the name given to the width of a body of type, or column. Let\u2019s use the example of an 8″ x 10″ book. It\u2019s small, needs to be easily read, and set for flowing body copy, so I’ll assume it needs a double-column grid. Let’s test that.<\/p>\n

The page size is 8″ x 10″, with 8 inches being the horizontal size. Subtracting a margin of 1\/2 inch on both sides, and we end up with a body copy area of only 7 inches wide. Seven inches converts to 42 picas (6 picas per inch) across. You know this because you have that Conversion Chart in your hand.<\/p>\n

Third Play: From the Measure to Type Size<\/h3>\n

If we lay in 9 points body copy, we end up at 138 characters per line. Too long. So, to calculate the type size based on the size of the 42 pica measure, we\u2019ll split that value in half to start. The measure, on average is 1.5 to 2 times the type size. That means if we stay with our single column, our type size is going to be between 21 to 28 points. Whoa, that’s too big for body copy.<\/p>\n

\"138

138 characters across per line, as indicated by the Info palette, is too difficult to read.<\/p><\/div>\n

If we divide the measure into two columns, each column will only be 21 picas, or less with alleys, let\u2019s say 19 picas. If so, we can set our type size between at 9.5 and 12.5, depending on the typeface. Use your info palette in InDesign to check the character count, and aim between 50 and 70 characters. A trained eye will make the final call on the correct size and weight for the page.<\/p>\n

\"66

66 characters across per line, that’s in the sweet spot.<\/p><\/div>\n

If you prefer to see it in action, you can view some of basics of line length calculation process in this video<\/a>.<\/p>\n

This formula saves a lot of time in guesswork, right? It has saved me tons of time. Just knowing the size of the book, report or page has allowed me to be able to estimate print prices on the spot for clients. Based on the format size, I know how many words will copyfit onto the page, and how many pages are needed and figure out a rough production budget for printing.<\/p>\n

The format helps us decide on the grid and dictates the measure size. The measure size helps determine the body copy size. They all work together to score a home run for your design career.<\/p>\n

We didn\u2019t even address leading, margins, hierarchy, etc. But it\u2019s okay, because now calculating line lengths and creating proportion on the page is now in your strike zone.<\/p>\n

Did you try this formula out? Let me know on Twitter at @TypeEd<\/a>. If you’d like to learn more, visit our blog at type-ed.com<\/a>.<\/p>\n

\n

Michael Stinson is a co-founder and instructor at TypeEd<\/a>, where he helps designers implement better typography, efficiently. Get more typography in your inbox when you sign up<\/a> for more updates about TypeEd.<\/p>\n","protected":false},"excerpt":{"rendered":"

Why a typographic triple play will do wonders for your page layout<\/p>\n","protected":false},"author":3,"featured_media":45636,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[88],"tags":[69,70],"class_list":["post-45631","post","type-post","status-publish","format-standard","hentry","category-creative-insights","tag-typeed","tag-typography-tidbits"],"acf":[],"yoast_head":"\nPerfect Line Lengths By The Numbers | Creative Circle<\/title>\n<meta name=\"description\" content=\"Monthly Typography Tidbits help to feed your typographic hunger and nourish your design output.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perfect Line Lengths By The Numbers\" \/>\n<meta property=\"og:description\" content=\"Monthly Typography Tidbits help to feed your typographic hunger and nourish your design output.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/\" \/>\n<meta property=\"og:site_name\" content=\"Creative Circle\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CreativeCircleStaffing\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-08T12:00:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1950\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"creativecircle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Creative_Circle\" \/>\n<meta name=\"twitter:site\" content=\"@Creative_Circle\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"creativecircle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/\",\"url\":\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/\",\"name\":\"Perfect Line Lengths By The Numbers | Creative Circle\",\"isPartOf\":{\"@id\":\"https:\/\/www.creativecircle.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif\",\"datePublished\":\"2016-08-08T12:00:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.creativecircle.com\/#\/schema\/person\/c341c21f6106a12b4641044c8f5d1d61\"},\"description\":\"Monthly Typography Tidbits help to feed your typographic hunger and nourish your design output.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/#primaryimage\",\"url\":\"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif\",\"contentUrl\":\"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif\",\"width\":1950,\"height\":420},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.creativecircle.com\/#website\",\"url\":\"https:\/\/www.creativecircle.com\/\",\"name\":\"Creative Circle\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.creativecircle.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.creativecircle.com\/#\/schema\/person\/c341c21f6106a12b4641044c8f5d1d61\",\"name\":\"creativecircle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.creativecircle.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8994a5820341cccdeaeabb1c57c1a9be3083f5eb35e0d9f7016bd6a71eec4af0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8994a5820341cccdeaeabb1c57c1a9be3083f5eb35e0d9f7016bd6a71eec4af0?s=96&d=mm&r=g\",\"caption\":\"creativecircle\"},\"url\":\"https:\/\/www.creativecircle.com\/blog\/author\/creativecircle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Perfect Line Lengths By The Numbers | Creative Circle","description":"Monthly Typography Tidbits help to feed your typographic hunger and nourish your design output.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Perfect Line Lengths By The Numbers","og_description":"Monthly Typography Tidbits help to feed your typographic hunger and nourish your design output.","og_url":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/","og_site_name":"Creative Circle","article_publisher":"https:\/\/www.facebook.com\/CreativeCircleStaffing","article_published_time":"2016-08-08T12:00:26+00:00","og_image":[{"width":1950,"height":420,"url":"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif","type":"image\/gif"}],"author":"creativecircle","twitter_card":"summary_large_image","twitter_creator":"@Creative_Circle","twitter_site":"@Creative_Circle","twitter_misc":{"Written by":"creativecircle","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/","url":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/","name":"Perfect Line Lengths By The Numbers | Creative Circle","isPartOf":{"@id":"https:\/\/www.creativecircle.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/#primaryimage"},"image":{"@id":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/#primaryimage"},"thumbnailUrl":"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif","datePublished":"2016-08-08T12:00:26+00:00","author":{"@id":"https:\/\/www.creativecircle.com\/#\/schema\/person\/c341c21f6106a12b4641044c8f5d1d61"},"description":"Monthly Typography Tidbits help to feed your typographic hunger and nourish your design output.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.creativecircle.com\/blog\/perfect-line-lengths\/#primaryimage","url":"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif","contentUrl":"https:\/\/www.creativecircle.com\/wp-content\/uploads\/2016\/08\/Our-Notebook-Typography-Tidbits-grid-types-1.gif","width":1950,"height":420},{"@type":"WebSite","@id":"https:\/\/www.creativecircle.com\/#website","url":"https:\/\/www.creativecircle.com\/","name":"Creative Circle","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.creativecircle.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.creativecircle.com\/#\/schema\/person\/c341c21f6106a12b4641044c8f5d1d61","name":"creativecircle","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.creativecircle.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8994a5820341cccdeaeabb1c57c1a9be3083f5eb35e0d9f7016bd6a71eec4af0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8994a5820341cccdeaeabb1c57c1a9be3083f5eb35e0d9f7016bd6a71eec4af0?s=96&d=mm&r=g","caption":"creativecircle"},"url":"https:\/\/www.creativecircle.com\/blog\/author\/creativecircle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/posts\/45631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/comments?post=45631"}],"version-history":[{"count":0,"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/posts\/45631\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/media\/45636"}],"wp:attachment":[{"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/media?parent=45631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/categories?post=45631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativecircle.com\/wp-json\/wp\/v2\/tags?post=45631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}