{"id":2712,"date":"2013-07-08T17:40:17","date_gmt":"2013-07-09T01:40:17","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=2712"},"modified":"2020-04-22T06:39:31","modified_gmt":"2020-04-22T13:39:31","slug":"5-flat-design-myths-busted","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/","title":{"rendered":"5 Flat Design Myths Busted."},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2716\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg\" alt=\"Five myths of flat design\" width=\"683\" height=\"501\"><br \/>\n<a title=\"Photo credits\" href=\"http:\/\/www.flickr.com\/photos\/matlock-photo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Photo credits<br \/>\n<\/a><\/p>\n<p>I would love to see Morgan Freeman mysteriously emerge from the shadows now and tell us how many years it would take to see all flat designs done around the web. It looks like we\u2019re on the hype of flat design trend and as one looks at all this variety of different sites, one asks: so is this site flat or not. How can we tell? <strong>Let\u2019s look at some flat design assumptions before the myth becomes the truth.<\/strong><\/p>\n<p><strong><!--more--><\/strong><\/p>\n<p><strong><\/strong><\/p>\n<p><strong><\/p>\n<h3>Myth 1: flat design doesn\u2019t serve product exposition. Busted.<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2717\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/FlatGuitars.jpg\" alt=\"5 myths of flat design - product exposition\" width=\"600\" height=\"302\"><\/p>\n<p>You could say that flat design is all about keeping it minimal at all cost. So don\u2019t even think about excessive backgrounds showing how fun your product is or HTML5 animations making you look like THE future. With flat design, you just can\u2019t deliver all that mesmerizing details and tricks. And when it comes to showing guitars, well you\u2019d really like to have those &#8211; so can a product site look good in flat? Just take a look at <a title=\"Flat guitars \" href=\"http:\/\/www.flatguitars.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.flatguitars.com\/<\/a> Even with fewer details, well done flat design makes the details of your design come out just beautifully exposing the product with the right dynamics.<\/p>\n<h3>Myth 2: minimal design is minimum typography. Busted.<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2718\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/5-flat-design-myths-typography.jpg\" alt=\"5 flat design myths - typography\" width=\"600\" height=\"200\"><\/p>\n<p>One of the <a title=\"5 dangers of flat design\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/5-dangers-of-flat-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">dangers of flat design<\/a> is lost visual hierarchy. You don\u2019t want to use shadows, translucency and other ornaments in flat design. Or else&#8230; :) Don\u2019t worry, flat design police won\u2019t come after you for using typography. Well not at least, because it\u2019s against minimalism;) Minimalism in flat design serves honesty and using the least to say the most. Logos are a great example of how typography can tell a story by itself and they are also a good example of how you can use typography in designing with minimum means &#8211; just like using typography if &#8220;flat&#8221;. What&#8217;s more &#8211; there\u2019s no branding without typography (<a title=\"Branding the US Presidents\" href=\"http:\/\/brandingtheuspresidents.tumblr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">here\u2019s<\/a> a great example of the power of typography). A hint: use typography for emphasis and visual hierarchy; take a look how these guys did it: <a title=\"Coderwall\" href=\"https:\/\/coderwall.com\/futureal\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/coderwall.com\/futureal<\/a><\/p>\n<h3>Myth 3: flat design is for bright colors&#8230; only. Busted<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2720\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/5-myths-of-flat-design-bright-colors-only.jpg\" alt=\"5 myths of flat design - bright colors only\" width=\"600\" height=\"302\"><\/p>\n<p>\u2026 and jeans have to be blue. You probably came across more sites using bright colors that dark, did you? If you start to think that flat design is only for bright colors, maybe this site will make you think twice: <a title=\"Design Shadows\" href=\"http:\/\/designshado.ws\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/designshado.ws\/<\/a> Of course you could say bright colors really communicate simplicity and clarity, but that\u2019s really not the only way to do it.<\/p>\n<h3>Myth 4: avoid pictures. Busted.<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2721\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/5-myths-of-flat-design-pictures.jpg\" alt=\"5 myths of flat design - pictures\" width=\"600\" height=\"295\"><br \/>\nDid you notice that most flat design sites use illustrations rather than pictures? So maybe flat design doesn\u2019t work that well with photos? Stop right there! Flat design works well with photos, even if you stretch it out and use it as a backgorund, <a title=\"Maichimp\" href=\"http:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">here\u2019s the living evidence <\/a>to that.<\/p>\n<h3>Myth 5: animations and flat design don\u2019t mix. Busted.<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2722\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/5-myths-of-flat-design-animations.png\" alt=\"5 myths of flat design - animations\" width=\"600\" height=\"265\"><\/p>\n<p>Yes, flat design teaches you to say the most, using the least and we\u2019ve seen some great examples of using the least. But that doesn\u2019t mean some things can\u2019t be said with animations and especially not that everything is better than animations. That&#8217;s no flat design philosophy. Some things are better said with animation and flat design &#8220;understands&#8221; that. Try to imagine <a title=\"Layervault\" href=\"https:\/\/layervault.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layervault\u2019s site<\/a> without the lines of code that make those images dance (it\u2019s the same guys that are behind something that could be called the <a title=\"Flat design manifesto\" href=\"http:\/\/layervault.tumblr.com\/post\/32267022219\/flat-interface-design\" target=\"_blank\" rel=\"noopener noreferrer\">flat design manifesto<\/a>). Wouldn\u2019t that make the UX poorer? So don\u2019t cross out animations just because they are \u201cthat extra thing\u201d.<\/p>\n<p><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>5 flat designed sites, 5 flat design myths.<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[32],"class_list":["post-2712","post","type-post","status-publish","format-standard","hentry","category-blog","category-ux-design","tag-flat-design"],"yoast_title":"","yoast_metadesc":"5 flat designed sites, 5 flat design myths. Let\u2019s look at some flat design assumptions before the myth becomes the truth.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>5 Flat Design Myths Busted. | UXPin<\/title>\n<meta name=\"description\" content=\"5 flat designed sites, 5 flat design myths. Let\u2019s look at some flat design assumptions before the myth becomes the truth.\" \/>\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.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Flat Design Myths Busted.\" \/>\n<meta property=\"og:description\" content=\"5 flat designed sites, 5 flat design myths.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-09T01:40:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:39:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\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.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"5 Flat Design Myths Busted.\",\"datePublished\":\"2013-07-09T01:40:17+00:00\",\"dateModified\":\"2020-04-22T13:39:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/\"},\"wordCount\":614,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/five-myths-of-flat-design.jpg\",\"keywords\":[\"flat design\"],\"articleSection\":[\"Blog\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/\",\"name\":\"5 Flat Design Myths Busted. | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/five-myths-of-flat-design.jpg\",\"datePublished\":\"2013-07-09T01:40:17+00:00\",\"dateModified\":\"2020-04-22T13:39:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"5 flat designed sites, 5 flat design myths. Let\u2019s look at some flat design assumptions before the myth becomes the truth.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/five-myths-of-flat-design.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/five-myths-of-flat-design.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-flat-design-myths-busted\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Flat Design Myths Busted.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 Flat Design Myths Busted. | UXPin","description":"5 flat designed sites, 5 flat design myths. Let\u2019s look at some flat design assumptions before the myth becomes the truth.","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.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/","og_locale":"en_US","og_type":"article","og_title":"5 Flat Design Myths Busted.","og_description":"5 flat designed sites, 5 flat design myths.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/","og_site_name":"Studio by UXPin","article_published_time":"2013-07-09T01:40:17+00:00","article_modified_time":"2020-04-22T13:39:31+00:00","og_image":[{"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg","type":"","width":"","height":""}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"5 Flat Design Myths Busted.","datePublished":"2013-07-09T01:40:17+00:00","dateModified":"2020-04-22T13:39:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/"},"wordCount":614,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg","keywords":["flat design"],"articleSection":["Blog","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/","name":"5 Flat Design Myths Busted. | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg","datePublished":"2013-07-09T01:40:17+00:00","dateModified":"2020-04-22T13:39:31+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"5 flat designed sites, 5 flat design myths. Let\u2019s look at some flat design assumptions before the myth becomes the truth.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/07\/five-myths-of-flat-design.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-flat-design-myths-busted\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"5 Flat Design Myths Busted."}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/2712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=2712"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/2712\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=2712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=2712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=2712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}