{"id":1956,"date":"2013-06-23T17:21:00","date_gmt":"2013-06-23T17:21:00","guid":{"rendered":"http:\/\/rf.podcastfixit.com\/index.php\/2013\/06\/23\/design-via-style-guide\/"},"modified":"2015-06-01T19:41:47","modified_gmt":"2015-06-01T19:41:47","slug":"design-via-style-guide","status":"publish","type":"post","link":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/","title":{"rendered":"Design via style guide"},"content":{"rendered":"<p><b>By Tracey Arial<\/b><br \/><a href=\"http:\/\/traceyarial.com\/blog\/design-via-style-guide\/\">www.arialview.ca<\/a><\/p>\n<p>By following instructions in style guides, writers can give readers consistent visual clues to the place, values and identity of works.<\/p>\n<p>I recently saw T. J.  Tucker, the art director of <i>Texas Monthly<\/i> magazine speak during two different sessions at MagNet in Toronto. Tucker explained how the award-winning redesign at his magazine began with a bigger idea.<\/p>\n<blockquote class=\"tr_bq\"><p>\n\u201cWe\u2019re all inundated with bad stuff, so I like to remind people about better times,\u201d he told us. \u201cI like to strip things down. Mythic iconic stuff does really good for us.\u201d<\/p><\/blockquote>\n<p>But how do you express a mythic stripped-down positive vibe in visual terms? That\u2019s Tucker\u2019s genius. While he was speaking, I realized that he does the same thing with visual markers that I work hard to do with text.<\/p>\n<p>As members of Canada\u2019s magazine publishing industry, Tucker, I, and likely everyone else in the audience share a strong respect for consistency and structure as crucial values. As Tucker spoke about the need for a cohesive visual identity to provide readers with consistent visual clues to the place, values and identity of my work, I thought about their need for a consistent textual identity too. It was fascinating thinking about the different ways that visual and literary people approach the same end goals.<\/p>\n<p>I\u2019d never even heard of <i>Texas Monthly <\/i>prior to the conference, but after hearing Tucker describing his attempts to visually emphasize the content of a magazine he clearly loves, I\u2019m now a big fan. Check it out for yourself at:&nbsp;<a href=\"http:\/\/www.texasmonthly.com\/\">http:\/\/www.texasmonthly.com\/<\/a><\/p>\n<div>\n<br \/>\n<b>Structural Design Values<\/b><\/p>\n<p>Readers who question format or style as they read won\u2019t be able to fall into the story itself. Material that\u2019s well-organized and obviously geared to its intended purpose gets used over and over again. Good guide books compel people forward on a journey; novels carry them into compelling stories about imaginary circumstances; non-fiction works provide them with information in whatever form it can be best-used, depending on whether the goal is sharing of information, practical instruction or story-telling.<\/p>\n<p>A respect for a strong structural design is so pervasive in the world of writers, it shows up somewhere in all the best design guides.<\/p>\n<p>It takes a starring role as the first \u201celementary principle of composition\u201d in the  best of these. Originally self-published by William Strunk Jr. to be later revised by E. B. White and published in 1959, 1972 and 1979, <i>The Elements of Style<\/i> is short. With a total length of only 92-pages including index, every comment is concise, including the one about design. It says:<\/p>\n<blockquote class=\"tr_bq\"><p>\nWriting, to be effective, must follow closely the thoughts of the writer, but not necessarily in the order in which those thoughts occur. This calls for a scheme of procedure. In some cases the best design is no design, as with a love letter, which is simply an outpouring, or with a casual essay, which is a ramble. But in most cases planning must be a deliberate prelude to writing. The first principle of composition, therefore, is to foresee or determine the shape of what is to come and pursue that shape.<\/p><\/blockquote>\n<p>Check out the online version of <i><a href=\"http:\/\/www.bartleby.com\/141\/\">The Elements of Style<\/a><\/i> for yourself.<\/p>\n<p>Tucker reflected similar ideas about the importance of consistency and planning in the visual world too.<\/p><\/div>\n<div>\n<br \/>\n<b>Thoughts on Logos<\/b><\/p>\n<p>To Tucker, the visual appearance of the words <i>Texas Magazine<\/i> were the first place to provide readers with a hint that things were changing. To preserve <i>Texas Magazine\u2019s <\/i>heritage while moving forward, Tucker and his team began with a logo from the magazine\u2019s beginnings in 1979. They then modernized it to reflect cleaner lines with extra decorative touches. If you look at the magazine, notice the large circles at the bottom of the&nbsp;&#8216;a&#8217; and &#8216;y&#8217; in the logo. Tucker told us that insiders like to joke that he gave the logo back its balls.<\/div>\n<div>\n<br \/>\nThis part of his talk reminded me of my efforts to come up with <i>Arial View<\/i> as a title for my blog. I didn\u2019t think much about the look of the title, except that I wanted it to stand out from everything else.<\/p>\n<p>For me, it was the sense of the words that counted. I wanted something short and catchy that would clearly show readers they\u2019re reading my opinion about how the world works, but I also wanted to indicate that I\u2019d be exploring things from a wider perspective. Given that I\u2019m afraid of heights, it also reflects my greatest fears. Looking at it now, I\u2019m wondering if I shouldn\u2019t change the look of my logo to match its sense.<\/p><\/div>\n<div>\n<br \/>\n<b>Heading Decisions<\/b><\/p>\n<p>At <i>Texas Monthly,<\/i> Tucker and his team developed five different fonts to ensure that content looks like the kinds of stories they like to tell. They had the regular body font, the bold body font and three fonts for different kinds of headings.<\/p>\n<p>In my case, using Arial non-serif fonts for headings was straightforward, as was using the serif font Georgia for text.<\/p>\n<p>I questioned whether to capitalize each word, use sentence case or come up with some other standard for headings. After analyzing various works, I decided to use <i>The Chicago Manual of Style\u2019s<\/i> recommendation.I have the 15th Edition hard copy, and its notes on headline style run for a full page but are nicely summarized in the last sentence:<\/p>\n<blockquote class=\"tr_bq\"><p>\nIf you are not sure what grammatical function a word is performing (or even if you are), try reading the title aloud; if you would stress the word, capitalize it; if not, lowercase it.<\/p><\/blockquote>\n<p>For the most part, their standard uses traditional headline style, in which every word is capitalized. That forces me to shorten titles as much as possible, something I don\u2019t do naturally. It also allows me to use small letters for prepositions.<\/p>\n<p>If you\u2019re curious, <i>The Chicago Manual of Style<\/i> has a <a href=\"http:\/\/www.chicagomanualofstyle.org\/home.html\">great online guide<\/a>.<\/div>\n<div>\n<br \/>\n<b>Creating Themes to Attract Followers<\/b><\/p>\n<p>Tucker also talked about revising typical article templates so that they were cleaner and more obviously reflected the personality of his state to show through. They also assigned people with strong personalities to do iconic artwork for regular columns. My favourite is the red and white speech bubbles with a star in the middle for Paul Burka\u2019s blog about politics. The Texas State with a bite out of it visual that accompanies Patricia Sharpe\u2019s <i>Eat My Words<\/i>&nbsp;stories also works well.<\/p>\n<p>This is another concept that applies equally-well to visual and literal people. I wrote about the importance of using themes to carry readers through a story in <a href=\"http:\/\/traceyarial.com\/blog\/why-themes\/\">my<\/a><a href=\"http:\/\/traceyarial.com\/blog\/why-themes\/\">&nbsp;article<\/a>. To reflect a theme visually in a textual sense, you\u2019d also have to vary the sentences and the paragraphs, and I don\u2019t often think of doing this in this way. I usually listen to the words as though they\u2019re poetry or music without thinking about the picture.<\/p>\n<p>As a literary person, I focus on words, but publishing this blog forced me to begin considering visual clues too. Thanks to Tuckers\u2019 presentation, I see that our values are much the same, even if the way we get there differs.<\/p><\/div>\n<p>  (function(i,s,o,g,r,a,m){i[&#8216;GoogleAnalyticsObject&#8217;]=r;i[r]=i[r]||function(){<br \/>\n  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),<br \/>\n  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)<br \/>\n  })(window,document,&#8217;script&#8217;,&#8217;\/\/www.google-analytics.com\/analytics.js&#8217;,&#8217;ga&#8217;);<\/p>\n<p>  ga(&#8216;create&#8217;, &#8216;UA-45892555-1&#8217;, &#8216;robertfrankmedia.blogspot.com&#8217;);<br \/>\n  ga(&#8216;send&#8217;, &#8216;pageview&#8217;);<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By Tracey Arialwww.arialview.ca By following instructions in style guides, writers can give readers consistent visual clues to the place, values and identity of works. I recently saw T. J. Tucker, the art director of Texas Monthly magazine speak during two different sessions at MagNet in Toronto. Tucker explained how the award-winning redesign at his magazine<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1956","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design via style guide - Newscoverage<\/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:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design via style guide - Newscoverage\" \/>\n<meta property=\"og:description\" content=\"By Tracey Arialwww.arialview.ca By following instructions in style guides, writers can give readers consistent visual clues to the place, values and identity of works. I recently saw T. J. Tucker, the art director of Texas Monthly magazine speak during two different sessions at MagNet in Toronto. Tucker explained how the award-winning redesign at his magazine\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Newscoverage\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/robert.frank.90834\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-23T17:21:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-06-01T19:41:47+00:00\" \/>\n<meta name=\"author\" content=\"editor robert\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"editor robert\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/\"},\"author\":{\"name\":\"editor robert\",\"@id\":\"https:\\\/\\\/newscoverage.org\\\/#\\\/schema\\\/person\\\/fc82a2a747f4a72f7a4833658ab077a3\"},\"headline\":\"Design via style guide\",\"datePublished\":\"2013-06-23T17:21:00+00:00\",\"dateModified\":\"2015-06-01T19:41:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/\"},\"wordCount\":1280,\"commentCount\":0,\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/\",\"url\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/\",\"name\":\"Design via style guide - Newscoverage\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/newscoverage.org\\\/#website\"},\"datePublished\":\"2013-06-23T17:21:00+00:00\",\"dateModified\":\"2015-06-01T19:41:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/newscoverage.org\\\/#\\\/schema\\\/person\\\/fc82a2a747f4a72f7a4833658ab077a3\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/2013\\\/06\\\/23\\\/design-via-style-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/newscoverage.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design via style guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/newscoverage.org\\\/#website\",\"url\":\"https:\\\/\\\/newscoverage.org\\\/\",\"name\":\"Newscoverage\",\"description\":\"newscoverage.org\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/newscoverage.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/newscoverage.org\\\/#\\\/schema\\\/person\\\/fc82a2a747f4a72f7a4833658ab077a3\",\"name\":\"editor robert\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8218f97425a88f0212b8636d21d09c56391445f892db32b08ed4f8e5613c37ac?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8218f97425a88f0212b8636d21d09c56391445f892db32b08ed4f8e5613c37ac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8218f97425a88f0212b8636d21d09c56391445f892db32b08ed4f8e5613c37ac?s=96&d=mm&r=g\",\"caption\":\"editor robert\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/robert.frank.90834\"],\"url\":\"https:\\\/\\\/newscoverage.org\\\/index.php\\\/author\\\/editor-robert\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design via style guide - Newscoverage","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:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/","og_locale":"en_US","og_type":"article","og_title":"Design via style guide - Newscoverage","og_description":"By Tracey Arialwww.arialview.ca By following instructions in style guides, writers can give readers consistent visual clues to the place, values and identity of works. I recently saw T. J. Tucker, the art director of Texas Monthly magazine speak during two different sessions at MagNet in Toronto. Tucker explained how the award-winning redesign at his magazine","og_url":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/","og_site_name":"Newscoverage","article_author":"https:\/\/www.facebook.com\/robert.frank.90834","article_published_time":"2013-06-23T17:21:00+00:00","article_modified_time":"2015-06-01T19:41:47+00:00","author":"editor robert","twitter_card":"summary_large_image","twitter_misc":{"Written by":"editor robert","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/#article","isPartOf":{"@id":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/"},"author":{"name":"editor robert","@id":"https:\/\/newscoverage.org\/#\/schema\/person\/fc82a2a747f4a72f7a4833658ab077a3"},"headline":"Design via style guide","datePublished":"2013-06-23T17:21:00+00:00","dateModified":"2015-06-01T19:41:47+00:00","mainEntityOfPage":{"@id":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/"},"wordCount":1280,"commentCount":0,"inLanguage":"en-CA","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/","url":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/","name":"Design via style guide - Newscoverage","isPartOf":{"@id":"https:\/\/newscoverage.org\/#website"},"datePublished":"2013-06-23T17:21:00+00:00","dateModified":"2015-06-01T19:41:47+00:00","author":{"@id":"https:\/\/newscoverage.org\/#\/schema\/person\/fc82a2a747f4a72f7a4833658ab077a3"},"breadcrumb":{"@id":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/newscoverage.org\/index.php\/2013\/06\/23\/design-via-style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newscoverage.org\/"},{"@type":"ListItem","position":2,"name":"Design via style guide"}]},{"@type":"WebSite","@id":"https:\/\/newscoverage.org\/#website","url":"https:\/\/newscoverage.org\/","name":"Newscoverage","description":"newscoverage.org","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newscoverage.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Person","@id":"https:\/\/newscoverage.org\/#\/schema\/person\/fc82a2a747f4a72f7a4833658ab077a3","name":"editor robert","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/secure.gravatar.com\/avatar\/8218f97425a88f0212b8636d21d09c56391445f892db32b08ed4f8e5613c37ac?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8218f97425a88f0212b8636d21d09c56391445f892db32b08ed4f8e5613c37ac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8218f97425a88f0212b8636d21d09c56391445f892db32b08ed4f8e5613c37ac?s=96&d=mm&r=g","caption":"editor robert"},"sameAs":["https:\/\/www.facebook.com\/robert.frank.90834"],"url":"https:\/\/newscoverage.org\/index.php\/author\/editor-robert\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/posts\/1956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/comments?post=1956"}],"version-history":[{"count":1,"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/posts\/1956\/revisions"}],"predecessor-version":[{"id":4988,"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/posts\/1956\/revisions\/4988"}],"wp:attachment":[{"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/media?parent=1956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/categories?post=1956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newscoverage.org\/index.php\/wp-json\/wp\/v2\/tags?post=1956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}