{"id":6882,"date":"2011-08-05T00:20:25","date_gmt":"2011-08-04T13:20:25","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=6882"},"modified":"2023-06-06T16:02:55","modified_gmt":"2023-06-06T05:02:55","slug":"7-tips-on-the-proper-usage-of-lines","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/","title":{"rendered":"7 Tips on the Proper Usage of Lines"},"content":{"rendered":"
<\/div>

Carrying on from our last post, i.e. Choosing Color to Improve your Diagrams<\/a>, we thought we’d delve into another aspect of Diagramming, which is on how Lines should be used for better readability<\/strong>, aesthetic appeal<\/strong> and clarity<\/strong>. This post is inspired by an excellent presentation <\/strong>done by Enrique Garcia Cota<\/a>, which forms the basic foundation for what you are about to read.\u00a0While some of these tips may be common knowledge, the sad fact is that we’ve seen how even “professional” diagrams have suffered when it comes to readability and clarity. Thus, do pay heed to what we have laid out here as best practices, since this would only help you churn out diagrams that are both professional and effective.<\/p>\n

1. A zero-point Line Width is not good. . .<\/span><\/h3>\n

…simply because you are asking whoever is “reading” your diagram to strain their eyes. Rather, it would make sense to have at least a 1.50-point line width as depicted below.<\/p>\n

\"\"<\/a><\/p>\n

2. Consistency is Something that is. . .<\/h3>\n

…key when it comes to line width. Generally, one other factor that does affect aesthetic appeal is having a diagram with\u00a0different\u00a0line widths. Fine, we are aware that you cannot be too drastic when it comes to enforcing this particular rule. So using your better judgement, it is better to stick to changing the line width of one element instead of all three. See what we mean below.<\/p>\n

\"\"<\/a><\/p>\n

3. The Utilization of the Line Head. . .<\/h3>\n

…needs to be consistent, too. For instance, if you are drawing an UML diagram<\/a>, the line head needs to be relevant since a different line heading would mean that your diagram is wrong. In a general diagram, like the one below, using different line heads would mean it’s inconsistent and also aesthetically unappealing.<\/p>\n

\"\"<\/a><\/p>\n

4. If a Dashed Line is going to be Used. . .<\/h3>\n

…then make sure you pay attention to which dashed line you are using. Once again, while you may be forgiven for using inconsistent dashed lines in some diagrams, doing so in a UML diagram <\/a>would be unforgivable.<\/p>\n

\"\"<\/a><\/p>\n

5. Opt for Connectors, not. . .<\/h3>\n

…straight lines. Diagramming has evolved<\/a> in such a way where you really do need to pay attention to the smaller details, which make the whole diagram more neat and tidy. The example below, makes this argument quite clear.<\/p>\n

\"\"<\/a><\/p>\n

6. To choose Lines or. . .<\/h3>\n

…to choose shapes? If that is your current question, the answer is it depends on the diagram. If you consider this infographic, having shapes is perfectly fine. However, when it comes to flowcharts<\/a>, org charts<\/a> and sitemaps<\/a>, the best choice is to stick to lines along with the appropriate heading.<\/p>\n

\"\"<\/a><\/p>\n

7. Lines with a Coloured border or just Lines? Well,. . .<\/h3>\n

…you be the judge. This point is more to do with aesthetics than\u00a0anything\u00a0else. There really is no problem with having a border around your diagrams, some would think that such a practice lends a sense of substance aesthetically, while others would prefer a more minimalist approach. One work of caution though. If you choose one style for your diagram, make sure you stick to it.<\/p>\n

\"\"<\/a><\/p>\n

All things considered, remember that diagramming is certainly an\u00a0endeavor\u00a0that revolves around both the artistic and scientific. The proper portrayal of information should be conclusively right, it should also be aesthetically appealing as well. For more interesting tips and trends on diagramming, stay tuned to this space. In the meanwhile, do get in touch with us here<\/a>, if you do have any queries.<\/p>\n","protected":false},"excerpt":{"rendered":"

Carrying on from our last post, i.e. Choosing Color to Improve your Diagrams, we thought we’d delve into another aspect of Diagramming, which is on how Lines should be used for better readability, aesthetic appeal and clarity. This post is… Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":28498,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[40,681,686,45],"class_list":["post-6882","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diagrams","tag-collaboration","tag-diagrams","tag-examples","tag-tips"],"yoast_head":"\n7 Tips on the Proper Usage of Lines - Creately Blog<\/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:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Tips on the Proper Usage of Lines - Creately Blog\" \/>\n<meta property=\"og:description\" content=\"Carrying on from our last post, i.e. Choosing Color to Improve your Diagrams, we thought we’d delve into another aspect of Diagramming, which is on how Lines should be used for better readability, aesthetic appeal and clarity. This post is... Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:author\" content=\"http:\/\/facebook.com\/nishadha\" \/>\n<meta property=\"article:published_time\" content=\"2011-08-04T13:20:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-06T05:02:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"288\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nishadha\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nishadha\" \/>\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\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\"},\"author\":{\"name\":\"Nishadha\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/3b0114786fc2afe9bb05acfea873e291\"},\"headline\":\"7 Tips on the Proper Usage of Lines\",\"datePublished\":\"2011-08-04T13:20:25+00:00\",\"dateModified\":\"2023-06-06T05:02:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\"},\"wordCount\":580,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png\",\"keywords\":[\"collaboration\",\"diagrams\",\"examples\",\"tips\"],\"articleSection\":[\"Diagrams\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\",\"url\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\",\"name\":\"7 Tips on the Proper Usage of Lines - Creately Blog\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png\",\"datePublished\":\"2011-08-04T13:20:25+00:00\",\"dateModified\":\"2023-06-06T05:02:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png\",\"width\":512,\"height\":288},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Tips on the Proper Usage of Lines\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/3b0114786fc2afe9bb05acfea873e291\",\"name\":\"Nishadha\",\"description\":\"Software engineer turned tech evangelist. I handle marketing stuff here at Creately including writing blog posts and handling social media accounts. In my spare time, I love to read and travel.\",\"sameAs\":[\"http:\/\/facebook.com\/nishadha\",\"https:\/\/x.com\/rumblinglankan\"],\"url\":\"https:\/\/creately.com\/blog\/author\/nish\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Tips on the Proper Usage of Lines - Creately Blog","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:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/","og_locale":"en_US","og_type":"article","og_title":"7 Tips on the Proper Usage of Lines - Creately Blog","og_description":"Carrying on from our last post, i.e. Choosing Color to Improve your Diagrams, we thought we’d delve into another aspect of Diagramming, which is on how Lines should be used for better readability, aesthetic appeal and clarity. This post is... Read More","og_url":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_author":"http:\/\/facebook.com\/nishadha","article_published_time":"2011-08-04T13:20:25+00:00","article_modified_time":"2023-06-06T05:02:55+00:00","og_image":[{"width":512,"height":288,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png","type":"image\/png"}],"author":"Nishadha","twitter_misc":{"Written by":"Nishadha","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/"},"author":{"name":"Nishadha","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/3b0114786fc2afe9bb05acfea873e291"},"headline":"7 Tips on the Proper Usage of Lines","datePublished":"2011-08-04T13:20:25+00:00","dateModified":"2023-06-06T05:02:55+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/"},"wordCount":580,"commentCount":0,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png","keywords":["collaboration","diagrams","examples","tips"],"articleSection":["Diagrams"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/","url":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/","name":"7 Tips on the Proper Usage of Lines - Creately Blog","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png","datePublished":"2011-08-04T13:20:25+00:00","dateModified":"2023-06-06T05:02:55+00:00","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2011\/08\/7-tips-on-the-proper-usage-of-lines.png","width":512,"height":288},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/diagrams\/7-tips-on-the-proper-usage-of-lines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"7 Tips on the Proper Usage of Lines"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/3b0114786fc2afe9bb05acfea873e291","name":"Nishadha","description":"Software engineer turned tech evangelist. I handle marketing stuff here at Creately including writing blog posts and handling social media accounts. In my spare time, I love to read and travel.","sameAs":["http:\/\/facebook.com\/nishadha","https:\/\/x.com\/rumblinglankan"],"url":"https:\/\/creately.com\/blog\/author\/nish\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/6882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=6882"}],"version-history":[{"count":69,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/6882\/revisions"}],"predecessor-version":[{"id":29917,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/6882\/revisions\/29917"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/28498"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=6882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=6882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=6882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}