{"id":27066,"date":"2015-06-10T16:17:08","date_gmt":"2015-06-10T16:17:08","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=27066"},"modified":"2019-10-01T11:45:32","modified_gmt":"2019-10-01T11:45:32","slug":"skeuomorphism-and-flat-design","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/","title":{"rendered":"Skeuomorphism and Flat Design"},"content":{"rendered":"<p><span class=\"text-success\">Skeuomorphism<\/span> was first innovated and practised by Apple. Skeuomorphism meant to a user interface which will resemble real world so that people can get familiar to smart phones from Bar Phones. Skeuomorphism pursued design aesthetics with very high end quality and eye soothing graphics.<\/p>\n<p><span class=\"text-success\">Flat Design<\/span> was first coined by Microsoft when they released Windows 08 in August 2012, and they called it <span class=\"text-success\">Metro Design Language<\/span>. Windows 08 introduced major changes to the User Interface (UI) which were loved by many users. Metro Design Language made its mark with back breaking <span class=\"text-success\">Clean<\/span>, <span class=\"text-success\">Minimalistic<\/span> and <span class=\"text-success\">Elegant<\/span> design elements.<\/p>\n<p><img decoding=\"async\" title=\"Skeuomorphism vs Flat Design\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png\" alt=\"Skeuomorphism vs Flat Design\" loading=\"lazy\"><\/p>\n<p>The image above shows how the flat design differs from Skeuomorphism. The modern web have adapted flat design and major factor behind adapting the Metro Design Language was it&#8217;s efficiency and performance as it was quite difficult to meet the modern terminologies like Responsive cross device support and performance. Apart from this Flat design covered all the aspects of &#8211;<\/p>\n<ul>\n<li>Simplicity<\/li>\n<li>Modern and Trendy Colors<\/li>\n<li>Elegancy<\/li>\n<li>Minimal Aesthetics<\/li>\n<\/ul>\n<p>Apart from design aesthetics Flat Design enhanced the ease of use for users along with modern appearance with very quick and fast load times. Flat Design is based on modern colors and flat aesthetics so most of the drawable elements are covered by beautiful shapes and Iconic Fonts which not only speeds up the content but also makes it very easy to be viewed from different portable devices without losing any details.<\/p>\n<p>There is no question about the Skeuomorphism is in trend or not?; But UI\/UX Designers are believing that Flat Design will stay for a long. But will it? or Google&#8217;s Material Design (Flat 2.0) will lead the part? Give me a response below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skeuomorphism was first innovated and practised by Apple. Skeuomorphism meant to a user interface which will resemble real world so that people can get familiar to smart phones from Bar Phones. Skeuomorphism pursued design aesthetics with very high end quality and eye soothing graphics. Flat Design was first coined by Microsoft when they released Windows <a href=\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1202,1],"tags":[],"class_list":["post-27066","post","type-post","status-publish","format-standard","hentry","category-design-trends","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Skeuomorphism and Flat Design<\/title>\n<meta name=\"description\" content=\"Skeuomorphism resembles the UI which is similar to realistic environment, while Flat Design resembles to the design with simplicity and elegance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Skeuomorphism and Flat Design\" \/>\n<meta property=\"og:description\" content=\"Skeuomorphism resembles the UI which is similar to realistic environment, while Flat Design resembles to the design with simplicity and elegance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-10T16:17:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-01T11:45:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png\" \/>\n<meta name=\"author\" content=\"Nitish Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nitish Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\"},\"author\":{\"name\":\"Nitish Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/fee4a399dfbd8dfc6570efdf7295c9aa\"},\"headline\":\"Skeuomorphism and Flat Design\",\"datePublished\":\"2015-06-10T16:17:08+00:00\",\"dateModified\":\"2019-10-01T11:45:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\"},\"wordCount\":281,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png\",\"articleSection\":[\"Design Trends\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\",\"url\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\",\"name\":\"Skeuomorphism and Flat Design\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png\",\"datePublished\":\"2015-06-10T16:17:08+00:00\",\"dateModified\":\"2019-10-01T11:45:32+00:00\",\"description\":\"Skeuomorphism resembles the UI which is similar to realistic environment, while Flat Design resembles to the design with simplicity and elegance.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage\",\"url\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png\",\"contentUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Skeuomorphism and Flat Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/fee4a399dfbd8dfc6570efdf7295c9aa\",\"name\":\"Nitish Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a3100c52e659f7064fa37a0619aaea352fbe8a258f0ea0155361075df617e95b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a3100c52e659f7064fa37a0619aaea352fbe8a258f0ea0155361075df617e95b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Nitish Kumar\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/nitish\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Skeuomorphism and Flat Design","description":"Skeuomorphism resembles the UI which is similar to realistic environment, while Flat Design resembles to the design with simplicity and elegance.","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:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/","og_locale":"en_US","og_type":"article","og_title":"Skeuomorphism and Flat Design","og_description":"Skeuomorphism resembles the UI which is similar to realistic environment, while Flat Design resembles to the design with simplicity and elegance.","og_url":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2015-06-10T16:17:08+00:00","article_modified_time":"2019-10-01T11:45:32+00:00","og_image":[{"url":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png","type":"","width":"","height":""}],"author":"Nitish Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nitish Kumar","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/"},"author":{"name":"Nitish Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/fee4a399dfbd8dfc6570efdf7295c9aa"},"headline":"Skeuomorphism and Flat Design","datePublished":"2015-06-10T16:17:08+00:00","dateModified":"2019-10-01T11:45:32+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/"},"wordCount":281,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage"},"thumbnailUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png","articleSection":["Design Trends"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/","url":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/","name":"Skeuomorphism and Flat Design","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage"},"thumbnailUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png","datePublished":"2015-06-10T16:17:08+00:00","dateModified":"2019-10-01T11:45:32+00:00","description":"Skeuomorphism resembles the UI which is similar to realistic environment, while Flat Design resembles to the design with simplicity and elegance.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#primaryimage","url":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png","contentUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2015\/06\/Skeuomorphism-vs-flatdesign.png"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/skeuomorphism-and-flat-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Skeuomorphism and Flat Design"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/fee4a399dfbd8dfc6570efdf7295c9aa","name":"Nitish Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a3100c52e659f7064fa37a0619aaea352fbe8a258f0ea0155361075df617e95b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a3100c52e659f7064fa37a0619aaea352fbe8a258f0ea0155361075df617e95b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Nitish Kumar"},"url":"https:\/\/webkul.com\/blog\/author\/nitish\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/27066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=27066"}],"version-history":[{"count":32,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/27066\/revisions"}],"predecessor-version":[{"id":200925,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/27066\/revisions\/200925"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=27066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=27066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=27066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}