{"id":18689,"date":"2013-11-21T23:01:19","date_gmt":"2013-11-21T15:01:19","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18689"},"modified":"2022-07-13T19:42:24","modified_gmt":"2022-07-13T11:42:24","slug":"flat-mobile-ui","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/","title":{"rendered":"20 Flat Mobile UI Designs For Your Inspiration"},"content":{"rendered":"

Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style<\/strong>, flat design focuses on typography and colors instead of visual effects like 3D elements and drop shadows.<\/p>\n

It is also one of the most polarizing of styles to bombard iOS users, particularly those who were used to (and still love) the skeumorphism of earlier iOS versions. Thoughtful selections of typography, single-colored backgrounds, <\/strong>and a very-much muted color palette<\/strong> are some elements that contribute to a well-executed flat design<\/a>.<\/p>\n

Recommended Reading: <\/strong>Showcase of Beautiful Flat UI Design<\/a><\/p>\n

But why tell when we can show you? Some designers out there have already hit the home run with flat design, and we have a collection of some of the best examples of flat design for mobile interfaces to share with you.<\/strong><\/p>\n

Yummly Mobile<\/a><\/h3>\n

Creator: Douglas Hughmanick<\/p>\n

\"Douglas<\/figure>\n

uiGo Colors<\/a><\/h3>\n

Creator: Rodrigo Santino<\/p>\n

\"Rodrigo<\/figure>\n

Id\u0151k\u00e9p Weather app<\/a><\/h3>\n

Creator: Attila Szab\u00f3<\/p>\n

\"Attila<\/figure>\n

Smart Home<\/a><\/h3>\n

Creator: Eyal Zuri<\/p>\n

\"Eyal<\/figure>\n

Discovery Channel<\/a><\/h3>\n

Creator: Enes Dani\u015f<\/p>\n

\"Discovery<\/figure>\n

V2<\/a><\/h3>\n

Creator: Kimy Alvarez and Lawdi<\/p>\n

\"v2\"<\/figure>\n

Seznam.cz Email Client Concept<\/h3>\n

Creator: MAVVO<\/p>\n

\"MAVVO\"<\/figure>\n

Messenger App<\/a><\/h3>\n

Creator: Dave Keller<\/p>\n

\"Dave<\/figure>\n

ideabox<\/a><\/h3>\n

Creator: Ilker \u015eENER<\/p>\n

\"Ilker\"<\/figure>\n

FlatPlayer<\/h3>\n

Creator: Ehsan Rahimi<\/p>\n

\"Ehsan<\/figure>\n

B.Easy<\/a><\/h3>\n

Creator: Christian Pfeiffer<\/p>\n

\"Christian<\/figure>\n

Tide<\/a><\/h3>\n

Creator: Martin Spurway<\/p>\n

\"Martin<\/figure>\n

Samsung Smart Home<\/a><\/h3>\n

Creator: Ali Rahmoun<\/p>\n

\"Ali<\/figure>\n

Metro Style UI<\/h3>\n

Creator: Juli Sudi<\/p>\n

\"Juli<\/figure>\n

Settings Screen<\/a><\/h3>\n

Creator: Karol Ortyl<\/p>\n

\"Karol<\/figure>\n

Reportly<\/a><\/h3>\n

Creator: Arkadiusz Platek<\/p>\n

\"Arkadiusz<\/figure>\n

Mail for iOS<\/a><\/h3>\n

Creator: Michael<\/p>\n

\"Michael\"<\/figure>\n

Activity Feed<\/a><\/h3>\n

Creator: Vasjen Katro<\/p>\n

\"Vasjen<\/figure>\n

Loyalty App Dashboard<\/a><\/h3>\n

Creator: Plat4M<\/p>\n

\"Plat4M\"<\/figure>\n

Free Ringtones (Android)<\/a><\/h3>\n

Creator: Artem Tolstykh<\/p>\n

\"Artem<\/figure>","protected":false},"excerpt":{"rendered":"

Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on typography and colors instead of visual effects like 3D elements and drop shadows. It is also one of the most polarizing of styles to bombard iOS users, particularly those…<\/p>\n","protected":false},"author":124,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395,352],"tags":[2372,4646],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n20 Flat Mobile UI Designs For Your Inspiration - Hongkiat<\/title>\n<meta name=\"description\" content=\"Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on\" \/>\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.hongkiat.com\/blog\/flat-mobile-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Flat Mobile UI Designs For Your Inspiration\" \/>\n<meta property=\"og:description\" content=\"Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-21T15:01:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-13T11:42:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/flat-mobile-ui\/1-flat-mobile-interface.jpg\" \/>\n<meta name=\"author\" content=\"Nancy Young\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy Young\" \/>\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:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/\"},\"author\":{\"name\":\"Nancy Young\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\"},\"headline\":\"20 Flat Mobile UI Designs For Your Inspiration\",\"datePublished\":\"2013-11-21T15:01:19+00:00\",\"dateModified\":\"2022-07-13T11:42:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/\"},\"wordCount\":253,\"commentCount\":13,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flat-mobile-ui\\\/1-flat-mobile-interface.jpg\",\"keywords\":[\"Flat Design\",\"Mobile Website Design & Dev\"],\"articleSection\":[\"UI\\\/UX\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/\",\"name\":\"20 Flat Mobile UI Designs For Your Inspiration - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flat-mobile-ui\\\/1-flat-mobile-interface.jpg\",\"datePublished\":\"2013-11-21T15:01:19+00:00\",\"dateModified\":\"2022-07-13T11:42:24+00:00\",\"description\":\"Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flat-mobile-ui\\\/1-flat-mobile-interface.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flat-mobile-ui\\\/1-flat-mobile-interface.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flat-mobile-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Flat Mobile UI Designs For Your Inspiration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\",\"name\":\"Nancy Young\",\"description\":\"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/nancy_young\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Flat Mobile UI Designs For Your Inspiration - Hongkiat","description":"Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on","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.hongkiat.com\/blog\/flat-mobile-ui\/","og_locale":"en_US","og_type":"article","og_title":"20 Flat Mobile UI Designs For Your Inspiration","og_description":"Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on","og_url":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-11-21T15:01:19+00:00","article_modified_time":"2022-07-13T11:42:24+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/flat-mobile-ui\/1-flat-mobile-interface.jpg","type":"","width":"","height":""}],"author":"Nancy Young","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Nancy Young","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/"},"author":{"name":"Nancy Young","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32"},"headline":"20 Flat Mobile UI Designs For Your Inspiration","datePublished":"2013-11-21T15:01:19+00:00","dateModified":"2022-07-13T11:42:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/"},"wordCount":253,"commentCount":13,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/flat-mobile-ui\/1-flat-mobile-interface.jpg","keywords":["Flat Design","Mobile Website Design & Dev"],"articleSection":["UI\/UX","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/","url":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/","name":"20 Flat Mobile UI Designs For Your Inspiration - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/flat-mobile-ui\/1-flat-mobile-interface.jpg","datePublished":"2013-11-21T15:01:19+00:00","dateModified":"2022-07-13T11:42:24+00:00","description":"Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/flat-mobile-ui\/1-flat-mobile-interface.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/flat-mobile-ui\/1-flat-mobile-interface.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/flat-mobile-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Flat Mobile UI Designs For Your Inspiration"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32","name":"Nancy Young","description":"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.","url":"https:\/\/www.hongkiat.com\/blog\/author\/nancy_young\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4Rr","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=18689"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18689\/revisions"}],"predecessor-version":[{"id":60408,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18689\/revisions\/60408"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18689"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}