{"id":18913,"date":"2014-11-17T06:00:14","date_gmt":"2014-11-17T14:00:14","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=18913"},"modified":"2024-03-29T03:50:02","modified_gmt":"2024-03-29T10:50:02","slug":"5-awesome-infographics-about-web-design-principles","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles","title":{"rendered":"5 Awesome Infographics About Web Design Principles"},"content":{"rendered":"<p>Who doesn&#8217;t love a good infographic? In this post, we&acirc;&euro;&trade;ll look at 5 of the coolest infographics about basic web design principles and explore a little bit about what you can learn from each.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_Key_Design_Principles\"><\/span>10 Key Design Principles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This <a href=\"https:\/\/www.digivate.com\/blog\/website-design\/10-key-website-design-principles-infographic\/\">infographic<\/a> for Digivate by designer Toby Davies is a very general overview of 10 key principles to keep in mind when designing a website. The principles include some common sense stuff like &acirc;&euro;&oelig;Know Your Audience,&acirc;&euro; but it also does a good job of collecting fundamental ideas to keep in mind when designing an effective site that both draws people and functions well.<\/p>\n<p><a href=\"https:\/\/www.digivate.com\/blog\/website-design\/10-key-website-design-principles-infographic\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034724\/designfographics-1.jpg.webp\" alt=\"designfographics-1\" width=\"680\" height=\"600\" class=\"alignnone size-full wp-image-18915\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_Evolution_of_Web_Design\"><\/span>The Evolution of Web Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It&acirc;&euro;&trade;s hard to understand where something&acirc;&euro;&trade;s going without understanding where something came from. That&acirc;&euro;&trade;s why this <a href=\"https:\/\/blog.kissmetrics.com\/evolution-of-web-design\/\">infographic<\/a>from Kissmetrics, outlining the evolution of web design from its origins in the early &acirc;&euro;&trade;90s to the mobile design era of today, is so helpful. The infographic explores 8 distinct eras within web design &acirc;&euro;&ldquo; The Early 1990s, the Mid-1990s, the late-1990s, the year 2000, the Early to Mid 2000s, the Mid 2000s, the Late 2000s, and the Mobile Web.<\/p>\n<p>The Evolution of Web Design infographic is helpful to people hoping to learn the basics of design since it outlines prominent designs, significant design advancements, memorable design elements, and more from each era, including the current one. It&acirc;&euro;&trade;s a great way to understand what the fundamental principles of design are today, as well as the foundations those fundamentals are built on.<\/p>\n<p><a href=\"https:\/\/blog.kissmetrics.com\/evolution-of-web-design\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034727\/designfographics-2.jpg.webp\" alt=\"designfographics-2\" width=\"680\" height=\"600\" class=\"alignnone size-full wp-image-18916\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Principles_of_Effective_Web_Design_in_2013\"><\/span>Principles of Effective Web Design in 2013<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This <a href=\"http:\/\/www.site2you.com\/blog\/wp-content\/uploads\/2013\/04\/site2you.jpg\">infographic<\/a> from Site2You is a year old, but it does an excellent job of exploring in depth the design elements that make an effective site today. The infographic focuses on four specific elements of design: user-friendly navigation, quality content, aesthetics, and site design functionality, then offers more information about each and statistics to demonstrate its importance. This is a great infographic for anyone who likes to see the numbers behind ideas.<\/p>\n<p><a href=\"http:\/\/www.site2you.com\/blog\/wp-content\/uploads\/2013\/04\/site2you.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034731\/designfographics-3.jpg.webp\" alt=\"designfographics-3\" width=\"680\" height=\"600\" class=\"alignnone size-full wp-image-18917\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_Basic_Tips_About_Responsive_Design\"><\/span>10 Basic Tips About Responsive Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>For a more timely infographic, check out this one from <a href=\"https:\/\/www.splio.com\/responsive\/\">Splio<\/a>, called 10 Basic Tips about Responsive Design. This infographic focuses specifically on responsive design, which is more important than ever in our mobile media age. The infographic offers ten basic tips that can help ensure designers create both effectively functional and aesthetically-pleasing websites. It also offers some convincing numbers to show why designing responsively might be the smartest thing to do today.<\/p>\n<p><a href=\"https:\/\/www.splio.com\/responsive\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034735\/designfographics-4.jpg.webp\" alt=\"designfographics-4\" width=\"680\" height=\"600\" class=\"alignnone size-full wp-image-18918\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_Your_Web_Design_Says_About_You\"><\/span>What Your Web Design Says About You<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The What Your Web Design Says About You <a href=\"http:\/\/sixrevisions.com\/infographs\/webdesign-says-about-you\/\">infographic<\/a> from Six Revisions takes a look at things from a different angle. This infographic outlines specific fonts and colors that can be used in Web design, then outlines what using those fonts and colors says about your business or site. The infographic reviews fonts like Arial, Verdana, and Impact, and it discusses all the colors of the rainbow, as well as common colors like black, brown, white, and grey.<\/p>\n<p><a href=\"http:\/\/sixrevisions.com\/infographs\/webdesign-says-about-you\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034739\/designfographics-5.jpg.webp\" alt=\"designfographics-5\" width=\"680\" height=\"600\" class=\"alignnone size-full wp-image-18919\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Whatd_We_Miss\"><\/span>What&#8217;d We Miss?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nIf you&#8217;ve seen some great design infographics lately that weren&#8217;t included here, shoot us a link in the comments below so we can check them out.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Who doesn&#8217;t love a good infographic? In this post, we&acirc;&euro;&trade;ll look at 5 of the coolest infographics about basic web design principles and explore a little bit about what you can learn from each. 10 Key Design Principles This infographic for Digivate by designer Toby Davies is a very general overview of 10 key principles [&hellip;]<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[59],"tags":[79],"topics":[],"class_list":["post-18913","post","type-post","status-publish","format-standard","hentry","category-design-trends","tag-graphics"],"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>5 Awesome Infographics About Web Design Principles - 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\/5-awesome-infographics-about-web-design-principles\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Awesome Infographics About Web Design Principles\" \/>\n<meta property=\"og:description\" content=\"Who doesn&#039;t love a good infographic? In this post, we&acirc;&euro;&trade;ll look at 5 of the coolest infographics about basic web design principles and\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles\" \/>\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=\"2014-11-17T14:00:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-29T10:50:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034724\/designfographics-1.jpg.webp\" \/>\n<meta name=\"author\" content=\"Creative Market\" \/>\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=\"Creative Market\" \/>\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\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles\",\"name\":\"5 Awesome Infographics About Web Design Principles - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/11\\\/29034724\\\/designfographics-1.jpg.webp\",\"datePublished\":\"2014-11-17T14:00:14+00:00\",\"dateModified\":\"2024-03-29T10:50:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/11\\\/29034724\\\/designfographics-1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/11\\\/29034724\\\/designfographics-1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-awesome-infographics-about-web-design-principles#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Awesome Infographics About Web Design Principles\"}]},{\"@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":"5 Awesome Infographics About Web Design Principles - 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\/5-awesome-infographics-about-web-design-principles","og_locale":"en_US","og_type":"article","og_title":"5 Awesome Infographics About Web Design Principles","og_description":"Who doesn't love a good infographic? In this post, we&acirc;&euro;&trade;ll look at 5 of the coolest infographics about basic web design principles and","og_url":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-11-17T14:00:14+00:00","article_modified_time":"2024-03-29T10:50:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034724\/designfographics-1.jpg.webp","type":"","width":"","height":""}],"author":"Creative Market","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Creative Market","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles","url":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles","name":"5 Awesome Infographics About Web Design Principles - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034724\/designfographics-1.jpg.webp","datePublished":"2014-11-17T14:00:14+00:00","dateModified":"2024-03-29T10:50:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034724\/designfographics-1.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/11\/29034724\/designfographics-1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/5-awesome-infographics-about-web-design-principles#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 Awesome Infographics About Web Design Principles"}]},{"@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\/18913","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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=18913"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/18913\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=18913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=18913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=18913"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=18913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}