{"id":11920,"date":"2014-11-11T16:54:53","date_gmt":"2014-11-11T05:54:53","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=11920"},"modified":"2024-12-24T22:06:16","modified_gmt":"2024-12-24T11:06:16","slug":"create-awesome-diagrams","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/","title":{"rendered":"4 Easy Ways to Make Your Diagrams Look Awesome"},"content":{"rendered":"
<\/div>

Our users add thousands of diagrams to the community everyday\u00a0and we frequently come across good diagrams that can become great diagrams with some simple tweaks. Do you want to create beautiful diagrams that stands out from the rest? Then keep reading.<\/p>\n

Stick to a color theme<\/h3>\n

Adding colors can make almost any diagram look good. But the really awesome diagrams stick to a color theme. If you’ve used flat colors for few objects and rainbow colors for some more objects chances are it will make your diagram look cluttered and distracting.<\/p>\n

Don’t know the difference between flat colors and rainbow colors? Don’t worry we’ve made it easy for you. Our preset color palette is designed based on themes so you can stick to one theme even if you don’t know much about colors. If you check below you’ll notice that each row represent a specific theme. Stick to one them and your diagram will look that much better.<\/p>\n

\"Preset<\/a>

The all new Creately color palette<\/p><\/div>\n

You can take this a step further by giving some thought to the different emotions enticed by colors. This is especially important if you’re using Creately for mock-ups<\/a>, web site designs etc.<\/p>\n

Check out this info-graphic at Huffington Post<\/a> to see how various brands use color to evoke different emotions. For a more in depth reading about colors and emotions check out this guide<\/a>.<\/p>\n

Keep in mind where its displayed<\/h3>\n

Creately and many other diagram software<\/a> usually provide you with a large canvas to draw your diagrams. And most users take advantage of this and create large diagrams but they tend to forget where they’re going to display that diagram.<\/p>\n

For example if you’re hoping to include that diagram in a blog post you might have to convert that diagram into a much smaller 600px wide image. If you use the full canvas for even a simple diagram it might look ungainly when embedded into your blog post. So keep in mind where you’re going to display the diagram so you don’t have to unnecessarily minimize even simple diagrams.<\/p>\n

Another thing you can do when you know dimensions beforehand is to control the flow of your diagrams. In the above blog post example your width is restricted but the height not so much. In such a case you can plan your diagram in a downward flow instead of horizontal flow.<\/p>\n

In some cases it is impossible to create small diagrams and you need to utilize the full canvas. If that is the case you can make use of the Creately viewer\u00a0to zoom in and out of your diagrams.<\/p>\n

Follow the standards<\/h3>\n

What makes different diagrams useful and universally accepted is the various standards associated with those diagrams. A class diagram drawn<\/a> by US tech lead is easily understood by a software developer in UK because they follow a certain standard.<\/p>\n

For technical diagram like UML diagrams, ER diagrams<\/a> people generally follow standards. But when it comes to common diagrams like flowcharts and Venn diagram they tend to ignore them often.<\/p>\n

Even a simple thing like not naming arrows in your flowchart can confuse users. So keep the standards in mind if you want to create awesome diagrams.<\/p>\n

Add legends \/ guidance<\/h3>\n

Excellent diagrams makes it super easy for anyone to quickly understand the diagrams. In a complex diagram adding a legend can make life a whole lot easier for viewers. But adding legends is not the only way to guide users.<\/p>\n

For example in a business process model it could be adding swim lanes to differentiate between departments. In a Venn diagram<\/a> it could increase the font size when naming sets. In an org chart it could be using different colors for different departments.\u00a0There are plenty of simple things like this in most diagram types which can be used to guide users.<\/p>\n

Got More Tips ?<\/h3>\n

Listed above are some steps you can take to make your diagram look awesome. Have a great idea of your own? make sure to share it in the comments section.<\/p>\n","protected":false},"excerpt":{"rendered":"

Our users add thousands of diagrams to the community everyday\u00a0and we frequently come across good diagrams that can become great diagrams with some simple tweaks. Do you want to create beautiful diagrams that stands out from the rest? Then keep… Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":11837,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3074,9276],"tags":[549,679,681],"class_list":["post-11920","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education","category-meeting-visual-collaboration","tag-beautiful-diagrams","tag-creately","tag-diagrams"],"yoast_head":"\n4 Easy Ways to Make Your Diagrams Look Awesome - Creately Blog<\/title>\n<meta name=\"description\" content=\"4 simple things you can do to make your diagrams more useful and awesome. Includes sticking to a color scheme, following standards and many more ideas.\" \/>\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\/meeting-visual-collaboration\/create-awesome-diagrams\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 Easy Ways to Make Your Diagrams Look Awesome - Creately Blog\" \/>\n<meta property=\"og:description\" content=\"4 simple things you can do to make your diagrams more useful and awesome. Includes sticking to a color scheme, following standards and many more ideas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/\" \/>\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=\"2014-11-11T05:54:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-24T11:06:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"399\" \/>\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\/meeting-visual-collaboration\/create-awesome-diagrams\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/\"},\"author\":{\"name\":\"Nishadha\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/3b0114786fc2afe9bb05acfea873e291\"},\"headline\":\"4 Easy Ways to Make Your Diagrams Look Awesome\",\"datePublished\":\"2014-11-11T05:54:53+00:00\",\"dateModified\":\"2024-12-24T11:06:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/\"},\"wordCount\":686,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png\",\"keywords\":[\"beautiful diagrams\",\"Creately\",\"diagrams\"],\"articleSection\":[\"Education\",\"Meeting & Visual Collaboration\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/\",\"url\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/\",\"name\":\"4 Easy Ways to Make Your Diagrams Look Awesome - Creately Blog\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png\",\"datePublished\":\"2014-11-11T05:54:53+00:00\",\"dateModified\":\"2024-12-24T11:06:16+00:00\",\"description\":\"4 simple things you can do to make your diagrams more useful and awesome. Includes sticking to a color scheme, following standards and many more ideas.\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png\",\"width\":800,\"height\":399},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4 Easy Ways to Make Your Diagrams Look Awesome\"}]},{\"@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":"4 Easy Ways to Make Your Diagrams Look Awesome - Creately Blog","description":"4 simple things you can do to make your diagrams more useful and awesome. Includes sticking to a color scheme, following standards and many more ideas.","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\/meeting-visual-collaboration\/create-awesome-diagrams\/","og_locale":"en_US","og_type":"article","og_title":"4 Easy Ways to Make Your Diagrams Look Awesome - Creately Blog","og_description":"4 simple things you can do to make your diagrams more useful and awesome. Includes sticking to a color scheme, following standards and many more ideas.","og_url":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_author":"http:\/\/facebook.com\/nishadha","article_published_time":"2014-11-11T05:54:53+00:00","article_modified_time":"2024-12-24T11:06:16+00:00","og_image":[{"width":800,"height":399,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.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\/meeting-visual-collaboration\/create-awesome-diagrams\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/"},"author":{"name":"Nishadha","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/3b0114786fc2afe9bb05acfea873e291"},"headline":"4 Easy Ways to Make Your Diagrams Look Awesome","datePublished":"2014-11-11T05:54:53+00:00","dateModified":"2024-12-24T11:06:16+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/"},"wordCount":686,"commentCount":1,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png","keywords":["beautiful diagrams","Creately","diagrams"],"articleSection":["Education","Meeting & Visual Collaboration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/","url":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/","name":"4 Easy Ways to Make Your Diagrams Look Awesome - Creately Blog","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png","datePublished":"2014-11-11T05:54:53+00:00","dateModified":"2024-12-24T11:06:16+00:00","description":"4 simple things you can do to make your diagrams more useful and awesome. Includes sticking to a color scheme, following standards and many more ideas.","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2014\/10\/banners-img_04.png","width":800,"height":399},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/meeting-visual-collaboration\/create-awesome-diagrams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"4 Easy Ways to Make Your Diagrams Look Awesome"}]},{"@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\/11920","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=11920"}],"version-history":[{"count":10,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/11920\/revisions"}],"predecessor-version":[{"id":31581,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/11920\/revisions\/31581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/11837"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=11920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=11920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=11920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}