{"id":25990,"date":"2014-09-09T21:56:32","date_gmt":"2014-09-09T13:56:32","guid":{"rendered":"https:\/\/facekungfu.com\/metro-wp-flat-design\/"},"modified":"2021-03-07T18:46:15","modified_gmt":"2021-03-07T10:46:15","slug":"metro-wp-flat-design","status":"publish","type":"post","link":"https:\/\/facekungfu.com\/zh-hant\/metro-wp-flat-design\/","title":{"rendered":"Flat Design, Metro \u8a2d\u8a08\u8da8\u52e2\uff0d\u7db2\u9801\u8a2d\u8a08\u8207 Windows\u3001\u884c\u52d5\u88dd\u7f6e\u5e73\u53f0"},"content":{"rendered":"<h2>\u524d\u8a00<\/h2>\n<p>\u81ea2012\u5e74\u8d77\uff0c\u5404\u5bb6\u624b\u6a5f\u9664\u4e86\u5916\u89c0\u4ee5\u5916\uff0c\u9023\u8edf\u9ad4\u548cUI\u4ecb\u9762\u8a2d\u8a08\u90fd\u8b93\u4eba\u6709\u4e00\u7a2e\u300c\u600e\u9ebc\u597d\u50cf\u90fd\u4e92\u76f8\u6709\u5c0d\u65b9\u7684\u5f71\u5b50\u5728\uff1f\u300d\u7684\u611f\u89ba\u3002\u50cf\u662fhTC\u7684Blink Feed\u3001\u4e09\u661f\u7684Magzine\u3001SONY\u7684What&#8217;s New\uff0c\u548ciOS7 \u958b\u59cb\u5c07APP icon\u6241\u5e73\u5316\u2026\u7b49\u3002\u54a6\u90fd\u63d0\u5230\u300c\u6241\u5e73\u5316\u300d\u4e86\uff0c\u7b54\u6848\u547c\u4e4b\u6b32\u51fa\uff0c\u5c31\u662f<strong>\u300cFlat Design\u300d\u6241\u5e73\u5316\u8a2d\u8a08\u98a8\u683c<\/strong>\u3002\u9019\u500b\u65e9\u5728\u591a\u5e74\u524d\u975e\u5e38\u6d41\u884c\u7684\u8a2d\u8a08\u9818\u57df-\u53c8\u518d\u4e00\u6b21\u6372\u571f\u91cd\u4f86\u4e86\u3002\u8a31\u591a\u65b0\u7db2\u7ad9\u4ee5\u53ca\u9700\u8981\u91cd\u65b0\u8a2d\u8a08\u7684\u7db2\u7ad9\u90fd\u7d1b\u7d1b\u63a1\u7528\u4e86\u6241\u5e73\u5316\u8a2d\u8a08\u7684\u65b9\u6848\uff0c\u9019\u7a2e\u8da8\u52e2\u7121\u8ad6\u662f\u5728\u7db2\u9801\u8a2d\u8a08\u3001\u884c\u52d5\u88dd\u7f6e\u8edf\u9ad4\u4ecb\u9762\u904b\u7528\u7b49\u8a2d\u8a08\u65b9\u9762\uff0c\u90fd\u5df2\u7d93\u8513\u5ef6\u958b\u4f86\uff0c\u751a\u81f3\u5305\u62ec\u96dc\u8a8c\u5728\u5167\u7684\u4e00\u4e9b\u65b0\u8208\u5e73\u9762\u51fa\u7248\u7269\uff0c\u4e5f\u9678\u7e8c\u4f7f\u7528Flat Design\u7684\u6982\u5ff5\u3002<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3670\" aria-describedby=\"caption-attachment-3670\" style=\"width: 480px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3670\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/HTC-BlinkFeed.jpg\" alt=\"hTC BlinkFeed\u4ecb\u9762, via http:\/\/fandroides.com\" width=\"480\" height=\"349\" \/><figcaption id=\"caption-attachment-3670\" class=\"wp-caption-text\">hTC BlinkFeed\u4ecb\u9762, via http:\/\/fandroides.com<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3669\" aria-describedby=\"caption-attachment-3669\" style=\"width: 480px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3669\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Samsung-Magazine-UX.jpg\" alt=\"Samsung Magazine UX\u4ecb\u9762, via http:\/\/pocketnow.com\" width=\"480\" height=\"340\" \/><figcaption id=\"caption-attachment-3669\" class=\"wp-caption-text\">Samsung Magazine UX\u4ecb\u9762, via http:\/\/pocketnow.com<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3632\" aria-describedby=\"caption-attachment-3632\" style=\"width: 465px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"23651\" data-permalink=\"https:\/\/facekungfu.com\/zh-hant\/metro-wp-flat-design\/sony-xperia-whats-new-app-2\/\" data-orig-file=\"https:\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Sony-Xperia-Whats-New-app-e1410267445204.jpg\" data-orig-size=\"990,450\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Sony Xperia\u7684What&#8217;s New APP\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Sony Xperia\u7684What&#8217;s New APP&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Sony-Xperia-Whats-New-app-e1410267445204.jpg\" data-large-file=\"https:\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Sony-Xperia-Whats-New-app-e1410267445204.jpg\" class=\"wp-image-23651 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Sony-Xperia-Whats-New-app-e1410267445204.jpg\" alt=\"Sony Xperia What's New APP, via http:\/\/www.sogi.com.tw\" width=\"465\" height=\"425\" \/><figcaption id=\"caption-attachment-3632\" class=\"wp-caption-text\">Sony Xperia What&#8217;s New APP, via http:\/\/www.sogi.com.tw<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Flat Design\u7684\u904b\u7528\u5df2\u76f8\u7576\u5ee3\u6cdb\uff0c\u7531\u65bc\u4f5c\u8005\u672c\u4eba\u662fWindowsPhone\u7684\u611b\u7528\u8005\uff0c\u6240\u4ee5\u672c\u6587\u4e2d\u5f8c\u6bb5\u6bd4\u8f03\u591a\u7684\u7bc7\u5e45\u6703\u4ee5WindowsPhone\u8207\u5176\u4ed6\u884c\u52d5\u88dd\u7f6e\u5e73\u53f0\u4ecb\u9762\u4f86\u4f5c\u70ba\u4e3b\u89d2\uff0c\u9806\u4fbf\u63cf\u8ff0\u4e00\u4e0b\u5404\u5bb6\u884c\u52d5\u88dd\u7f6e\u8207\u7db2\u9801\u8a2d\u8a08\u5728\u9019\u65b9\u9762\u7684\u767c\u5c55\u6f14\u9032\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u4e00\u3001What&#8217;s &#8220;Flat Design&#8221;\uff0d\u6241\u5e73\u5316\u8a2d\u8a08\u662f\u4ec0\u9ebc\uff1f<\/h2>\n<p>Flat Design\u653e\u68c4\u4e86\u6240\u6709 3D \u5316\u8207\u7dad\u5ea6\u6982\u5ff5\uff0c\u5c07\u756b\u9762\u5b8c\u5b8c\u5168\u5168\u7684\u4ee5\u5e73\u9762\u65b9\u5f0f\u5448\u73fe\uff0c\u4e26\u6368\u68c4\u9670\u5f71\u3001\u5149\u5f71\u3001\u659c\u89d2\u7b49\u76f8\u5c0d\u65bc\u5e73\u9762\u7684\u51f9\u51f8\u6548\u679c\uff0c\u72f9\u7fa9\u4e00\u9ede\u5b9a\u7fa9\u751a\u81f3\u53ef\u4ee5\u8aaa\uff0c\u7528\u8272\u584a\u4f86\u7d44\u6210\u8996\u89ba\u4ecb\u9762\u3002\u6b64\u5916\uff0cFlat Design\u5927\u591a\u53ef\u4ee5\u8207\u6975\u7c21\u3001\u6574\u6f54\u727d\u4e0a\u4e00\u9ede\u95dc\u4fc2\uff0c\u96d6\u8aaa\u662f\u6975\u7c21\u6548\u679c\uff0c\u4f46\u662f\u5c0d\u8a2d\u8a08\u8005\u4f86\u8aaa\u4e26\u6c92\u6709\u6e1b\u8f15\u4ed6\u5011\u7684\u8ca0\u64d4\uff0c\u53cd\u800c\u6709\u5168\u65b0\u7684\u7169\u60f1\u3002<\/p>\n<p>\u8a72\u7528\u4ec0\u9ebc\u984f\u8272\uff1f\u8a72\u600e\u9ebc\u7d44\u6210\u3001\u6392\u7248\uff1f\u7531\u65bc\u62cb\u68c4\u4e86\u8a31\u591a\u6548\u679c\uff0c\u518d\u4e5f\u4e0d\u80fd\u4ee5\u83ef\u9e97\u7684\u65b9\u5f0f\u4f86\u596a\u53d6\u76ee\u5149\u5de7\u63a9\u5f31\u52e2\uff0c\u8a2d\u8a08\u5e2b\u672c\u8eab\u7684\u54c1\u5473\u4ee5\u53ca\u6280\u8853\u99ac\u4e0a\u6703\u88ab\u653e\u5927\u6aa2\u8996\uff0c<strong>\u5b8c\u5168\u8457\u91cd\u65bc\u7f8e\u5b78\u8cea\u611f\u3001\u8272\u5f69\u61c9\u7528\u548c\u4e00\u4e9b\u7d30\u5fae\u7684\u60c5\u5883\u8207\u4e92\u52d5\u9ad4\u9a57<\/strong>\u3002<\/p>\n<p><strong>\u800c\u5c07Flat Design\u904b\u7528\u65bc\u5927\u898f\u6a21\u5546\u696d\u7528\u9014\u7684\u9818\u982d\u7f8a\uff0c\u4e0d\u662fApple\uff0c\u800c\u662fMicrosoft\u7528\u65bcWindows8\u7684Metro UI\u4ecb\u9762\uff08\u65bc2012\/10\/25\u6b63\u5f0f\u767c\u8868\uff09\u3002<\/strong><\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3636\" aria-describedby=\"caption-attachment-3636\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3636 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/event_ballmerWin8Launch_Web.jpg\" alt=\"Microsoft Windows 8\u767c\u8868\u6703, \u524d\u57f7\u884c\u9577Steve Ballmer\u4e3b\u6301, 2012\/10\/25, via microsoft.com\" width=\"600\" height=\"386\" \/><figcaption id=\"caption-attachment-3636\" class=\"wp-caption-text\">Microsoft Windows 8\u767c\u8868\u6703, \u524d\u57f7\u884c\u9577Steve Ballmer\u4e3b\u6301, 2012\/10\/25, via microsoft.com<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>\u4e8c\u3001What&#8217;s &#8220;Metro&#8221;\uff0dMetro\u4ecb\u9762\u662f\u4ec0\u9ebc\uff1f<\/h2>\n<p>Metro\u6982\u5ff5\u76f8\u95dc\u5143\u7d20\u5f9e\u5e7e\u5e74\u524d\u5c31\u958b\u59cb\u88ab\u81f4\u656c\u4e86\uff0c\u6216\u662f\u8aaa\uff0c\u5f71\u97ff\uff1f\u5c0d\uff0c\u5f71\u97ff\u3002\u591a\u5e74\u524dMicrosoft \u6b63\u5728\u5ba3\u50b3Win8\u65b0\u4ecb\u9762\u7684\u8a71\u984c\u6642\uff0c\u5c31\u50cf\u73fe\u5728\u7684WindowsPhone\uff0c\u7372\u5f97\u7684\u95dc\u6ce8\u548c\u71b1\u5ea6\u4e0d\u7b97\u662f\u4e3b\u6d41\u7684\u90a3\u7a2e\u7a0b\u5ea6\u3002<\/p>\n<figure id=\"attachment_3637\" aria-describedby=\"caption-attachment-3637\" style=\"width: 580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3637 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Win8-AccessingSystemCommands-Page.jpg\" alt=\"Microsoft Windows 8\u767c\u8868\u6703, \u756b\u9762\u5c55\u793a, 2012\/10\/25, via microsoft.com\" width=\"580\" height=\"326\" \/><figcaption id=\"caption-attachment-3637\" class=\"wp-caption-text\">Microsoft Windows 8\u767c\u8868\u6703, \u756b\u9762\u5c55\u793a, 2012\/10\/25, via microsoft.com<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>&#8220;Meet Windows 8&#8243;\uff0dMetro\u4ecb\u9762\u5ba3\u50b3\u77ed\u7247<\/h3>\n<div class=\"video-container\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/aebfjzdLxJA?rel=0\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<p>\u90a3\u6642Win8\u4e0a\u5e02\u524d\u7684Metro\u4ecb\u9762\u5c55\u793a\u767c\u8868\u5c31\u8b93\u89ba\u5f97\u6211\u89ba\u5f97\u5f88\u4eae\u773c\uff0c\u56e0\u70ba\uff1a<\/p>\n<p>\u5728\u7576\u6642\u87a2\u5e55\u6108\u505a\u6108\u5927\uff0c<strong>\u6b63\u5f9e19&#8243; LCD\u63d0\u5347\u81f324&#8243;, 27&#8243;\u70ba\u4e3b\u6d41\uff0c\u7a7a\u9593\u904b\u7528\u662f\u5f88\u91cd\u8981\u7684<\/strong>\uff0cMetro\u4ecb\u9762\u5c31\u6709\u628a\u9019\u500b\u6982\u5ff5\u8003\u91cf\u9032\u4f86\uff1b\u6700\u7c21\u55ae\u7684\u8aaa\u6cd5\u662f\u8b93icon\u8b8a\u5927\u3001\u8b93widget\u6210\u70ba\u6574\u5408\u4ecb\u9762\u7684\u4e00\u90e8\u4efd\uff0c\u4ee5\u53ca\u8996\u7a97\u53ca\u548c\u5de5\u4f5c\u8868\u5217\u9805\u76ee\u7684\u6975\u7c21\u4e00\u81f4\u4e14\u5177\u96b1\u85cf\u3001\u878d\u5165\u7684\u7279\u6027\u3002<\/p>\n<p><strong>\u4ee5\u5584\u7528\u756b\u9762\u7a7a\u9593\u3001\u63d0\u5347\u5de5\u4f5c\u6548\u7387\u9ad4\u9a57\u8207\u89f8\u63a7\u591a\u529f\u80fd\u7b49\u9762\u5411\u4f86\u770b<\/strong>\uff0c\u9019\u662f\u5f88Smart\u7684\u4e00\u7a2e\u4ecb\u9762\u8a2d\u8a08\uff0c\u540c\u6642\u4e5f\u56e0\u70ba\u9019\u4e9b\u7279\u6027\uff0cMetro\u4ecb\u9762\u540c\u6642\u4e5f\u904b\u7528\u5728WindowsPhone\u7684\u884c\u52d5\u88dd\u7f6e\u4e0a\uff0c\u4f5c\u70ba\u4e00\u7a2e\u66f4\u9069\u5408\u7c21\u55ae\u4f7f\u7528\u53c8\u517c\u5177\u6548\u7387\u53ca\u7f8e\u611f\u9ad4\u9a57\u7684\u884c\u7a2e\u88dd\u7f6e\u5e73\u53f0\u4ecb\u9762\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u4e09\u3001Metro\u4ecb\u9762\u4f7f\u7528\u65bcMicrosoft\u7684\u7279\u6027\u8207\u76ee\u7684<\/h2>\n<p>\u9664\u4e86\u9069\u5ea6\u7684\u7559\u767d\u548c\u7cbe\u7b97\u904e\u7684\u65b9\u584a\u5207\u5272\u6bd4\u4f8b\u4e4b\u5916\uff0cMetro\u7684\u4f7f\u7528\u4e3b\u8981\u662f\u56e0\u61c9\u89f8\u63a7\u88dd\u7f6e\u548c\u5728\u7576\u6642\u9084\u525b\u8d77\u6b65\u7684\u884c\u52d5\u88dd\u7f6e\u4f5c\u6e96\u5099\u3002\u6709\u73a9\u904eAIO\u89f8\u63a7\u684c\u96fb\u7684\u61c9\u8a72\u77e5\u9053\u9019\u500b\u610f\u601d\uff0c\u60f3\u50cf\u4e00\u4e0b\uff0c\u7d66\u4f60\u4e00\u53f0Windows XP\/7 \u7684\u96fb\u8166\uff0c\u628a\u9375\u76e4\u6ed1\u9f20\u4e1f\u6389\uff0c\u8ddf\u4f60\u8aaa\u300c\u563f\uff01\u8acb\u76f4\u63a5\u7528\u87a2\u5e55\u89f8\u63a7\u64cd\u4f5c\u5427\uff01\u300d\u4f60\u8981\u4e0d\u662f\u6703\u88ab\u641e\u760b\uff0c\u5c31\u662f\u6703\u5148\u628a\u9019\u53f0\u96fb\u8166\u7838\u721b\u3002<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3666\" aria-describedby=\"caption-attachment-3666\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3666\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Touch-interface-Win7vsWin8.jpg\" alt=\"\u4f60\u60f3\u8981\u300c\u89f8\u63a7\u64cd\u4f5c\u300d\u5de6\u908a\u7684Win7\u9084\u662f\u53f3\u908a\u7684Win8\u5462\uff1f, via http:\/\/windows7vswindows8.com\" width=\"600\" height=\"318\" \/><figcaption id=\"caption-attachment-3666\" class=\"wp-caption-text\">\u4f60\u60f3\u8981\u300c\u89f8\u63a7\u64cd\u4f5c\u300d\u5de6\u908a\u7684Win7\u9084\u662f\u53f3\u908a\u7684Win8\u5462\uff1f, via http:\/\/windows7vswindows8.com<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>\u56db\u3001Win8\u554f\u4e16\u5f8c\uff0cMetro\u4ecb\u9762\u5c0d\u65bc\u7db2\u9801\u8207\u5e73\u9762\u8a2d\u8a08\u7684\u5f71\u97ff<\/h2>\n<p>Win8\u554f\u4e16\u6642\uff0c\u884c\u52d5\u88dd\u7f6e\u525b\u8d77\u6b65\uff0c\u90a3\u5927\u6982\u662fHTC\u9084\u5728Android\u9663\u71df\u653b\u9802\u7a31\u738b\u7684\u6642\u5019\uff0c\u540c\u6642\u671fMicrosoft\u6b63\u8655\u65bc\u5c07WindowsMobile\u6c71\u63db\u70baWindowsPhone\u7684\u5b78\u6b65\u671f\uff0c\u52a0\u4e0aWin8\u7684\u5e02\u5834\u8868\u73fe\u9817\u5dee\uff0c\u6240\u4ee5\u5c31\u6c92\u4ec0\u9ebc\u8f09\u5177\u6216\u7cfb\u7d71\u6703\u60f3\u8ddf\u8457\u4f7f\u7528Metro\u5143\u7d20\u3002<\/p>\n<p><strong>\u53cd\u800c\u6700\u5148\u958b\u59cb\u4e00\u8d77\u5e36\u9818\u9019\u80a1Flat Design\/Metro\u98a8\u6f6e\u7684\uff0c\u662f\u5404\u7a2e\u65b0\u8208\u7db2\u9801\u8a2d\u8a08\u4f5c\u54c1\u3002<\/strong><\/p>\n<p>2012\u5e74\u8d77\u96a8\u8457Microsoft\u5927\u91cf\u7684Flat Design\/Metro\u6982\u5ff5\u904b\u7528\uff0c\u52a0\u4e0a\u6700\u65b0\u7684HTML5\/CSS3\u7db2\u9801\u8a2d\u8a08\u8a9e\u6cd5\u6f38\u8da8\u6210\u719f\u666e\u53ca\uff0c\u4e00\u4e9b\u8f03\u65b0\u6982\u5ff5\u7684\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\u5982\u96e8\u5f8c\u6625\u7b4d\u822c\uff0c\u5f9e\u6b50\u7f8e\u3001\u82f1\u8a9e\u7cfb\u7db2\u7ad9\u958b\u59cb\u5927\u91cf\u51fa\u73fe\uff0c\u9019\u4e9b\u7db2\u9801\u5171\u540c\u7684\u5e38\u898b\u4f5c\u6cd5\u662f\uff1a<\/p>\n<blockquote>\n<h4>1.\u5927\u8272\u584a\u3001\u76e1\u91cf\u6e1b\u5c11\u5716\u7247<\/h4>\n<h4>2.\u7528CSS3\u8a9e\u6cd5\u6392\u7248\uff0c\u53d6\u4ee3\u820a\u5f0f\u5207\u5716\u8207\u8868\u683c\u6846\u67b6\u6392\u7248<\/h4>\n<h4>3.\u7528\u7d14\u8272\u7684\u5927\u8272\u584a\u548c\u80cc\u666f\u4f86\u505a\u6709\u6548\u7387\u53c8\u80fd\u6e1b\u8f15\u7cfb\u7d71\u8ca0\u64d4\u7684\u6392\u7248\u7d44\u5408<\/h4>\n<h4>\u4ee5\u4e0a\u53ef\u53c3\u8003\u4e4b\u524d\u672c\u7ad9\u6240\u5206\u4eab\u7684\u5169\u7a2e\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff1a<\/h4>\n<\/blockquote>\n<p><strong>A.\u8acb\u53c3\u95b1<a title=\"\u3010\u8a2d\u8a08\u3011\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff0d\u7e7d\u7d1b\u9ede\u7db4\u555e\u8272\u6d3e\uff08\u99ac\u5361\u9f8d\uff09\" href=\"http:\/\/www.facekungfu.com\/webdesign-style-macaron\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u3010\u8a2d\u8a08\u3011\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff0d\u7e7d\u7d1b\u9ede\u7db4\u555e\u8272\u6d3e\uff08\u99ac\u5361\u9f8d\uff09<\/a><\/strong><\/p>\n<p><a href=\"http:\/\/www.facekungfu.com\/webdesign-style-minimalism\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3663 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/webdesign-style-minalism-drxlr-smaller.jpg\" alt=\"\u3010\u8a2d\u8a08\u3011\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff0d\u6975\u7c21\u6d3e\" width=\"600\" height=\"312\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>\u8207 B.\u8acb\u53c3\u95b1<a title=\"\u3010\u8a2d\u8a08\u3011\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff0d\u6975\u7c21\u6d3e\" href=\"http:\/\/www.facekungfu.com\/webdesign-style-minimalism\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u3010\u8a2d\u8a08\u3011\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff0d\u6975\u7c21\u6d3e<\/a><\/strong><\/p>\n<p><a href=\"http:\/\/www.facekungfu.com\/webdesign-style-macaron\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3664 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/webdesign-style-marcaron-spigotdesign-smaller.jpg\" alt=\"\u3010\u8a2d\u8a08\u3011\u7db2\u9801\u8a2d\u8a08\u98a8\u683c\uff0d\u7e7d\u7d1b\u9ede\u7db4\u555e\u8272\u6d3e\uff08\u99ac\u5361\u9f8d\uff09\" width=\"600\" height=\"334\" \/><\/a><\/p>\n<p>\u4ee5\u4e0a\u6240\u63d0\u5230\u7684\u5404\u7a2e\u5e36\u6709Flat Design\/Metro\u5143\u7d20\u7684\u7db2\u9801\u8a2d\u8a08\uff0c\u76f4\u5230\u73fe\u5728\u4ecd\u662f\u5b89\u5168\u4e0d\u6557\u98a8\u683c\u7684\u4e3b\u6d41\u3002\u4e0d\u904e\u9019\u7a2e\u6771\u897f\u4e26\u6c92\u6709\u8ab0\u6284\u8ab0\u7684\u554f\u984c\uff0c\u800c\u662f\u4e00\u500b\u7f8e\u5b78\u98a8\u683c\u3001\u5b78\u6d3e\u8207\u6982\u5ff5\u4e0a\u7684\u5f71\u97ff\u3001\u9032\u5316\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u4e94\u3001\u5c0dFlat Design\/Metro\u7684\u63a8\u5ee3\u6700\u6709\u5f71\u97ff\u529b\u7684OS\uff0dWindowsPhone<\/h2>\n<p>\u96d6\u7136WindowsPhone\u4f7f\u7528\u8005\u6703\u8aaa\u53ea\u6709\u4ecb\u9762\u723d\uff0c\u672c\u8cea\u4e0d\u723d\uff08\u88ab\u7f75\u5f88\u591a\u5f88\u4e45\u7684\u529f\u80fd\u4e0d\u5b8c\u5584\u8207APP\u751f\u614b\u4e0d\u5920\u5065\u5168\uff09\uff0c\u4f46\u7684\u78ba\u5728\u9019\u6642\u5019\uff0c\u5b83\u5011\u5c0dMetro\u76f8\u95dc\u5143\u7d20\u7684\u63a8\u5ee3\u5f71\u97ff\u529b\uff0c\u9060\u6bd4\u5e02\u5834\u8868\u73fe\u4e0d\u600e\u9ebc\u6a23\u7684Win8\u9084\u4f86\u5f97\u5f37\u5927\u8a31\u591a\uff01<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3662\" aria-describedby=\"caption-attachment-3662\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3662 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/windows_phone_8_1_by_saracennegative.png\" alt=\"WindowsPhone8.1\u81ea\u5275\u80cc\u666f\u5716by Saracennegative, via http:\/\/saracennegative.deviantart.com\" width=\"600\" height=\"413\" \/><figcaption id=\"caption-attachment-3662\" class=\"wp-caption-text\">WindowsPhone8.1\u81ea\u5275\u80cc\u666f\u5716by Saracennegative, via http:\/\/saracennegative.deviantart.com<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>\u516d\u3001Flat Design\/Metro\u6d41\u884c\u5f8c\u7684\u7db2\u9801\u8a2d\u8a08\u8207\u5404\u5bb6\u884c\u52d5\u88dd\u7f6eOS\u4f7f\u7528\u9ad4\u9a57\u7684\u7cfe\u7d50<\/h2>\n<p>\u5c31\u7db2\u9801\u8a2d\u8a08\u800c\u8a00\uff0c\u5728\u524d\u9762\u63d0\u5230Flat Design\/Metro\u53caHTML5\/CSS3\u6280\u8853\u666e\u53ca\u5f8c\uff0c\u884d\u751f\u51faFull-Width Page, Landing Page\u7b49\u5404\u7a2e\u65b0\u6f6e\u4e14\u9069\u5408\u8de8\u5e73\u53f0\u3001\u4e00\u5f0f\u591a\u7528\u7684\u7248\u9762\u8a2d\u8a08\u3002\u52a0\u4e0a<strong>\u8001\u8cc8Steve Jobs\u751f\u524d\u5c31\u8b1b\u660eiPhone\u4e0d\u6703\u652f\u63f4Flash<\/strong>\uff08\u8981\u5728\u7db2\u9801\u4e0a\u64ad\u5f71\u7247\u8acb\u7528HTML5\u6280\u8853\uff09\uff0c<strong>RWD\uff08Responsive Web Design\uff09\u97ff\u61c9\u5f0f\u8a2d\u8a08<\/strong>\u5c31\u958b\u59cb\u88ab\u91cd\u8996\u3001\u63a8\u5ee3\uff0c\u6b64\u6642\u7db2\u9801\u8a2d\u8a08\u7684\u512a\u5148\u8003\u91cf\u4e0d\u518d\u50cf\u4ee5\u524d\u90a3\u6a23\u8ffd\u6c42\u5728\u684c\u6a5f\u3001\u7b46\u96fb\u4e0a\u53ef\u4ee5\u591a\u597d\u770b\u591a\u5c4c\uff0c\u6216\u662fFlash\u52d5\u756b\u70ab\u6280\uff0c\u800c\u8b8a\u6210\u662f<strong>\u300c\u5982\u679c\u624b\u6a5f\u6216\u5e73\u677f\u4f7f\u7528\u8005\u5728\u770b\u7684\u8a71\uff0c\u6703\u5982\u4f55\u5448\u73fe\u300d\u70ba\u512a\u5148\u8003\u91cf<\/strong>\uff08\u7576\u7136\u4e5f\u53ef\u4ee5\u684c\u6a5f\u7b46\u96fb\u4e00\u500b\u7248\u672c\uff0c\u884c\u52d5\u88dd\u7f6e\u53e6\u8a2d\u8a08\u4e00\u7a2e\u7248\u672c\uff0c\u9019\u5c31\u53e6\u7576\u5225\u8ad6\u4e86\uff09\u3002<\/p>\n<blockquote><p>\u203b RWD\uff08Responsive Web Design\uff09\u97ff\u61c9\u5f0f\u8a2d\u8a08\uff1a\u662f\u4e00\u7a2e\u8a2d\u8a08\u8207\u5efa\u69cb\u7db2\u7ad9\u7684\u65b9\u5f0f\uff0c\u7121\u8ad6\u4f7f\u7528\u8005\u4f7f\u7528\u7684\u4ecb\u9762\u70ba\u4f55\uff0c\u5b83\u90fd\u80fd\u4f7f\u7db2\u7ad9\u81ea\u52d5\u914d\u5408\u4ecb\u9762\u8abf\u6574\u7248\u9762\u914d\u7f6e\uff0c\u65b9\u4fbf\u5404\u7a2e\u5927\u5c0f\u7684\u884c\u52d5\u88dd\u7f6e\u700f\u89bd\uff0c\u4ee5\u63d0\u4f9b\u9069\u5408\u7684\u4f7f\u7528\u9ad4\u9a57\u3002<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_3660\" aria-describedby=\"caption-attachment-3660\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3660 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/RWD-sample-foodsense.is_.jpg\" alt=\"RWD\u5178\u7bc4\uff1ahttp:\/\/foodsense.is\" width=\"600\" height=\"397\" \/><figcaption id=\"caption-attachment-3660\" class=\"wp-caption-text\">RWD\u5178\u7bc4\uff1ahttp:\/\/foodsense.is<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>\u6240\u4ee5\u76f4\u5230iPhone3~4\u8207hTC Android\u6a5f\u6b63\u592f\u7684\u6642\u671f\u7684\u5c3e\u8072\u70ba\u6b62\uff0c\u5728\u9019\u671f\u9593iOS\u548cAndroid\u9084\u6c92\u6709\u6284\u4e5f\u6c92\u5fc5\u8981\u6284Microsoft\u5f15\u9818\u7684Metro\u6982\u5ff5\uff0c\u53cd\u800c\u662f\u900f\u904e\u7db2\u9801\u8a2d\u8a08\u8207\u7db2\u7ad9\u700f\u89bd\u9ad4\u9a57\u7684\u7ba1\u9053\uff0c\u8b93\u9019\u4e9b\u6982\u5ff5\u5143\u7d20\u5ee3\u70ba\u4eba\u77e5\uff1b\u5c31\u7b97\u4f7f\u7528\u8005\u4e0d\u61c2\uff0c\u4f46\u5404\u570b\u8a2d\u8a08\u5e2b\u90fd\u6703\u53bb\u6293\u8da8\u52e2\u3001\u5206\u6790\u5404\u7a2e\u8a2d\u8a08\u6982\u5ff5\u7684\u50f9\u503c\u4f86\u904b\u7528\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u4e03\u3001Apple\u8207Android\u7b49\u884c\u52d5\u88dd\u7f6e\u5e73\u53f0\u5c0d\u65bcFlat Design\/Metro\u7684\u53cd\u61c9<\/h2>\n<h3>\u00a01. Apple<\/h3>\n<p>\u9996\u5148\uff0c\u56e0\u70baApple\u5728\u7f8e\u611f\u3001\u8a2d\u8a08\u7406\u5ff5\u8207\u7368\u7279\u6027\u7b49\u8003\u91cf\uff0c\u52a0\u4e0aiPhone\u4e00\u5411\u5805\u6301\u4e0d\u4f7f\u7528widget\uff0c\u8981\u4e5f\u662f\u878d\u5165\u5b83\u7684\u4ecb\u9762\u7279\u8272\u88e1\uff0c\u4f46<strong>\u5728iOS7\u4e4b\u5f8c\uff0c\u7e7cMicrosoft\u4e4b\u5f8cApple\u4e5f\u958b\u59cb\u628aFlat Design\u904b\u7528\u5728iPhone\u7684APP icon\u4e0a<\/strong>\uff0c\u6240\u4ee5\u4f60\u6703\u767c\u73fe\u5f9eiOS7\u958b\u59cb\uff0ciPhone\u7684\u4e3b\u756b\u9762\u770b\u8d77\u4f86\u660e\u986f\u6709\u4e00\u7a2e\u300c\u6241\u6241\u300d\u7684\u611f\u89ba\uff0c\u6c42\u8b8a\u5316\u5f8c\uff0c\u5c31\u505a\u51fa\u4e86\u4e3b\u6253<strong>\u300cicon\u61f8\u6d6e\u65bc\u80cc\u666f\u4e4b\u4e0a\u7684\u6548\u679c\u300d<\/strong>\u3002<\/p>\n<p>&nbsp;<\/p>\n<div class=\"video-container\">\n<figure id=\"attachment_3645\" aria-describedby=\"caption-attachment-3645\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3645 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/iOS7-flat.jpg\" alt=\"iOS 7 - Flat Design\u6548\u679c, via http:\/\/apple.com\" width=\"600\" height=\"392\" \/><figcaption id=\"caption-attachment-3645\" class=\"wp-caption-text\">iOS 7 &#8211; Flat Design\u6548\u679ciOS 7 &#8211; Flat Design\u6548\u679c, via http:\/\/apple.com<\/figcaption><\/figure>\n<\/div>\n<p>&nbsp;<\/p>\n<h3>2. Android<\/h3>\n<p>Android\u51fa\u9053\u6642\uff0c\u7f8e\u5b78\u548c\u4eba\u56e0\u8a2d\u8a08\u5de7\u601d\u5f9e\u4f86\u5c31\u4e0d\u91cd\u8981\u4e5f\u9867\u4e0d\u5230\uff0c\u5176\u4e2d\u4e00\u90e8\u4efd\u662f\u56e0\u70ba\u4f5c\u70ba\u4e00\u500b\u958b\u653e\u539f\u59cb\u78bc\u7684\u5e73\u53f0\uff0c\u7576\u7136\u5c31\u4e0d\u592a\u80fd\u4e5f\u4e0d\u6703\u7a4d\u6975\u63a7\u7ba1\u5230\u4ec0\u9ebc\u8a2d\u8a08\u539f\u5247\uff0c\u5e7e\u4e4e\u662f\u5de5\u7a0b\u548c\u529f\u80fd\u591a\u6a23\u5316\u7684\u5c0e\u5411\u3002\u6240\u4ee5<strong>\u667a\u6167\u624b\u6a5f\u767c\u5c55\u521d\u671f\u9664\u4e86iPhone\u4ee5\u5916\uff0c\u8b93hTC\u7684Sense\u8edf\u9ad4\u4ecb\u9762\u512a\u5316\u6709\u4e86\u767c\u63ee\u7684\u6a5f\u6703<\/strong>\u3002\u9806\u9053\u4e00\u63d0\uff0c<strong>\u5f8c\u4f86hTC\u8f49\u5f31\uff0c\u8207Android\u628ahTC\u7684\u4e00\u4e9b\u7368\u5bb6\u6539\u5584\u8a2d\u8a08\u62ff\u4f86\u958b\u653e\u4f7f\u7528\uff0c\u4e5f\u6709\u5f88\u76f4\u63a5\u7684\u95dc\u4fc2<\/strong>\u3002<\/p>\n<p>\u503c\u5f97\u4e00\u63d0\u7684\u662f\uff0c\u57fa\u65bcAndroid\u7684\u958b\u653e\u6027\u8207\u9ad8\u81ea\u7531\u5ea6\uff0c\u65e9\u57282012\u5e74\u4ee5\u524d\u5c31\u6709\u5f37\u8005\u5beb\u51faWindowsPhone Metro\u98a8\u683c\u7684Android Luncher\uff0c\u5728\u4f7f\u7528\u9ad4\u9a57\u4e0a\u7372\u5f97\u4e0d\u5c11\u597d\u8a55\u3002<\/p>\n<figure id=\"attachment_3657\" aria-describedby=\"caption-attachment-3657\" style=\"width: 371px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3657 size-full\" src=\"\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Android-wp-ui-launcher.png\" alt=\"Android\u624b\u6a5f\u4effWindowsPhone\u4ecb\u9762, via &quot;Metro 8 Launcher&quot;\" width=\"371\" height=\"480\" \/><figcaption id=\"caption-attachment-3657\" class=\"wp-caption-text\">Android\u624b\u6a5f\u4effWindowsPhone\u4ecb\u9762, via &#8220;Metro 8 Launcher&#8221;<\/figcaption><\/figure>\n<h2><\/h2>\n<h2>\u7e3d\u800c\u8a00\u4e4b<\/h2>\n<p>\u7e3d\u4e4b\uff0c\u4e0d\u7ba1\u662fFlat Design\/Metro, Win8, WindowsPhone\u8207\u5404\u7a2e\u7db2\u9801\u8a2d\u8a08\u3001\u65b0\u8208\u7db2\u8def\u4e8b\u696d\u7db2\u7ad9\u7684\u4ecb\u9762\u8207LOGO\u7b49\u8a2d\u8a08\u6982\u5ff5\u8207\u5404\u7a2e\u5143\u7d20\uff0c\u672c\u8eab\u7684\u4eba\u56e0\u4e92\u52d5\u3001\u8996\u89ba\u9ad4\u9a57\u3001\u958b\u767c\u8a2d\u8a08\u7684\u6548\u7387\u3001\u63a8\u5ee3\u7684\u8a98\u56e0\u2026\u7b49\uff0c\u771f\u8981\u8ac7\u7684\u8a71\u90a3\u53c8\u662f\u53e6\u4e00\u7a2e\u5404\u5225\u7684\u5c08\u696d\uff0c\u6bd4\u8f03\u4e0d\u5141\u8a31\u6211\u9019\u6a23\u6191\u81ea\u5df1\u7684\u898b\u89e3\u63cf\u8ff0\u5e36\u904e\u5c31\u7b97\u4e86\u3002<\/p>\n<p>\u4f46\u50cf\u662f\u5404\u7a2e\u8edf\u786c\u9ad4\u8207\u7db2\u9801\u64cd\u4f5c\u4ecb\u9762\u7684\u4f7f\u7528\u9ad4\u9a57\u3001\u9019\u4e9b\u88dd\u7f6e\u8207\u8996\u89ba\u4e0a\u7684\u6539\u8b8a\uff0c\u6240\u5e36\u4f86\u7684\u56de\u994b\u8207\u767c\u5c55\u53f2\u7684\u76f8\u95dc\u6027\uff0c\u662f\u6bcf\u4e00\u500b\u611b\u4e0a\u7db2\u611b\u64783c\u4ecb\u9762\u3001\u6642\u9593\u592a\u591a\u611b\u6771\u770b\u897f\u770b\u7684\u4f7f\u7528\u8005\uff0c\u5c24\u5176\u662f\u56de\u9867\u4e4b\u5f8c\uff0c\u90fd\u80fd\u986f\u800c\u6613\u898b\u5730\u611f\u53d7\u5230\u7684\u6a02\u8da3\uff01 <\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5e36\u9818\u9019\u80a1Flat Design\/Metro\u98a8\u6f6e\u7684\uff0c\u662f\u5404\u7a2e\u65b0\u8208\u7db2\u9801\u8a2d\u8a08\u4f5c\u54c1\uff0c\u5171\u540c\u7684\u5e38\u898b\u4f5c\u6cd5\u662f\uff1a<br \/>\n    1.\u5927\u8272\u584a\u3001\u76e1\u91cf\u6e1b\u5c11\u5716\u7247<br \/>\n    2.\u7528CSS3\u8a9e\u6cd5\u6392\u7248\uff0c\u53d6\u4ee3\u820a\u5f0f\u5207\u5716\u8207\u8868\u683c\u6846\u67b6\u6392\u7248<br \/>\n    3.\u7528\u7d14\u8272\u7684\u5927\u8272\u584a\u548c\u80cc\u666f\u4f86\u505a\u6709\u6548\u7387\u53c8\u80fd\u6e1b\u8f15\u7cfb\u7d71\u8ca0\u64d4\u7684\u6392\u7248\u7d44\u5408<\/p>\n","protected":false},"author":1,"featured_media":23652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[507,515,508],"tags":[],"class_list":["post-25990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-zh-hant","category-art-life-design-music-zh-hant","category-it-3c-info-zh-hant"],"jetpack_publicize_connections":[],"featured_image_src":"https:\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Flat-Metro-style-biz-card-aas_ali-600x400.jpg","featured_image_src_square":"https:\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Flat-Metro-style-biz-card-aas_ali.jpg","author_info":{"display_name":"Green","author_link":"https:\/\/facekungfu.com\/zh-hant\/author\/yanggh\/"},"jetpack_featured_media_url":"https:\/\/facekungfu.com\/wp-content\/uploads\/2014\/09\/Flat-Metro-style-biz-card-aas_ali.jpg","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/posts\/25990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/comments?post=25990"}],"version-history":[{"count":0,"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/posts\/25990\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/media\/23652"}],"wp:attachment":[{"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=25990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/categories?post=25990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/facekungfu.com\/zh-hant\/wp-json\/wp\/v2\/tags?post=25990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}