{"id":85,"date":"2014-01-17T00:21:30","date_gmt":"2014-01-17T00:21:30","guid":{"rendered":"http:\/\/moorespark.com\/Blog\/?p=85"},"modified":"2014-01-18T00:22:29","modified_gmt":"2014-01-18T00:22:29","slug":"the-typography-series-1-the-basics","status":"publish","type":"post","link":"http:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/","title":{"rendered":"The Typography Series #1: The Basics"},"content":{"rendered":"

Typography is one of graphic design\u2019s most fundamental principles.\u00a0 Some people think that typography is all about just choosing the right font and running with it, and although font choice is important, there is so much more<\/em> to the world of typography.\u00a0 Proper typography can make or break a design by affecting the visual appeal, flow, and most of all the ability to communicate effectively.\u00a0 In this first installment of The Typography Series, I\u2019m going to introduce you to the basic principles of typography.<\/p>\n<\/a>\n

 <\/p>\n

Choosing the Right Font<\/h3>\n
\"Credit<\/a>

Credit tarrytown<\/p><\/div>\n

Font choice is crucial to any design, and there are several factors to consider when making that decision.\u00a0 The decision comes from how you want your design (and specifically the lettering) to be perceived.\u00a0 The choices tend to come down to options like these: traditional or modern, masculine or feminine, playful or serious,\u00a0 loud or quiet, etc.<\/p>\n

There are a vast multitude of font choices out there and nailing down which ones you want to use can be arduous and exhausting process if done properly<\/em>.\u00a0 This might help narrow things down a bit \u2013 all fonts can be put into one of three categories: serif, sans serif, and decorative.\u00a0<\/strong><\/p>\n

Serif is generally perceived as being more traditional and serious, sans serif is generally more modern and playful, and decorative fonts should never be used for bodies of text.\u00a0 You should also avoid using more than 3 different fonts in any design.<\/p>\n

 <\/p>\n

Color and contrast\"Contrast\"<\/a><\/h3>\n

I combined these two because they really tend to mean the same thing. When choosing the colors for your typography, contrast should be your main concern<\/em>. Contrast directly influences readability, and should be taken seriously.<\/p>\n

Proper contrast can be attained through a difference of not just hue (color choice), but value (shade of that color from dark to light) is equally important.\u00a0 One great way to test this is by making the design grayscale. If your words are hard to read when in grayscale, the contrast is not what it should be.<\/p>\n

 <\/p>\n

Size and Weight<\/h3>\n
\"credit<\/a>

credit Lauren Manning<\/p><\/div>\n

The size and weight of your font is another huge factor to consider when working on the typography of a design.\u00a0 Varying the size and weight of the text can draw the viewer\u2019s eye around your design, and help with flow and visual hierarchy.<\/p>\n

Concentrating on flow and visual hierarchy through properly chosen size and weight of the type helps you get your message across effectively<\/em>.\u00a0 This is one of the main factors to consider, because if your message is communicated to the reader out of order, it may say something you did not intend and will not be clearly understood by the viewer.<\/p>\n

 <\/p>\n

Leading<\/h3>\n
\"credit<\/a>

credit FontFont<\/p><\/div>\n

Leading (or Line-Height in designer speak) has to do with the space between lines of type.\u00a0 Generally, this is set at a default of 120% the size of the type, but can be manipulated to really help you get your point across.\u00a0 Changing the leading can help you group pieces of information so that they are viewed together, or they can separate just as easily.<\/p>\n

Once again, there are pitfalls to manipulating the leading of a design \u2013 lines too close can appear squished and lose all effectiveness, lines too far apart won\u2019t be associated with each other and chop up your message.<\/p>\n

 <\/p>\n

Kerning<\/h3>\n
\"credit<\/a>

credit Brett Jordan<\/p><\/div>\n

Kerning is a term that refers to the space in between the individual characters.\u00a0 Most typefaces are set with defaults that are highly inconsistent letter-to-letter, and proper kerning is one of the quickest ways to determine if typography principles have been applied<\/em> or if the information was just typed and published.<\/p>\n

Kerning is an awesome tool that can be used to completely change a design.\u00a0 Proper kerning can make a design perfectly readable so that the information just seems to jump into the viewer\u2019s brain, and improper use of kerning (or no use at all) can achieve the exact opposite.<\/p>\n

 <\/p>\n

See how much more there is to typography than just choosing a font?\u00a0 And these are still just the basics \u2013 the tip of the typographical iceberg, if you will.\u00a0 One thing I must mention in this article is that all rules are meant to be broken. Typography is a fluid, ever-changing subject and it continues to evolve even today.\u00a0 The only way to truly come up with a brilliant typographic design is to know these basics, and from an educated standpoint, choose whether to follow them or not.\u00a0 Typography is an art unto itself.<\/p>\n

What do you think?\u00a0 Do you agree, disagree? Feel free to share with comments below.<\/p>\n

 <\/p>\n

 <\/p>\n

See Also:<\/p>\n

The Typography Series #2: The Good<\/a><\/p>\n

The Typography Series #3: The Bad.<\/a><\/p>\n

The Typography Series #4: The Ugly<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Typography is one of graphic design\u2019s most fundamental principles.\u00a0 Some people think that typography is all about just choosing the right font and running with it, and although font choice is important, there is...<\/p>\n","protected":false},"author":1,"featured_media":87,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"yoast_head":"\nThe Typography Series #1: The Basics - The Spark<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Typography Series #1: The Basics - The Spark\" \/>\n<meta property=\"og:description\" content=\"Typography is one of graphic design\u2019s most fundamental principles.\u00a0 Some people think that typography is all about just choosing the right font and running with it, and although font choice is important, there is...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/\" \/>\n<meta property=\"og:site_name\" content=\"The Spark\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/MooreSparkGD\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-17T00:21:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-01-18T00:22:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matt Lloyd\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Lloyd\" \/>\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:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/\",\"url\":\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/\",\"name\":\"The Typography Series #1: The Basics - The Spark\",\"isPartOf\":{\"@id\":\"https:\/\/moorespark.com\/Blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg\",\"datePublished\":\"2014-01-17T00:21:30+00:00\",\"dateModified\":\"2014-01-18T00:22:29+00:00\",\"author\":{\"@id\":\"https:\/\/moorespark.com\/Blog\/#\/schema\/person\/92309755dfd05733436500802fede712\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/#primaryimage\",\"url\":\"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg\",\"contentUrl\":\"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg\",\"width\":1024,\"height\":768,\"caption\":\"Credit Jeremy Keith\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/moorespark.com\/Blog\/#website\",\"url\":\"https:\/\/moorespark.com\/Blog\/\",\"name\":\"The Spark\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/moorespark.com\/Blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/moorespark.com\/Blog\/#\/schema\/person\/92309755dfd05733436500802fede712\",\"name\":\"Matt Lloyd\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/moorespark.com\/Blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b92e05439dffddad9006e1cd2e577d6a61e7fcde400cccd5d7a80c262df19d64?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b92e05439dffddad9006e1cd2e577d6a61e7fcde400cccd5d7a80c262df19d64?s=96&d=blank&r=g\",\"caption\":\"Matt Lloyd\"},\"description\":\"I am an avid graphic designer with a true love and passion for what I do. Originally from Alaska, I just recently moved to Colorado (love it here) and re-branded my freelance business as MooreSpark Graphic Design. I received my degree in Graphic Design from The Art Institute of Pittsburgh, and have been working as a designer for the past 4 years. I am also an illustrator and artist. I specialize in branding, identity packages, and print design.\",\"sameAs\":[\"http:\/\/www.MooreSpark.com\",\"http:\/\/www.facebook.com\/MooreSparkGD\",\"https:\/\/x.com\/MooreSparkGD\"],\"url\":\"http:\/\/moorespark.com\/Blog\/author\/matt-moore-lloydhotmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Typography Series #1: The Basics - The Spark","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/","og_locale":"en_US","og_type":"article","og_title":"The Typography Series #1: The Basics - The Spark","og_description":"Typography is one of graphic design\u2019s most fundamental principles.\u00a0 Some people think that typography is all about just choosing the right font and running with it, and although font choice is important, there is...","og_url":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/","og_site_name":"The Spark","article_author":"http:\/\/www.facebook.com\/MooreSparkGD","article_published_time":"2014-01-17T00:21:30+00:00","article_modified_time":"2014-01-18T00:22:29+00:00","og_image":[{"width":1024,"height":768,"url":"https:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg","type":"image\/jpeg"}],"author":"Matt Lloyd","twitter_misc":{"Written by":"Matt Lloyd","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/","url":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/","name":"The Typography Series #1: The Basics - The Spark","isPartOf":{"@id":"https:\/\/moorespark.com\/Blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/#primaryimage"},"image":{"@id":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/#primaryimage"},"thumbnailUrl":"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg","datePublished":"2014-01-17T00:21:30+00:00","dateModified":"2014-01-18T00:22:29+00:00","author":{"@id":"https:\/\/moorespark.com\/Blog\/#\/schema\/person\/92309755dfd05733436500802fede712"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/moorespark.com\/Blog\/the-typography-series-1-the-basics\/#primaryimage","url":"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg","contentUrl":"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg","width":1024,"height":768,"caption":"Credit Jeremy Keith"},{"@type":"WebSite","@id":"https:\/\/moorespark.com\/Blog\/#website","url":"https:\/\/moorespark.com\/Blog\/","name":"The Spark","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/moorespark.com\/Blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/moorespark.com\/Blog\/#\/schema\/person\/92309755dfd05733436500802fede712","name":"Matt Lloyd","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/moorespark.com\/Blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b92e05439dffddad9006e1cd2e577d6a61e7fcde400cccd5d7a80c262df19d64?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b92e05439dffddad9006e1cd2e577d6a61e7fcde400cccd5d7a80c262df19d64?s=96&d=blank&r=g","caption":"Matt Lloyd"},"description":"I am an avid graphic designer with a true love and passion for what I do. Originally from Alaska, I just recently moved to Colorado (love it here) and re-branded my freelance business as MooreSpark Graphic Design. I received my degree in Graphic Design from The Art Institute of Pittsburgh, and have been working as a designer for the past 4 years. I am also an illustrator and artist. I specialize in branding, identity packages, and print design.","sameAs":["http:\/\/www.MooreSpark.com","http:\/\/www.facebook.com\/MooreSparkGD","https:\/\/x.com\/MooreSparkGD"],"url":"http:\/\/moorespark.com\/Blog\/author\/matt-moore-lloydhotmail-com\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"http:\/\/moorespark.com\/Blog\/wp-content\/uploads\/2014\/01\/5817844675_2913513428_b.jpg","_links":{"self":[{"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":6,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":159,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/posts\/85\/revisions\/159"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/media\/87"}],"wp:attachment":[{"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/moorespark.com\/Blog\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}