{"id":9486,"date":"2011-03-16T22:11:45","date_gmt":"2011-03-16T14:11:45","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=9486"},"modified":"2023-04-06T19:17:53","modified_gmt":"2023-04-06T11:17:53","slug":"infographics-web-designers","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/","title":{"rendered":"20 Infographics for Web Designers"},"content":{"rendered":"

Infographic is a great way to turn the most boring data into the most comforting graphic<\/strong>, which is much easier for reader to digest. As web designers have to deal with pixels and code almost everyday, it would be overwhelming to look at more data and references which are filled with hypnotic words and numbers.<\/p>\n

We understand how your eyes feel when they are suffering from sleep induction, and this leads us to compile 43 informative infographics that are relevant to web designers. While some of them are data like current state of the internet or social media, others contain useful knowledge which can also be used as a great reference sheet. So come take a glimpse, enjoy them and grab them! Digesting data and knowledge has never been so fun with infographics!<\/p>\n

Freelance to Freedom<\/a><\/h3>\n

An epic infographic that applies well to both web designer and graphic designer. Really scared me as it plotted down all my freelancing experience, and I hope you reached the last stage.<\/p>\n

Color is deadly essential to a website as it not only defines the focus of a web page but evokes the emotion of the ssite<\/strong>, and in most cases it even represents the branding of a company\u2019s website. Here we collected 6 infographics for you to know about color theory, how color affect purchases, colors of the top web brands, etc.<\/em><\/p>\n

\"infographics<\/a><\/figure>\n

Color Theory<\/a><\/h3>\n

Basic color theories summed up in 1 infographic, which can be a handy reference sheet.<\/p>\n

\"infographics<\/a><\/figure>\n

How Do Colors Affect Purchases?<\/a><\/h3>\n

Color is crucial factor to generate a good amount of sales, and this infographic shows you why.<\/p>\n

\"infographics<\/a><\/figure>\n

Colors Of The Top 100 Web Brands<\/a><\/h3>\n

A detailed infographic that reveals powerful colors of the web which are colors implemented by major internet companies in their branding.<\/p>\n

\"infographics<\/a><\/figure>\n

Colors Of The Social World (Wide Web)<\/a><\/h3>\n

Based on the data provided by Themeleon, this infographic shows the color preference of Twitter users when it comes to their profile design.<\/p>\n

\"infographics<\/a><\/figure>\n

Colours in Cultures<\/a><\/h3>\n

Color usage for 84 subjects from different cultures such as American, Chinese or Japanese, plotted in one comprehensive infographic.<\/p>\n

\"infographics<\/a><\/figure>\n

How Would You Like Your Graphic Design<\/a><\/h3>\n

Extremely truthful infographic to show your client what their design would be with their (mostly impossible) needs.<\/p>\n

\"infographics<\/a><\/figure>\n

Should I Work For Free<\/a><\/h3>\n

A perfect guide for designer and freelancer to decide which project you should work for free, just follow it and you are free from trouble.<\/p>\n

\"infographics<\/a><\/figure>\n

So You Need A Typeface<\/a><\/h3>\n

Here\u2019s a helpful guide for you to choose a suitable typeface for your current project.<\/p>\n

\"infographics<\/a><\/figure>\n

All You Need To Know About Web Designers<\/a><\/h3>\n

Distribution of age, gender, education, charge per hour rate or probably all you need to know about web designers.<\/p>\n

\"infographics<\/a><\/figure>\n

Web Designers Vs. Web Developers<\/a><\/h3>\n

An interesting infographic that puts web designer and web developer into comparison, with a sense of humor.<\/p>\n

\"infographics<\/a><\/figure>\n

A Visual Guide To SEO<\/a><\/h3>\n

A great reference for those who just started to dive more into SEO.<\/p>\n

\"infographics<\/a><\/figure>\n

The Essential Do It Yourself Guide To Successful Linkbait<\/a><\/h3>\n

As most results of linkbaiting are often less satisfying, this infographic teaches some essential steps to achieve effective linkbait.<\/p>\n

\"infographics<\/a><\/figure>\n

Periodic Table of Typefaces<\/a><\/h3>\n

Carefully designed with the same categorizing concept of traditional periodic table, this masterpiece lists out 100 of the most popular and influential typefaces nowadays.<\/p>\n

\"infographics<\/a><\/figure>\n

Most Common Fonts By Operating System<\/a><\/h3>\n

A pretty long list showing most popular fonts by operating system which is a good reference for setting fallback fonts for your website or projects.<\/p>\n

\"infographics<\/a><\/figure>\n

Semantic Web<\/a><\/h3>\n

Semantic is a term that often confuse web designer, this infographic explains the concept of the semantic web effectively with comparison method.<\/p>\n

\"infographics<\/a><\/figure>\n

The Anatomy Of A Perfect Landing Page<\/a><\/h3>\n

A must-see infographic for web designers to build an effective landing web page that actually attracts users.<\/p>\n

\"infographics<\/a><\/figure>\n

Performance Comparison Of Web Browsers<\/a><\/h3>\n

As different web browser has different capabilities, this infographic acts as a good reference on showing the difference of capabilities for major browsers, which are also rarely mentioned in common web articles.<\/p>\n

\"infographics<\/a><\/figure>\n

How Cookies Work On The Web<\/a><\/h3>\n

Still can\u2019t understand how cookies work? Here\u2019s an infogprahic with relaxing images to tell you what web cookies are, and how they work.<\/p>\n

\"infographics<\/a><\/figure>","protected":false},"excerpt":{"rendered":"

Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have to deal with pixels and code almost everyday, it would be overwhelming to look at more data and references which are filled with hypnotic words and numbers.…<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[1544,510],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n20 Infographics for Web Designers - Hongkiat<\/title>\n<meta name=\"description\" content=\"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Infographics for Web Designers\" \/>\n<meta property=\"og:description\" content=\"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2011-03-16T14:11:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:17:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/infographics-web-designers\/lowres\/freelance-to-freedom.jpg\" \/>\n<meta name=\"author\" content=\"Alvaris Falcon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alvaris Falcon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/\"},\"author\":{\"name\":\"Alvaris Falcon\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/110548906de9455e25024dbfbc9156d1\"},\"headline\":\"20 Infographics for Web Designers\",\"datePublished\":\"2011-03-16T14:11:45+00:00\",\"dateModified\":\"2023-04-06T11:17:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/\"},\"wordCount\":692,\"commentCount\":36,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/infographics-web-designers\\\/lowres\\\/freelance-to-freedom.jpg\",\"keywords\":[\"Infographics\",\"Web Designers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/\",\"name\":\"20 Infographics for Web Designers - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/infographics-web-designers\\\/lowres\\\/freelance-to-freedom.jpg\",\"datePublished\":\"2011-03-16T14:11:45+00:00\",\"dateModified\":\"2023-04-06T11:17:53+00:00\",\"description\":\"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/infographics-web-designers\\\/lowres\\\/freelance-to-freedom.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/infographics-web-designers\\\/lowres\\\/freelance-to-freedom.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/infographics-web-designers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Infographics for Web Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/110548906de9455e25024dbfbc9156d1\",\"name\":\"Alvaris Falcon\",\"description\":\"Alvaris is a web designer, developer and staff writer for Hongkiat.com.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/alvaris\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Infographics for Web Designers - Hongkiat","description":"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have","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:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/","og_locale":"en_US","og_type":"article","og_title":"20 Infographics for Web Designers","og_description":"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have","og_url":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2011-03-16T14:11:45+00:00","article_modified_time":"2023-04-06T11:17:53+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/infographics-web-designers\/lowres\/freelance-to-freedom.jpg","type":"","width":"","height":""}],"author":"Alvaris Falcon","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Alvaris Falcon","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/"},"author":{"name":"Alvaris Falcon","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/110548906de9455e25024dbfbc9156d1"},"headline":"20 Infographics for Web Designers","datePublished":"2011-03-16T14:11:45+00:00","dateModified":"2023-04-06T11:17:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/"},"wordCount":692,"commentCount":36,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/infographics-web-designers\/lowres\/freelance-to-freedom.jpg","keywords":["Infographics","Web Designers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/","url":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/","name":"20 Infographics for Web Designers - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/infographics-web-designers\/lowres\/freelance-to-freedom.jpg","datePublished":"2011-03-16T14:11:45+00:00","dateModified":"2023-04-06T11:17:53+00:00","description":"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/infographics-web-designers\/lowres\/freelance-to-freedom.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/infographics-web-designers\/lowres\/freelance-to-freedom.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/infographics-web-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Infographics for Web Designers"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/110548906de9455e25024dbfbc9156d1","name":"Alvaris Falcon","description":"Alvaris is a web designer, developer and staff writer for Hongkiat.com.","url":"https:\/\/www.hongkiat.com\/blog\/author\/alvaris\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2t0","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=9486"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9486\/revisions"}],"predecessor-version":[{"id":65949,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9486\/revisions\/65949"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=9486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=9486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=9486"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=9486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}