{"id":26223,"date":"2015-07-14T10:00:37","date_gmt":"2015-07-14T17:00:37","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=26223"},"modified":"2024-04-09T00:38:09","modified_gmt":"2024-04-09T07:38:09","slug":"5-brilliant-flat-design-trends-for-2015","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015","title":{"rendered":"5 Brilliant Flat Design Trends for 2015"},"content":{"rendered":"

Flat design has considerably changed the way in which we build websites. Without the need for depth, shadowing and gradients, content becomes the central part of our design. It forces us to think about how to present information in a more compelling way that is truly intuitive for the user.\n

<\/span> Towards more engaging flat designs <\/span><\/h2>

Some of our site’s sections can be best described as “almost-flat”, a term coined<\/a> by designer Ryan Allen and recently mentioned by UXPin’s Jerry Cao in his article<\/a> on the future of flat design. According to him, flat design has evolved (and will continue to evolve) towards more depth and clean animations. At Creative Market, we’ve brought in subtle textures and shadows that reflect our brand’s identity system, but preserved the clean aesthetic and performance benefits of flat design elements. <\/p>\"FlatDesign5\"In this example, our homepage design uses flat elements like clearly defined color sections and flat icons at the top. We combine them with light textures and shadows to add a level of depth and warmth. <\/em>

We’ve also experimented with almost completely flat designs, which have helped tackle content-rich projects like this 2014 roundup<\/a> and our recent 1 Million Members<\/a> celebration site. <\/p>\"FlatDesign2\"Flat design doesn’t have to be monotonous. In this example we experimented with pixelated flat icons.\n<\/em>\"FlatDesign4\"To add visual interest to this timeline we created a background pattern with scattered flat shapes.<\/em>

<\/span> 5 Trends for 2015 <\/span><\/h2>

In his article<\/a> for The Next Web, Jerry Cao takes note of 5 innovative techniques that we agree should be in every flat designer’s toolbox in 2015: <\/p>

<\/span> 1. Long Shadows <\/span><\/h3>

\nOften placed at 45º angles, long shadows bring a much-needed level of depth to flat designs. This icon set is a great example of the long shadow trend:\n

<\/figure>\n \nIf you’re having trouble creating your own shadows, add them with one click using this graphic styles kit.\n
<\/figure>\n \n<\/p>

<\/span> 2. Bright Color Palettes <\/span><\/h3>

\nThe growing popularity of certain flat UI frameworks and templates has helped introduce some vibrant color schemes to the world of web design. These 50 color swatches are some of the most widely used:\n

<\/figure>\n \n<\/p>

<\/span> 3. Simple Typography <\/span><\/h3>

\nReadability and legibility are key in flat design, and some typefaces manage to make both possible with a simple yet sophisticated aesthetic. While many designers seem to have a preference for modern sans-serif fonts, a slab or serif can work just as well. The Texta Family, pictured below, is a great resource to keep typography simple and user-friendly.\n

<\/figure>\n \n<\/p>

<\/span> 4. Ghost Buttons <\/span><\/h3>

\nAs their name indicates, ghost buttons are meant to complete a function without visually disturbing the user. We often see them as outlined, clickable links that have interesting hover effects and unintrusive inactive states. The circled arrow icons below offer the possibility of going from outlined to filled or colored to create attractive ghost buttons.\n

<\/figure>\n \n<\/p>

<\/span> 5. Minimalism <\/span><\/h3>

\nIncluding as many elements as necessary, but not more, helps us create uncluttered interfaces that users can easily interact with. The “less is more” principle plays an important role in web design, especially when users are increasingly exposed to visual saturation. Designing with a minimalist aesthetic does not come naturally to all of us, and looking at examples like these can help us get a better feel for how it works:\n

<\/figure>\n \n
<\/figure>\n \n
<\/figure>\n \n<\/p>

<\/span> Trends come and go, but principles remain. <\/span><\/h2>

\nThe idea of “Flat Designâ€, i.e. making things appear as if they’re lying flat on a single surface, is a popular trend. And like any trend, it’s subject to fade away and make room for others. However, keeping designs lean and easy to load are principles behind flat design that are likely to carry on for a while, as they are fundamental concepts of web design.\n<\/p>

Products Seen In This Post:<\/strong><\/p>

<\/figure>\n \n
<\/figure>\n \n<\/p>
Chris Madrigal<\/a> is a front end engineer based in Nevada City, California. Chris makes sure that everything you see at Creative Market looks beautiful and pixel perfect. He is a technology freak, web enthusiast, and lover of tall snowy mountains.<\/em>
<\/p>\n","protected":false},"excerpt":{"rendered":"

Flat design has considerably changed the way in which we build websites. Without the need for depth, shadowing and gradients, content becomes the central part of our design. It forces us to think about how to present information in a more compelling way that is truly intuitive for the user. Towards more engaging flat designs […]<\/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":[62,305,648],"topics":[],"class_list":["post-26223","post","type-post","status-publish","format-standard","hentry","category-design-trends","tag-flat","tag-web-design","tag-flat-design"],"acf":[],"yoast_head":"\n5 Brilliant Flat Design Trends for 2015 - 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-brilliant-flat-design-trends-for-2015\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Brilliant Flat Design Trends for 2015\" \/>\n<meta property=\"og:description\" content=\"Flat design has considerably changed the way in which we build websites. Without the need for depth, shadowing and gradients, content becomes the central\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015\" \/>\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=\"2015-07-14T17:00:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-09T07:38:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/07\/08235730\/FlatDesign5.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-brilliant-flat-design-trends-for-2015\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015\",\"name\":\"5 Brilliant Flat Design Trends for 2015 - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/07\\\/08235730\\\/FlatDesign5.jpg.webp\",\"datePublished\":\"2015-07-14T17:00:37+00:00\",\"dateModified\":\"2024-04-09T07:38:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/07\\\/08235730\\\/FlatDesign5.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/07\\\/08235730\\\/FlatDesign5.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/5-brilliant-flat-design-trends-for-2015#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Brilliant Flat Design Trends for 2015\"}]},{\"@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 Brilliant Flat Design Trends for 2015 - 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-brilliant-flat-design-trends-for-2015","og_locale":"en_US","og_type":"article","og_title":"5 Brilliant Flat Design Trends for 2015","og_description":"Flat design has considerably changed the way in which we build websites. Without the need for depth, shadowing and gradients, content becomes the central","og_url":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-07-14T17:00:37+00:00","article_modified_time":"2024-04-09T07:38:09+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/07\/08235730\/FlatDesign5.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-brilliant-flat-design-trends-for-2015","url":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015","name":"5 Brilliant Flat Design Trends for 2015 - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/07\/08235730\/FlatDesign5.jpg.webp","datePublished":"2015-07-14T17:00:37+00:00","dateModified":"2024-04-09T07:38:09+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/07\/08235730\/FlatDesign5.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/07\/08235730\/FlatDesign5.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/5-brilliant-flat-design-trends-for-2015#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 Brilliant Flat Design Trends for 2015"}]},{"@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\/26223","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=26223"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/26223\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=26223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=26223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=26223"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=26223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}