{"id":10738,"date":"2013-11-11T09:43:34","date_gmt":"2013-11-11T17:43:34","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=10738"},"modified":"2024-03-26T07:05:02","modified_gmt":"2024-03-26T14:05:02","slug":"simplicity-in-web-and-graphic-design","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design","title":{"rendered":"Simplicity in Web and Graphic Design"},"content":{"rendered":"

Perhaps you’ve noticed more and more websites seem to be chucking their old, more complex or fanciful designs in favor of ones that are simpler, modern and clean. This isn’t just a new style (in fact, it’s not new at all), it’s a way for businesses and blogs to appeal to more users. Minimalist websites are easy to navigate and understand. With ads, sounds and pictures popping up and constantly begging for attention, it can be particularly pleasant to discover a site that allows one to breathe—and that’s just one part of the allure. If you’re still not convinced minimalism is where graphic design is headed, here are some excellent examples of flat design making waves today.<\/p>\n

<\/span>Wistia<\/span><\/h3>\n

\nSimple and flat should never mean boring. Proof of this claim is found at Wistia<\/a>, where colorblocking keeps things bright and playful. Wistia’s scrolling website features brief snippets of text over eye-catching blocks of solid color. Pictures are also utilized. But for a video hosting site, there are no animations, videos or GIFs in sight, not on the first page at least. Which is actually a relief. Everything is easy to find, thanks to a crystal clear navigation bar that only offers the plain facts of the business.\n<\/p>\n

 \"Screen<\/a><\/p>\n

\"Screen<\/a><\/p>\n

<\/span>Collector<\/span><\/h3>\n

\nIf you love to keep up on current events or follow your favorite subjects, you’re probably in the market for what Collector<\/a> is selling. They make a newsfeed reading app for Windows phones. But what’s really impressive is their gorgeously streamlined website that’s as whimsical as it is navigable. It’s another scrolling style page—that’s become very popular lately, as people are more inclined to scroll than click on links to new pages—and it features just the essentials next to simple graphics. The graphics are only partially flat; they have some shading. But the effect is decidedly modern and minimal.\n<\/p>\n

\"Screen<\/a><\/p>\n

\"Screen<\/a><\/p>\n

<\/span>Etch<\/span><\/h3>\n

\nEtch is a more mature example of simplistic web design. It’s not all about cutesy graphics and two-tone color palettes. Etch<\/a> shows that modern minimalism can still be dynamic in many ways. The team of designers introduces each member in a vintage-filter picture alongside other tiles of inspiring images in the same tonal range. It feels personal and professional, and there are very few words to mess with the soothing and confident impression. Again, they use scrolling, and again, it makes users want to follow along until the very end.\n<\/p>\n

 \"Screen<\/a><\/p>\n

\"Screen<\/a><\/p>\n

<\/span>FlatIcons<\/span><\/h3>\n

\nUnsurprisingly, FlatIcons<\/a> makes, well, flat icons for web developers who are jumping on board this whole flat design phenomenon. Their simple graphics are best showcased on their simple website. Browsers can choose between stroke icons and solid icons, or they can purchase the whole lot. Though more colorful graphics<\/a> are also useful, these extremely basic images cleanly and clearly help express what the designer is trying to say. They showcase just how well these icons work on the navigation bar, where users know where they’re going even without words.\n<\/p>\n

 \"Screen<\/a><\/p>\n

\"Screen<\/a><\/p>\n

\nFriends of the Web
\nThe last example is another team of web developers that introduce themselves individually on their home page. The difference here is that they use solid color squares to represent them, with just a name underneath. It makes you wonder if the team members at Friends of the Web<\/a> each got to choose their own color, and why they chose it. This is the simplest website here. Aside from the tiles, there are a few blocks of text, some information about projects and an opportunity to join the newsletter. Crisp, professional yet still personal, it epitomizes the goal of flat web design.
\n\"Screen<\/a>\n<\/p>\n

+++++<\/p>\n

\nIt’s pretty clear that graphic designers across the web are enthusiastically exploring the nuances and simple beauty of modern minimalism. Whether it’s in flat icons, logos<\/a> or tiled images, minimalist designs are created to make web experiences smoother, more enjoyable and easier than ever to understand.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

Perhaps you’ve noticed more and more websites seem to be chucking their old, more complex or fanciful designs in favor of ones that are simpler, modern and clean. This isn’t just a new style (in fact, it’s not new at all), it’s a way for businesses and blogs to appeal to more users. Minimalist websites […]<\/p>\n","protected":false},"author":12,"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":[61,110,305,496,648],"topics":[],"class_list":["post-10738","post","type-post","status-publish","format-standard","hentry","category-design-trends","tag-design","tag-graphic-design","tag-web-design","tag-trends","tag-flat-design"],"acf":[],"yoast_head":"\nSimplicity in Web and Graphic Design - 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\/simplicity-in-web-and-graphic-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simplicity in Web and Graphic Design\" \/>\n<meta property=\"og:description\" content=\"Perhaps you’ve noticed more and more websites seem to be chucking their old, more complex or fanciful designs in favor of ones that are\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design\" \/>\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=\"2013-11-11T17:43:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T14:05:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/11\/26064203\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp\" \/>\n<meta name=\"author\" content=\"maryam\" \/>\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=\"maryam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design\",\"name\":\"Simplicity in Web and Graphic Design - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/11\\\/26064203\\\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp\",\"datePublished\":\"2013-11-11T17:43:34+00:00\",\"dateModified\":\"2024-03-26T14:05:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/c37446cfabe1d2bfdee6a548f16fd0f0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/11\\\/26064203\\\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/11\\\/26064203\\\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/simplicity-in-web-and-graphic-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simplicity in Web and Graphic Design\"}]},{\"@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":"Simplicity in Web and Graphic Design - 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\/simplicity-in-web-and-graphic-design","og_locale":"en_US","og_type":"article","og_title":"Simplicity in Web and Graphic Design","og_description":"Perhaps you’ve noticed more and more websites seem to be chucking their old, more complex or fanciful designs in favor of ones that are","og_url":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-11-11T17:43:34+00:00","article_modified_time":"2024-03-26T14:05:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/11\/26064203\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp","type":"","width":"","height":""}],"author":"maryam","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"maryam","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design","url":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design","name":"Simplicity in Web and Graphic Design - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/11\/26064203\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp","datePublished":"2013-11-11T17:43:34+00:00","dateModified":"2024-03-26T14:05:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/c37446cfabe1d2bfdee6a548f16fd0f0"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/11\/26064203\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/11\/26064203\/Screen-Shot-2013-11-11-at-9.16.40-AM-560x316-1.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simplicity in Web and Graphic Design"}]},{"@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\/10738","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=10738"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/10738\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=10738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=10738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=10738"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=10738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}