{"id":8090,"date":"2013-08-12T09:46:05","date_gmt":"2013-08-12T09:46:05","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=8090"},"modified":"2024-03-25T23:35:02","modified_gmt":"2024-03-26T06:35:02","slug":"30-useful-infographics-for-designers-developers","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers","title":{"rendered":"30 Useful Infographics for Designers &amp; Developers"},"content":{"rendered":"<p>There aren&#8217;t many better ways to gain information these days than infographics. Infographics allow designers and non-designers to compile interesting, important and funny information all into one creative package. An infographic is meant to tell a story and provide information in a visually striking way. You can use an infographic to visually display statistics, facts, data, and anything else.<br \/>\nToday, we&#8217;ve compiled a list of useful and funny infographics for both designers and develoeprs. You&#8217;ll see things that will make you laugh, and infographics that you can use as a reference sheet on a daily basis.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Funny_Infographics_for_Designers_and_Developers\"><\/span>Funny Infographics for Designers and Developers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"A_Day_in_the_Life_of_a_Graphic_Designer\"><\/span>A Day in the Life of a Graphic Designer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nEmails, feedback, designing, and more feedback are part of the daily life of a designer. Check out this funny <a href=\"http:\/\/visual.ly\/day-life-graphic-designer?utm_source=visually_embed&amp;utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> to see if your life is like the one depicted here.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/visual.ly\/day-life-graphic-designer?utm_source=visually_embed&amp;utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8169\" alt=\"Screen Shot 2013-08-08 at 1.12.57 PM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp\" width=\"468\" height=\"251\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"East_Coast_vs_West_Coast_Designers\"><\/span>East Coast vs. West Coast Designers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nAre you a true East Coast or West Coast designer? This <a href=\"http:\/\/www.mightydeals.com\/blog\/east-coast-vs-west-coast-designers\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> highlights the differences of designers from the two coasts to show us some funny and true differences we can all relate to.\n<\/p>\n<h3 style=\"text-align: center\"><a href=\"http:\/\/www.mightydeals.com\/blog\/east-coast-vs-west-coast-designers\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8142\" alt=\"Screen Shot 2013-08-08 at 11.56.42 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.56.42-AM.jpg.webp\" width=\"524\" height=\"525\"><\/a><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"How_Would_You_Like_Your_Graphic_Design\"><\/span>How Would You Like Your Graphic Design?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nKeep in mind you can only pick two choices on this <a href=\"http:\/\/www.coolinfographics.com\/blog\/how-would-you-like-your-graphic-design-infographic.html?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a>. Do you want fast and cheap design or do you want your design great and cheap? See what happens when you select the type of design you prefer&#8230;\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.coolinfographics.com\/blog\/how-would-you-like-your-graphic-design-infographic.html?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8117\" alt=\"Screen Shot 2013-08-08 at 11.09.50 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.09.50-AM-560x473-1.jpg.webp\" width=\"560\" height=\"473\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Your_Average_Designer\"><\/span>Your Average Designer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nMost designers and developers have similar experiences and traits in common that come with the territory of having a job in the creative industry. This <a href=\"http:\/\/www.flickr.com\/photos\/bayerberg\/6829135095\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> lays out the typical life of a designer and what the normal progression of day-to-day life looks like.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.flickr.com\/photos\/bayerberg\/6829135095\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8119\" alt=\"Screen Shot 2013-08-08 at 11.13.59 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.13.59-AM-560x478-1.png.webp\" width=\"560\" height=\"478\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Web_Designers_vs_Web_Developers\"><\/span>Web Designers vs Web Developers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nEver wonder what sets a web designer apart from a web developer? Do you agree with the differences and similarities depicted in this <a href=\"http:\/\/sixrevisions.com\/infographics\/web-designers-vs-web-developers-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a>?\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/sixrevisions.com\/infographics\/web-designers-vs-web-developers-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8140\" alt=\"Screen Shot 2013-08-08 at 11.54.02 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.54.02-AM.png.webp\" width=\"552\" height=\"362\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Useful_Infographics_for_Designers_and_Developers\"><\/span>Useful Infographics for Designers and Developers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"What_Makes_Good_Information_Design\"><\/span>What Makes Good Information Design?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWhen you visualize information or data there are a few key components to making sure your image does the right job. As this <a href=\"http:\/\/www.informationisbeautiful.net\/2009\/interesting-easy-beautiful-true\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> shows, everything from &#8216;interestingness&#8217; to &#8216;concept&#8217; plays a part in creating an effective an shareable image.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.informationisbeautiful.net\/2009\/interesting-easy-beautiful-true\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8151\" alt=\"Screen Shot 2013-08-08 at 12.05.09 PM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-12.05.09-PM-560x325-1.png.webp\" width=\"560\" height=\"325\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Principles_of_Design\"><\/span>The Principles of Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Sometimes its important to go back to basics when it comes to design and really remember the most important structural elements of good design. This <a href=\"http:\/\/www.paper-leaf.com\/blog\/2012\/10\/principles-of-design-quick-reference-poster\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> incorporates some of the basic principles of design to help you remember what to consider in your projects.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.paper-leaf.com\/blog\/2012\/10\/principles-of-design-quick-reference-poster\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8289\" alt=\"Screen Shot 2013-08-12 at 8.36.34 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-12-at-8.36.34-AM.png.webp\" width=\"524\" height=\"324\"><\/a><\/p>\n<p style=\"text-align: left\">\n<h3><span class=\"ez-toc-section\" id=\"Illustrator_Short_KEys\"><\/span>Illustrator Short KEys<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Constantly using illustrator but can&#8217;t remember shortcuts or codes that you need to get the job done more efficiently? This <a href=\"http:\/\/www.wellsdrew.com\/education\/illustrator\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> lays out all the shortcuts you need to help you get projects done.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.wellsdrew.com\/education\/illustrator\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8291\" alt=\"Screen Shot 2013-08-12 at 8.42.57 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-12-at-8.42.57-AM-560x245-1.png.webp\" width=\"560\" height=\"245\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Photoshop_Short_KEys\"><\/span>Photoshop Short KEys<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Similar to the infographic featured above, this <a href=\"http:\/\/www.zerolag.com\/infographics\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\">sheet<\/a> lays out important and useful short keys to use when designing and creating in Photoshop.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.zerolag.com\/infographics\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8292\" alt=\"Screen Shot 2013-08-12 at 8.42.25 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-12-at-8.42.25-AM-560x258-1.png.webp\" width=\"560\" height=\"258\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Color_Infographics\"><\/span>Color Infographics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"The_Psychology_of_Color\"><\/span>The Psychology of Color<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nIf you&#8217;ve ever been fascinated by the way certain colors are used in certain identity designs and branding, it all comes down to psychology. This <a href=\"http:\/\/www.webpagefx.com\/blog\/web-design\/psychology-of-color-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> breaks down the most common colors and shows how they affect marketing tactics, emotions, and even politics. A handy <a href=\"http:\/\/www.webpagefx.com\/blog\/web-design\/psychology-of-color-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">reference<\/a> for every designer trying to better understand color choices.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.webpagefx.com\/blog\/web-design\/psychology-of-color-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 9.41.33 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-9.41.33-AM.jpg.webp\" width=\"531\" height=\"548\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Color_Strata\"><\/span>The Color Strata<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nEver wonder what colors fit into specific color categories? Is mauve considered a &#8216;brown&#8217; or &#8216;purple&#8217; color? The Color Strata infographic includes 200 common colors names like teal, peach, lilac, and cyan. You&#8217;ll easily be able to visualize the relationship between certain color using this infographic and find out the names of colors while you&#8217;re looking at them.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/http:\/\/www.datapointed.net\/2010\/06\/xkcd-color-name-strata\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 9.29.22 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-9.29.22-AM-560x321-1.png.webp\" width=\"560\" height=\"321\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Color_Emotion_Guide\"><\/span>Color Emotion Guide<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nEver wonder what colors elicit specific emotions with your customers? This <a href=\"http:\/\/thelogocompany.net\/blog\/infographics\/psychology-color-logo-design\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> is sweet and simple, getting straight to the point of which colors are associated with specific emotions like happiness and excitement.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/thelogocompany.net\/blog\/infographics\/psychology-color-logo-design\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 9.25.35 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-9.25.35-AM1.png.webp\" width=\"521\" height=\"160\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Colors_of_the_Web\"><\/span>The Colors of the Web<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWhat are the biggest brands out there on the web right now and what colors are they using in their branding and identity? This <a href=\"http:\/\/www.colourlovers.com\/business\/blog\/the-most-powerful-colors-in-the-world?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> breaks down the colors of sites with the highest web rankings, and even shows you how brands within the same categories tend to use similar color palettes. If your interested in better understanding how the biggest brands use color, this <a href=\"http:\/\/www.colourlovers.com\/business\/blog\/the-most-powerful-colors-in-the-world?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> breaks it down simply for you.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.colourlovers.com\/business\/blog\/the-most-powerful-colors-in-the-world?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 9.19.21 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-9.19.21-AM-560x357-1.jpg.webp\" width=\"560\" height=\"357\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_Colors_Mean_Across_10_Cultures\"><\/span>What Colors Mean Across 10 Cultures<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nCultural ideologies can often be extremely similar or highly contrasting, and this is no different when it comes to color associations. This <a href=\"http:\/\/www.informationisbeautiful.net\/visualizations\/colours-in-cultures\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> highlights the meanings 10 cultures, including North American, Chinese, Hindu, and Native Americans, attribute to different colors. For some cultures, red may signify anger, but in others black is the color associated with feelings of frustration and anger. This useful <a href=\"http:\/\/www.informationisbeautiful.net\/visualizations\/colours-in-cultures\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> can help you better understand what cultures associate with different colors so you can be sure to choose appropriate colors in your design projects.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.informationisbeautiful.net\/visualizations\/colours-in-cultures\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 8.42.15 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-8.42.15-AM-560x286-1.png.webp\" width=\"560\" height=\"286\"><\/a><\/p>\n<p>\n* Please note that for many of the infographics described above the full infographic is not displayed as to save space. Please click through the image or the links to view the complete and entire infographic.\n<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_Do_Colors_Affect_Purchases\"><\/span>How Do Colors Affect Purchases?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nIf you&#8217;re designing a website for a client that has call to action elements or an e-commerce section, this <a href=\"http:\/\/blog.kissmetrics.com\/color-psychology\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> by <a href=\"http:\/\/blog.kissmetrics.com\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">Kissmetrics<\/a> is a must have before you begin the design process. Different colors can trigger different emotions or feelings in people, and so it&#8217;s important to be aware of which colors in design will catch people&#8217;s attention in a positive or negative way. Use this <a href=\"http:\/\/blog.kissmetrics.com\/color-psychology\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> before you build out a website featuring any &#8220;buy&#8221; or call to action buttons to make sure your message is heard loud and clear.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/blog.kissmetrics.com\/color-psychology\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 8.46.02 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-8.46.02-AM-560x353-1.png.webp\" width=\"560\" height=\"353\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_Your_Brand_Colors_Say_About_Your_Business\"><\/span>What Your Brand Colors Say About Your Business<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nAccording to the <a href=\"http:\/\/blog.marketo.com\/blog\/2012\/06\/true-colors-what-your-brand-colors-say-about-your-business.html?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">Marketo Blog<\/a>, &#8220;the most prominent brands in the world are defined by their colors,&#8221; and I would have to agree. When you think of a certain brand like Coca-Cola you immediately associate them with a red can of soda, or McDonalds with the yellow &#8220;M&#8221; arch. If you&#8217;re branding your own company, or making a design for a client consider the use of color throughout your identity design. This <a href=\"http:\/\/blog.marketo.com\/blog\/2012\/06\/true-colors-what-your-brand-colors-say-about-your-business.html?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> will help you better understand what companies are presently using certain colors and how we associate certain colors with specific meanings.\n<\/p>\n<h2 style=\"text-align: center\"><a href=\"http:\/\/blog.marketo.com\/blog\/2012\/06\/true-colors-what-your-brand-colors-say-about-your-business.html?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" alt=\"Screen Shot 2013-08-08 at 9.10.48 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-9.10.48-AM-560x205-1.png.webp\" width=\"560\" height=\"205\"><\/a><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"RGB_vs_CMYK\"><\/span>RGB vs. CMYK<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nHave you ever had trouble understanding the difference between CMYK and RGB? Now, you can better understand the basics, as well as pros and cons of these color systems with this <a href=\"https:\/\/www.cardprinting.us\/blog\/2013\/02\/rgb-vs-cmyk-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a>.\n<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.cardprinting.us\/blog\/2013\/02\/rgb-vs-cmyk-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8290\" alt=\"Screen Shot 2013-08-12 at 8.41.11 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-12-at-8.41.11-AM-560x182-1.png.webp\" width=\"560\" height=\"182\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Typography_Infographics\"><\/span>Typography Infographics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"A_Brief_Introduction_to_Typography\"><\/span>A Brief Introduction to Typography<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nIf you&#8217;re looking for a breakdown of the top 100 fonts, how to understand font classification, and a basic introduction to typography, this <a href=\"http:\/\/buscandotrazos.wordpress.com\/2012\/08\/27\/a-brief-introduction-to-typography\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> really has it all!\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/buscandotrazos.wordpress.com\/2012\/08\/27\/a-brief-introduction-to-typography\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8111\" alt=\"Screen Shot 2013-08-08 at 10.29.56 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-10.29.56-AM-560x375-1.jpg.webp\" width=\"560\" height=\"375\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"A_Quick_and_Comprehensive_Type_Guide\"><\/span>A Quick and Comprehensive Type Guide<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWhat are monospace, scrip serif, slab serif, and display fonts? This <a href=\"http:\/\/www.fastcodesign.com\/1664719\/infographic-of-the-day-why-should-you-care-about-typography?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> explains all the different styles of type and even helps you determine with typeface is best for different aspects of design. For example, rounded typefaces are more user friendly and script fonts are more elegant.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.fastcodesign.com\/1664719\/infographic-of-the-day-why-should-you-care-about-typography?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8109\" alt=\"Screen Shot 2013-08-08 at 10.24.44 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-10.24.44-AM-560x391-1.png.webp\" width=\"560\" height=\"391\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Bold_and_Justified\"><\/span>Bold and Justified<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nThis <a href=\"http:\/\/www.colourlovers.com\/web\/blog\/bold-justified-the-huge-world-of-typography-infographic?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> from Creative Market breaks down everything from font types and styles to a history of typefaces. It&#8217;s a great reference for every designer and anyone interested in typography just to learn more about the craft of using and designing typefaces.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.colourlovers.com\/web\/blog\/bold-justified-the-huge-world-of-typography-infographic?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8107\" alt=\"Screen Shot 2013-08-08 at 10.19.44 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-10.19.44-AM-560x359-1.jpg.webp\" width=\"560\" height=\"359\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"A_Dummys_Guide_to_Typefaces\"><\/span>A Dummy&#8217;s Guide to Typefaces<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nDid you know there&#8217;s a difference between typefaces and fonts? This <a href=\"http:\/\/designcrave.com\/2011-11-14\/a-quick-guide-to-typefaces-and-fonts-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> not only explains the difference but it outlines the anatomy of a typeface, and explains the its individual components so that you can better understand how typefaces and fonts work.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/designcrave.com\/2011-11-14\/a-quick-guide-to-typefaces-and-fonts-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8105\" alt=\"Screen Shot 2013-08-08 at 10.10.04 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-10.10.04-AM.png.webp\" width=\"557\" height=\"256\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Serif_vs_Sans_%E2%80%93_The_Final_Battle\"><\/span>Serif vs Sans &#8211; The Final Battle<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nHaving trouble understanding the difference between a serif and sans serif font or just not sure when it is more appropriate to use one over another? This <a href=\"http:\/\/www.webdesignerdepot.com\/2013\/03\/serif-vs-sans-the-final-battle\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> breaks down whether serif or sans seif fonts are better for web or print, and when it&#8217;s most appropriate to use one over another.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.webdesignerdepot.com\/2013\/03\/serif-vs-sans-the-final-battle\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8104\" alt=\"Screen Shot 2013-08-08 at 9.49.57 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-9.49.57-AM.png.webp\" width=\"497\" height=\"366\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Psychology_of_Fonts\"><\/span>The Psychology of Fonts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nHave you ever wondered what font to use in your design and why&#8230;if so, this <a href=\"http:\/\/visual.ly\/psychology-fonts?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> breaks down the top font styles, and common associations people have with them. For example, when someone sees a serif font they automatically think of concepts like traditional and reliable. Whereas, script fonts are thought to be more feminine and elegant.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/visual.ly\/psychology-fonts?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8106\" alt=\"Screen Shot 2013-08-08 at 10.11.08 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-10.11.08-AM-560x187-1.png.webp\" width=\"560\" height=\"187\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"So_You_Need_a_Typeface\"><\/span>So, You Need a Typeface?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWorking on a design for print, an online newspaper, an infographic, or greeting card but not sure which typeface will be best? This <a href=\"http:\/\/julianhansen.com\/files\/infographiclarge_v2.png?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> walks you through a step by step Q&amp;A guide to help you determine with typeface is best for your project.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/julianhansen.com\/files\/infographiclarge_v2.png?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8112\" alt=\"Screen Shot 2013-08-08 at 10.43.36 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-10.43.36-AM.png.webp\" width=\"484\" height=\"304\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Web_Design_Infographics\"><\/span>Web Design Infographics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"2013_Web_Design_Trends\"><\/span>2013 Web Design Trends<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWe&#8217;ve all seen things like responsive and flat design trending around the web, but now you can see the latest trends in web design all in one place. This <a href=\"http:\/\/enfuzed.com\/2013-web-design-trends-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> neatly lays out what different web trends look like, and how they&#8217;re used.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/enfuzed.com\/2013-web-design-trends-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8116\" alt=\"Screen Shot 2013-08-08 at 11.03.26 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.03.26-AM-560x300-1.png.webp\" width=\"560\" height=\"300\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Anatomy_of_an_Effective_Web_Design\"><\/span>Anatomy of an Effective Web Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWhat makes a web site stand out above the rest? How is a web page effective and actually get a high conversion rate? This <a href=\"http:\/\/webdesignledger.com\/infographics\/the-anatomy-of-an-effective-web-design?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> breaks down the basic elements to help you make sure that your web page is in tip top working order for the highest conversion rates.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/webdesignledger.com\/infographics\/the-anatomy-of-an-effective-web-design?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8122\" alt=\"Screen Shot 2013-08-08 at 11.23.01 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.23.01-AM.png.webp\" width=\"466\" height=\"254\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Anatomy_of_a_Perfect_Landing_Page\"><\/span>Anatomy of a Perfect Landing Page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWhen it comes to creating just the right landing page that converts and that helps you gain customers, there are certain key elements that you need to incorporate on your homepage. This <a href=\"http:\/\/blog.kissmetrics.com\/landing-page-design-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> details everything from creating elegant and catchy headlines to optimizing the page for certain keywords.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/blog.kissmetrics.com\/landing-page-design-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8155\" alt=\"Screen Shot 2013-08-08 at 12.07.38 PM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-12.07.38-PM-560x363-1.png.webp\" width=\"560\" height=\"363\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Responsive_Web_Design\"><\/span>Responsive Web Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nAre you one of the people on-board with the responsive web design trend? Find out everything you need to know about responsive web design on the rise with this <a href=\"http:\/\/visual.ly\/responsive-web-design-hype-or-hope?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a>.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/visual.ly\/responsive-web-design-hype-or-hope?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8147\" alt=\"Screen Shot 2013-08-08 at 12.01.15 PM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-12.01.15-PM-560x337-1.png.webp\" width=\"560\" height=\"337\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Ultimate_HTML_Cheatsheet\"><\/span>Ultimate HTML Cheatsheet<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nThere can be so many tags and wrods that are hard to keep track of when it comes to HTML. Sometimes its hard to know when to use a certain word and how to get the desired effect you want from HTML. This <a href=\"http:\/\/www.testking.com\/techking\/infographics\/ultimate-html5-cheatsheat\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">infographic<\/a> is the perfect cheat sheet to for all of your HTML coding needs.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.testking.com\/techking\/infographics\/ultimate-html5-cheatsheat\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8132\" alt=\"Screen Shot 2013-08-08 at 11.35.36 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.35.36-AM.png.webp\" width=\"520\" height=\"156\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Ultimate_WordPress_Cheatsheet\"><\/span>Ultimate WordPress Cheatsheet<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nSimilar to the ultimate HTML cheatsheet above, this <a href=\"http:\/\/www.testking.com\/techking\/infographics\/the-ultimate-wordpress-cheatsheet-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\">WP cheatsheet<\/a> for helping you use and understand the basics of WP and which tags and keywords you need to use to complete certain actions.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.testking.com\/techking\/infographics\/the-ultimate-wordpress-cheatsheet-infographic\/?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=InfographicsforDesign\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8134\" alt=\"Screen Shot 2013-08-08 at 11.48.25 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-11.48.25-AM.png.webp\" width=\"440\" height=\"290\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Make_Your_Own_Infographic\"><\/span>Make Your Own Infographic<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nInterested in making your own infographic? Here are some awesome tools from Creative Market to help you make stunning infographics without pain for frustration. You&#8217;ll quickly be able to display your data and info beautifully with these tools.\n<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/creativemarketstage.com\/Icojam\/1183-1471-Icons-in-Eldorado-Ultimate-Pack?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/1471-Icons-in-Eldorado-Ultimate-Pack-by-icojam.png.webp\" alt=\"1471 Icons in Eldorado Ultimate Pack by icojam\" class=\"alignnone size-full wp-image-8297\"><\/a>&nbsp;<a href=\"https:\/\/creativemarketstage.com\/serkorkin\/7592-Infographics-Elements-01?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Infographics-Elements-01-by-serkorkin.jpg.webp\" alt=\"Infographics Elements 01 by serkorkin\" class=\"alignnone size-full wp-image-8298\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/creativemarketstage.com\/tomodachi\/8723-Labels-Decorative-Vectors-Vol.2?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Labels-Decorative-Vectors-Vol2-by-tomodachi.jpg.webp\" alt=\"Labels &amp; Decorative Vectors Vol2 by tomodachi\" class=\"alignnone size-full wp-image-8305\"><\/a>&nbsp;<a href=\"https:\/\/creativemarketstage.com\/LynnSkipper\/5896-Infographics-vector-set?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Infographics-vector-set-by-Pelican-Graphics.jpg.webp\" alt=\"Infographics vector set by Pelican Graphics\" class=\"alignnone size-full wp-image-8304\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/creativemarketstage.com\/gomedia\/5371-Infografix-Vector-Pack?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Infografix-Vector-Pack-by-Go-Media.jpg.webp\" alt=\"Infografix Vector Pack by Go Media\" class=\"alignnone size-full wp-image-8302\"><\/a>&nbsp;<a href=\"https:\/\/creativemarketstage.com\/bogdan\/7672-Flaterrifics?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Flaterrifics-by-bogdan.png.webp\" alt=\"Flaterrifics by bogdan\" class=\"alignnone size-full wp-image-8301\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/creativemarketstage.com\/Marish\/6843-Infographic-elements-icons-3?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Infographic-elements-and-icons-3-by-Marish.jpg.webp\" alt=\"Infographic elements and icons 3 by Marish\" class=\"alignnone size-full wp-image-8303\"><\/a>&nbsp;<a href=\"https:\/\/creativemarketstage.com\/thriftnthistle\/7498-Vector-Arrow-Shapes?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=infographicsfordesign\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Vector-Arrow-Shapes-by-Thrift-n-Thistle.jpg.webp\" alt=\"Vector Arrow Shapes by Thrift n Thistle\" class=\"alignnone size-full wp-image-8306\"><\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There aren&#8217;t many better ways to gain information these days than infographics. Infographics allow designers and non-designers to compile interesting, important and funny information all into one creative package. An infographic is meant to tell a story and provide information in a visually striking way. You can use an infographic to visually display statistics, facts, [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34,59],"tags":[37,63,155,182,541,542],"topics":[],"class_list":["post-8090","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","category-design-trends","tag-typography","tag-icons-2","tag-infographic","tag-colors","tag-data","tag-information"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>30 Useful Infographics for Designers &amp; Developers - Creative Market 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:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"30 Useful Infographics for Designers &amp; Developers\" \/>\n<meta property=\"og:description\" content=\"There aren&#039;t many better ways to gain information these days than infographics. Infographics allow designers and non-designers to compile interesting,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-12T09:46:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T06:35:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp\" \/>\n<meta name=\"author\" content=\"maryam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"maryam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers\",\"name\":\"30 Useful Infographics for Designers &amp; Developers - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp\",\"datePublished\":\"2013-08-12T09:46:05+00:00\",\"dateModified\":\"2024-03-26T06:35:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/c37446cfabe1d2bfdee6a548f16fd0f0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/30-useful-infographics-for-designers-developers#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"30 Useful Infographics for Designers &amp; Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"30 Useful Infographics for Designers &amp; Developers - Creative Market 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:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers","og_locale":"en_US","og_type":"article","og_title":"30 Useful Infographics for Designers &amp; Developers","og_description":"There aren't many better ways to gain information these days than infographics. Infographics allow designers and non-designers to compile interesting,","og_url":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-08-12T09:46:05+00:00","article_modified_time":"2024-03-26T06:35:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp","type":"","width":"","height":""}],"author":"maryam","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"maryam","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers","url":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers","name":"30 Useful Infographics for Designers &amp; Developers - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp","datePublished":"2013-08-12T09:46:05+00:00","dateModified":"2024-03-26T06:35:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/c37446cfabe1d2bfdee6a548f16fd0f0"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/Screen-Shot-2013-08-08-at-1.12.57-PM.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/30-useful-infographics-for-designers-developers#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"30 Useful Infographics for Designers &amp; Developers"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/8090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=8090"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/8090\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=8090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=8090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=8090"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=8090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}