{"id":10429,"date":"2014-07-15T00:00:00","date_gmt":"2014-07-14T16:00:00","guid":{"rendered":"https:\/\/brand.gamania.com\/gvoice\/10429\/"},"modified":"2020-09-09T16:19:42","modified_gmt":"2020-09-09T08:19:42","slug":"flat-ui-design-the-aesthetics-of-slimness","status":"publish","type":"post","link":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/","title":{"rendered":"FLAT UI DESIGN \u2013 The Aesthetics of Slimness"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

\nWith the popularization of mobile devices, you see people toying with their smartphones or tablets during meetings, lunch, watching TV, on the MRT. No matter if you are playing games, reading the news or just surfing the net, these things have already become a crucial part of living. Hence the implosion of apps in the current market. There are so many of them, some realistic, and others simplistic. A design that blossoms out of such context, that apparently adapts best to the clean-cut, fast-paced logic of mobile apps, is Flat Design.\n \n\n<\/p>\n\n\n\n

What is Flat Design? <\/strong><\/p>\n\n\n\n

In simple word, it means to abandon all those shadows, planes, blends, illuminations and other visual effects, as a means to make an UI look more simple. The spirit 20th century modern architecture is minimalism. This trend started up with slogans such as \u201cForm follows Function\u201d and \u201cLess is More\u201d, until it reached to the point it is today. When Michaelangelo was asked how he created the Statue of David, he replied: \u201cSimple. I just kept what I needed and dribbled out the rest.\u201d The same logic applies to UI design, too.<\/p>\n\n\n\n

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

The internationally famous thermometer, NEST, was designed by the creator of Apple\u2019s iPod. We can discover by taking a tour on their site that they truly base their product function on everyday needs. The style of simplicity, and its implication of being efficient, meets the taste and values of the modern mindset without much ado.
<\/p>\n\n\n\n

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

\u25b2Metro UI \u00a0 <\/p>\n\n\n\n

Metro UI is a style introduced by Windows 8, based on the principles of Swiss platform design. Its vibrant colors and clean display is quite similar to that of Flat Design. Moreover, they both emphasize the idea of \u201cContent over Form\u201d, as to actualize the concept of \u201cLess is More\u201d. \u00a0 <\/p>\n\n\n\n

Flat Design VS Realistic Design <\/strong><\/p>\n\n\n\n

The classic Apple products take an appeal a style known as Skeuomorphism<\/strong>. No matter their memos, calendars or iBook, each is designed to be realistic and luxurious. Steve Jobs had also promoted this as a means to connect convention to modernity. <\/p>\n\n\n\n

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

\nHowever, other group of designers at Apple believe that being too realistic would frazzle the user and complicate a products functionality. Jonathan Ive, a forerunner of this belief, than took the iTunes app in the other way and to the extreme: To simplify it as much as possible.
<\/p>\n\n\n\n

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

The value of design cannot be determined simply on its aesthetics <\/strong><\/p>\n\n\n\n

Whether it is Flat Design, or Skeuomorphic Design, the deciding factor always comes down to functionality. What is more important is how it is used, and how it is experienced, rather than just how real or how edgy it looks. Any style, for that matter, needs to go along the following basics of a good design:<\/p>\n\n\n\n

Unity: <\/strong>A line of products need to have something collective and in common, no matter if it is color, icon, size, or logic: The user need to be able to experience all through experience one, and understand what the products present as an whole.<\/p>\n\n\n\n

Categorization: <\/strong>In UI design, it is more about the core applications, and not that much about display. In order to be more convenient for the user, a neat and logical categorization of buttons is a top priority.\u00a0<\/p>\n\n\n\n

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

System feedback: <\/strong>A user would like some kind of indication that a command is put through, or when a undergoing procedure is done. In order to do so, clear sound or icon indicators in an important factor that would raise satisfaction.<\/p>\n\n\n\n

Lower Risks of Conflict: <\/strong>No matter how lavish or unique a design may be, the concept needs to be simple. Lower the risk of confusion for the user is essential to develop the willingness of using an application. Any ambiguity on the part of panel display is a great risk for produce designs. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

————————————————– <\/p>\n\n\n\n

About the author <\/strong><\/p>\n\n\n\n

Gamania User-Experience Center \/ <\/strong>Jason Hsieh<\/strong><\/p>\n\n\n\n

By methods of User-Centered Design, this model is aimed to execute or modify all corporative projects as to improve and promote Gamania in-house user-oriented products. <\/p>\n\n\n\n

————————————————– \u00a0 <\/p>\n","protected":false},"excerpt":{"rendered":"

With the popularization of mobile devices, you see peop […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1971,1979],"tags":[2864],"class_list":["post-10429","post","type-post","status-publish","format-standard","hentry","category-2-columns_en","category-2-1-columns_on_ux_en","tag-mz_vol_58_en"],"acf":[],"yoast_head":"\r\nFLAT UI DESIGN \u2013 The Aesthetics of Slimness - \u6a58\u4eba\u8a8c G!VOICE<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\" \/>\r\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"FLAT UI DESIGN \u2013 The Aesthetics of Slimness - \u6a58\u4eba\u8a8c G!VOICE\" \/>\r\n<meta property=\"og:description\" content=\"With the popularization of mobile devices, you see peop […]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\" \/>\r\n<meta property=\"og:site_name\" content=\"\u6a58\u4eba\u8a8c G!VOICE\" \/>\r\n<meta property=\"article:published_time\" content=\"2014-07-14T16:00:00+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2020-09-09T08:19:42+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"726\" \/>\r\n\t<meta property=\"og:image:height\" content=\"679\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"admin_CAL\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin_CAL\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\u9418\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\"},\"author\":{\"name\":\"admin_CAL\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/4685ff8d01aee7a0b2ad40de8ef1d405\"},\"headline\":\"FLAT UI DESIGN \u2013 The Aesthetics of Slimness\",\"datePublished\":\"2014-07-14T16:00:00+00:00\",\"dateModified\":\"2020-09-09T08:19:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\"},\"wordCount\":675,\"publisher\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#organization\"},\"image\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg\",\"keywords\":[\"VOL. 58\"],\"articleSection\":[\"Columns\",\"On UX\"],\"inLanguage\":\"zh-TW\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\",\"name\":\"FLAT UI DESIGN \u2013 The Aesthetics of Slimness - \u6a58\u4eba\u8a8c G!VOICE\",\"isPartOf\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg\",\"datePublished\":\"2014-07-14T16:00:00+00:00\",\"dateModified\":\"2020-09-09T08:19:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg\",\"contentUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg\",\"width\":726,\"height\":679},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u7576\u671f\u7e3d\u89bd\",\"item\":\"https:\/\/brand.gamania.com\/gvoice\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FLAT UI DESIGN \u2013 The Aesthetics of Slimness\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#website\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/\",\"name\":\"\u6a58\u4eba\u8a8c G!VOICE\",\"description\":\"Read it, Know it, Love it!\",\"publisher\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brand.gamania.com\/gvoice\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#organization\",\"name\":\"\u6a58\u4eba\u8a8c G!VOICE\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2020\/03\/logo.png\",\"contentUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2020\/03\/logo.png\",\"width\":320,\"height\":93,\"caption\":\"\u6a58\u4eba\u8a8c G!VOICE\"},\"image\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/4685ff8d01aee7a0b2ad40de8ef1d405\",\"name\":\"admin_CAL\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7395194d29138c710a5385102f95c8753874965e1e1b2c83e40c9c1cfe361c9d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7395194d29138c710a5385102f95c8753874965e1e1b2c83e40c9c1cfe361c9d?s=96&d=mm&r=g\",\"caption\":\"admin_CAL\"},\"url\":\"https:\/\/brand.gamania.com\/gvoice\/author\/calvin\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FLAT UI DESIGN \u2013 The Aesthetics of Slimness - \u6a58\u4eba\u8a8c G!VOICE","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:\/\/brand.gamania.com\/gvoice\/en\/10429\/","og_locale":"zh_TW","og_type":"article","og_title":"FLAT UI DESIGN \u2013 The Aesthetics of Slimness - \u6a58\u4eba\u8a8c G!VOICE","og_description":"With the popularization of mobile devices, you see peop […]","og_url":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/","og_site_name":"\u6a58\u4eba\u8a8c G!VOICE","article_published_time":"2014-07-14T16:00:00+00:00","article_modified_time":"2020-09-09T08:19:42+00:00","og_image":[{"width":726,"height":679,"url":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg","type":"image\/jpeg"}],"author":"admin_CAL","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005:":"admin_CAL","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"3 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#article","isPartOf":{"@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/"},"author":{"name":"admin_CAL","@id":"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/4685ff8d01aee7a0b2ad40de8ef1d405"},"headline":"FLAT UI DESIGN \u2013 The Aesthetics of Slimness","datePublished":"2014-07-14T16:00:00+00:00","dateModified":"2020-09-09T08:19:42+00:00","mainEntityOfPage":{"@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/"},"wordCount":675,"publisher":{"@id":"https:\/\/brand.gamania.com\/gvoice\/#organization"},"image":{"@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg","keywords":["VOL. 58"],"articleSection":["Columns","On UX"],"inLanguage":"zh-TW"},{"@type":"WebPage","@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/","url":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/","name":"FLAT UI DESIGN \u2013 The Aesthetics of Slimness - \u6a58\u4eba\u8a8c G!VOICE","isPartOf":{"@id":"https:\/\/brand.gamania.com\/gvoice\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage"},"image":{"@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg","datePublished":"2014-07-14T16:00:00+00:00","dateModified":"2020-09-09T08:19:42+00:00","breadcrumb":{"@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brand.gamania.com\/gvoice\/en\/10429\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#primaryimage","url":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg","contentUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2014\/07\/VOL.-58_COL_UX-1-1.jpg","width":726,"height":679},{"@type":"BreadcrumbList","@id":"https:\/\/brand.gamania.com\/gvoice\/en\/10429\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u7576\u671f\u7e3d\u89bd","item":"https:\/\/brand.gamania.com\/gvoice\/"},{"@type":"ListItem","position":2,"name":"FLAT UI DESIGN \u2013 The Aesthetics of Slimness"}]},{"@type":"WebSite","@id":"https:\/\/brand.gamania.com\/gvoice\/#website","url":"https:\/\/brand.gamania.com\/gvoice\/","name":"\u6a58\u4eba\u8a8c G!VOICE","description":"Read it, Know it, Love it!","publisher":{"@id":"https:\/\/brand.gamania.com\/gvoice\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brand.gamania.com\/gvoice\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/brand.gamania.com\/gvoice\/#organization","name":"\u6a58\u4eba\u8a8c G!VOICE","url":"https:\/\/brand.gamania.com\/gvoice\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/logo\/image\/","url":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2020\/03\/logo.png","contentUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/2020\/03\/logo.png","width":320,"height":93,"caption":"\u6a58\u4eba\u8a8c G!VOICE"},"image":{"@id":"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/4685ff8d01aee7a0b2ad40de8ef1d405","name":"admin_CAL","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7395194d29138c710a5385102f95c8753874965e1e1b2c83e40c9c1cfe361c9d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7395194d29138c710a5385102f95c8753874965e1e1b2c83e40c9c1cfe361c9d?s=96&d=mm&r=g","caption":"admin_CAL"},"url":"https:\/\/brand.gamania.com\/gvoice\/author\/calvin\/"}]}},"_links":{"self":[{"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/posts\/10429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/comments?post=10429"}],"version-history":[{"count":2,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/posts\/10429\/revisions"}],"predecessor-version":[{"id":36598,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/posts\/10429\/revisions\/36598"}],"wp:attachment":[{"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/media?parent=10429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/categories?post=10429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/tags?post=10429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}