{"id":9426,"date":"2018-04-01T00:00:00","date_gmt":"2018-03-31T16:00:00","guid":{"rendered":"https:\/\/brand.gamania.com\/gvoice\/9426\/"},"modified":"2020-05-26T13:53:07","modified_gmt":"2020-05-26T05:53:07","slug":"%e4%bd%a0%e5%8f%af%e8%83%bd%e4%b8%8d%e7%9f%a5%e9%81%93%e7%9a%848%e5%80%8bux%e5%b0%88%e6%9c%89%e8%8b%b1%e6%96%87%e5%ad%97%e5%bd%99","status":"publish","type":"post","link":"https:\/\/brand.gamania.com\/gvoice\/9426\/","title":{"rendered":"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59"},"content":{"rendered":"\n<p style=\"font-size:14px\" class=\"has-text-color has-very-light-gray-color\">\u4f5c\u8005\uff1aShandy Tsai<br>\u672c\u6587\u7531<a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/uxeastmeetswest\" target=\"_blank\">&nbsp;UX\u56db\u795e\u6e6f<\/a>&nbsp;\u63d0\u4f9b\uff0c\u539f\u6587\u51fa\u8655&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/uxeastmeetswest\/%E4%BD%A0%E5%8F%AF%E8%83%BD%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%848%E5%80%8Bux%E8%8B%B1%E6%96%87%E5%AD%97%E5%BD%99-6b8137e20ea8\" target=\"_blank\">\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59<\/a><br>UX\u56db\u795e\u6e6f\u662f\u56db\u4f4d\u81fa\u7063\u6e05\u5927\u7562\u696d\u7684UX\u6d77\u5916\u5de5\u4f5c\u8005\u6240\u5efa\u7acb\u7684\u5167\u5bb9\u5e73\u53f0\uff0c\u6bcf\u9031\u5b9a\u671f\u8207\u8b80\u8005\u5206\u4eab\u7f8e\u570b\u8207\u5927\u9678\u7684\u5de5\u4f5c\u8207\u751f\u6d3b\u7d93\u9a57\u3002\u7531\u65bc\u56db\u4f4d\u4f5c\u8005\u7684\u8077\u80fd\u8207\u516c\u53f8\u898f\u6a21\u90fd\u4e0d\u540c\uff0c\u56e0\u6b64\u66f4\u80fd\u6fc0\u76ea\u51fa\u601d\u60f3\u7684\u706b\u82b1\uff0c\u5167\u5bb9\u6db5\u84cb\u7f8e\u570b\u8207\u5927\u9678\u7684\u5de5\u4f5c\u74b0\u5883\u3001\u4e92\u806f\u7db2\u5de8\u982d\u8207\u65b0\u5275\u516c\u53f8\u7684\u5de5\u4f5c\u65b9\u5f0f\u8207UX\u5be6\u52d9\u6280\u80fd\u5206\u4eab\u3002<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>\u3010\u672c\u6587\u9069\u5408\u60f3\u8a8d\u8b58UX\u5c08\u6709\u8a5e\u5f59\u3001\u589e\u9032\u82f1\u8a9e\u80fd\u529b\u7684\u8b80\u8005\u3011<\/strong><\/h5>\n\n\n\n<p class=\"has-normal-font-size\">\u5728\u7f8e\u570b\u8077\u5834\u4e0a\uff0c\u9664\u4e86\u5c08\u696d\u6280\u80fd\u4e4b\u5916\uff0c\u6700\u91cd\u8981\u3001\u6700\u5177\u6311\u6230\u7684\u5c31\u662f\u6e9d\u901a\u3002\u7531\u65bc\u82f1\u6587\u4e26\u975e\u6211\u5011\u7684\u6bcd\u8a9e\uff0c\u7576\u5c0d\u65b9\u8b1b\u8a71\u904e\u5feb\u3001\u6216\u662f\u4e0d\u7406\u89e3\u55ae\u5b57\uff0c\u6642\u5e38\u6703\u767c\u751f\u4ee5\u4e0b\u56f0\u7a98\u7684\u60c5\u6cc1\uff1a<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u6545\u4e8b\u80cc\u666f\uff1a<br>\u6211\u548c\u5176\u4ed6\u5169\u4f4d\u5de5\u7a0b\u5e2b\u8ca0\u8cac\u958b\u767c\u4e00\u652fAPP\uff0c\u6211\u5011\u6b63\u8a0e\u8ad6\u8457Interaction Design<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5de5\u7a0b\u5e2bAndrew\u62ff\u8457\u624b\u6a5f\u8ddf\u6211\u8aaa \u201cWhen you \u8058\u5a36 this, it will rotate\u2026\u201d<br>\u201c\u8058\u5a36\uff1f\u201d \u5e36\u8457\u7591\u60d1\u7684\u773c\u795e\uff0c\u6211\u554f<br>\u201cYa, \u8058\u5a36, you know\u201d Andrew\u6de1\u5b9a\u7684\u56de\u7b54<br>\u6211\u4ecd\u7136\u76ba\u8457\u7709\u982d\u3001\u775c\u5927\u773c\u775b\u3001\u6b6a\u8457\u982d<br>\u65bc\u662f\u4ed6\u628a\u624b\u653e\u5728\u7a7a\u4e2d\u6bd4\u5283\uff0c\u6211\u624d\u4e86\u89e3\u4ed6\u7684\u610f\u601d\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u9019\u7a2e\u60c5\u5f62\uff0c\u5728\u65e5\u5e38\u751f\u6d3b\u5c62\u898b\u4e0d\u9bae\uff0c\u9664\u4e86\u5c08\u6709\u540d\u8a5e\u5916\uff0c\u9084\u6709\u8a31\u591a\u751f\u6d3b\u7528\u8a9e\u3002\u56e0\u6b64\uff0c\u4fc3\u6210\u5beb\u9019\u7bc7\u6587\u7ae0\u7684\u52d5\u6a5f\uff0c\u8b93\u60f3\u8981\u8a8d\u8b58\u66f4\u591aUX\u5c08\u6709\u8a5e\u5f59\uff0c\u589e\u5f37\u82f1\u6587\u5be6\u529b\u7684\u4f60\uff0c\u53ef\u4ee5\u907f\u514d\u59ca\u8d70\u904e\u7684\u9060\u8def\u3002\u540c\u6642\uff0c\u7576\u5916\u570b\u4eba\u8ddf\u4f60\u6e9d\u901a\uff0c\u904b\u7528\u9019\u4e9b\u8a5e\u5f59\uff0c\u6703\u8b93\u5c0d\u65b9\u89ba\u5f97\u4f60\u66f4\u52a0\u5c08\u696d\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/brand.gamania.com\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-1.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\">\u25b2\u5728\u5de5\u4f5c\u5834\u5408\u4e0a\uff0c\u9664\u4e86\u5c08\u696d\u80fd\u529b\u5916\uff0c\u6700\u5177\u6311\u6230\u7684\u5373\u662f\u6e9d\u901a\u80fd\u529b<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u9019\u7bc7\u6587\u7ae0\u6211\u6574\u7406\u4e86\u516b\u500b\u5e38\u898b\u7684\u5c08\u6709\u540d\u8a5e\uff0c\u5206\u6210\u5169\u500b\u90e8\u5206\uff1a<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>1. Gestures \u624b\u52e2<\/strong><br>1.1 Pinch<br>1.2 Tap<br>1.3 Flick \/ Swipe<br>1.4 Drag and Drop<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>2. UI Components \u4ecb\u9762\u5143\u4ef6<\/strong><br>2.1 Carousel<br>2.2 Modal<br>2.3 Text Field<br>2.4 Action sheet (Bottom sheet)<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"> <strong>1. Gestures \u624b\u52e2<\/strong><\/h5>\n\n\n\n<p class=\"has-normal-font-size\">\u5e73\u677f\u3001\u624b\u6a5f\u7b49\u89f8\u63a7\u4ecb\u9762\u4e2d\uff0c\u624b\u52e2\u7684\u4e92\u52d5\u8a2d\u8a08\u63d0\u4f9b\u4f7f\u7528\u8005\u8207\u88dd\u7f6e\u9593\u66f4\u591a\u5be6\u969b\u7684\u56de\u994b\uff0c\u8b93\u4f7f\u7528\u8005\u53ef\u4ee5\u76f4\u89ba\u7684\u64cd\u63a7\u7cfb\u7d71\uff0c\u63d0\u5347\u4f7f\u7528\u8005\u7d93\u9a57\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>1.1 Pinch<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">Pinch\u5728\u82f1\u6587\u5c0d\u8a71\u4e2d\uff0c\u6709\u5169\u7a2e\u610f\u601d\uff1a<\/p>\n\n\n\n<p class=\"has-normal-font-size\">a. \u634f (v.) \u201cshe pinched his cheek\u201d \u5979\u634f\u4ed6\u7684\u81c9\u9830<\/p>\n\n\n\n<p class=\"has-normal-font-size\">b. \u88ab\u6293\u5230 (n.) \u201cI got a pinch of tobacco\u201d \u6211\u5e36\u9999\u83f8\u88ab\u6293\u5230\u4e86<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5728\u4e92\u52d5\u8a2d\u8a08\u4e2d\uff0cPinch\u5c31\u662fzoom in &amp; zoom out\u7684\u624b\u52e2\uff0c\u7576\u5169\u500b\u624b\u6307\u982d\u5411\u5167\u63a8\u3001\u6216\u662f\u5f80\u5916\u5ef6\u4f38\uff0c\u9019\u500b\u52d5\u4f5c\u5c31\u53eb\u505aPinch\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-2.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\"> \u25b2Pinch\u57fa\u672c\u4e0a\u662fzoom in\u548czoom out\u7684\u624b\u52e2\uff0c\u7576\u5169\u96bb\u624b\u6307\u982d\u5f80\u5167\u63a8\u3001\u5f80\u5916\u5ef6\u4f38<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><br><strong>1.2 Tap<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u6211\u5011\u5e38\u807d\u5230\u7684\u662fTap water\u662f\u6307\u81ea\u4f86\u6c34\u3002\u5728\u4e92\u52d5\u8a2d\u8a08\u4e2d\uff0cTap\u662f\u6307\u6fc0\u767c\u4e00\u500b\u63a7\u5236\uff0c\u6216\u662f\u9078\u64c7\u4e00\u500b\u9805\u76ee\uff0c\u662f\u6700\u5e38\u898b\u7684\u624b\u52e2\u4e4b\u4e00\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u800cDouble Tap\u662f\u5feb\u901f\u7684\u9ede\u64ca\u5169\u4e0b\uff0c\u8b93\u7269\u4ef6\u653e\u5927\uff0c\u6216\u662f\u7576\u7269\u4ef6\u5df2\u7d93\u662f\u653e\u5927\u72c0\u614b\u6642\uff0cDouble Tap\u8b93\u7269\u4ef6\u6062\u5fa9\u539f\u72c0\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-3.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\">\n\u25b2 Tap\u9ede\u64ca\uff0c\u70ba\u6700\u5e38\u898b\u7684\u624b\u52e2\u4e4b\u4e00\n&nbsp;\n\n<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><br><strong>1.3 Flick \/ Swipe<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">Swipe \u662f\u7528\u4f86\u700f\u89bd\u4e00\u7cfb\u5217\u7684\u76f8\u7247\u53ca\u9801\u9762\u3002\u540c\u6642\uff0c\u6211\u5011\u4e5f\u6703\u4f7f\u7528Swipe\u4f86\u79fb\u9664\u9805\u76ee\uff0c\u6216\u662f\u986f\u793a\u5176\u9805\u76ee\u7684\u5176\u9918\u529f\u80fd\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">Flick \u662f\u6307\u5feb\u901f\u7684\u6ed1\u52d5\u4e00\u7cfb\u5217\u9805\u76ee\uff0c\u5c24\u5176\u7576\u9805\u76ee\u7684\u5bec\u5ea6\u904e\u9577\u6642\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5728\u700f\u89bd\u76f8\u7247\u6642\uff0c\u4f60\u6703Flick\uff0c\u770b\u4e0b\u4e00\u5f35\u7167\u7247\u6216\u662f\u4e4b\u5f8c\u7684\u7167\u7247\uff1b\u800cSwipe left\u8fd4\u56de\u524d\u4e00\u9801\u3001Swipe right\u524d\u5f80\u4e0b\u4e00\u9801\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u9019\u5169\u500b\u8a5e\u5f59\u96d6\u7136\u90fd\u53ef\u4ee5\u7528\u4f86\u66f4\u66ff\u9805\u76ee\uff0c\u4e0d\u540c\u7684\u5730\u65b9\u5728\u65bc\u901f\u5ea6\u53ca\u65b9\u5411\u3002\u8209\u4f8b\u4f86\u8aaa\uff0cSwip\u901a\u5e38\u662f\u6307\u5e73\u884c\u79fb\u52d5\uff0c\u60f3\u50cf\u7528\u4e00\u679d\u925b\u7b46\u756b\u4e00\u689d\u76f4\u7dda\uff1b\u800cFlick\u5c31\u50cf\u662f\u5feb\u901f\u7684\u5283\u7dda\u69d3\u6389\u67d0\u9805\u76ee\uff0c\u901f\u5ea6\u8f03\u5feb\uff0c\u65b9\u5411\u4e5f\u8f03\u4e0d\u898f\u5247\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/brand.gamania.com\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-4.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\"> \u25b2 Swipe\uff0c\u7576\u8fd4\u56de\u524d\u9801\uff0c\u6216\u662f\u524d\u5f80\u4e0b\u4e00\u9801\u6642\uff0c\u6703\u7528Swipe\u4f86\u66f4\u66ff\u9801\u9762<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><br><strong>1.4 Drag and drop<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">Drag\u662f\u62d6\u52d5\uff0cDrop\u901a\u5e38\u662f\u7528\u4f86\u6307\u964d\u843d\u3001\u4e0b\u964d\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u7576\u4f7f\u7528\u8005\u8981\u79fb\u52d5\u4e00\u500b\u7269\u4ef6\u6642\uff0c\u6703\u9396\u5b9a\u4e00\u7269\u4ef6\u3001\u62d6\u66f3\u5230\u65b0\u7684\u4f4d\u7f6e\u3001\u91cb\u653e\u3002\u9019\u4e00\u9023\u4e32\u7684\u52d5\u4f5c\u5c31\u7a31\u70baDrag and drop\u3002\u7576\u7136\uff0c\u4f60\u4e5f\u53ef\u4ee5\u8aaamove the item\uff0c\u4f46\u662fDrag and drop\u66f4\u591a\u52d5\u611f\u7684\u7d30\u7bc0\u3002\u9664\u4e86\u89f8\u63a7\u87a2\u5e55\u5916\uff0c\u4e00\u822c\u87a2\u5e55\u4e5f\u9069\u7528\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-5.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\"> \u25b2&nbsp; Drag and Drop<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>2. UI Components \u4ecb\u9762\u5143\u4ef6<\/strong><\/h5>\n\n\n\n<p class=\"has-normal-font-size\">\u4ecb\u9762\u8a2d\u8a08\u662f\u7531\u8a31\u591a\u5143\u4ef6\u6240\u7d44\u6210\u3002\u4ee5\u4e0b\u8981\u4f86\u4ecb\u7d39\u7279\u5225\u3001\u6709\u8da3\u7684\u5c08\u6709\u540d\u8a5e\uff1a<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>2.1 Carousel &nbsp; <\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">Carousel\u7684\u672c\u610f\u662f\u6307\u904b\u8f38\u5e36\uff0c\u6216\u662f\u65cb\u8f49\u6728\u99ac\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5728\u4ecb\u9762\u8a2d\u8a08\u4e2d\uff0cCarousel\u7684\u76ee\u7684\u662f\u7528\u4f86\u5448\u73fe\u591a\u500b\u7269\u4ef6\u3002\u4f8b\u5982\u700f\u89bd\u5716\u7247\u6642\uff0c\u6211\u5011\u5e38\u5e38\u6703\u770b\u5230\u5e95\u4e0b\u6709\u5c0f\u5713\u9ede\u3001\u986f\u5716\u6216\u662f\u7bad\u982d\uff0c\u5f15\u5c0e\u4f7f\u7528\u8005\u9ede\u64ca\u4e0b\u4e00\u5f35\u5716\u7247\uff0c\u800c\u6700\u986f\u8457\u7684\u90a3\u5f35\u5716\u7247\uff0c\u6211\u5011\u7a31\u70baHero image\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">Carousel\u6709\u5169\u500b\u512a\u9ede\uff0c\u4e00\u662f\u4e0d\u4f54\u64da\u904e\u591a\u7684\u7248\u9762\uff0c\u4e8c\u662f\u8feb\u4f7f\u7528\u6236\u4e00\u6b21\u53ea\u80fd\u628a\u6ce8\u610f\u529b\u653e\u5728\u4e00\u500b\u7269\u4ef6\u3002\u4f46\u4e5f\u6709\u4eba\u6279\u8a55\u6b64\u8a2d\u8a08\u7121\u6cd5\u8b93\u4f7f\u7528\u8005\u4e00\u6b21\u700f\u89bd\u5168\u90e8\u7684\u8cc7\u8a0a\uff0c\u5373\u6709\u53ef\u80fd\u5ffd\u7565\u5176\u4e2d\u7684\u5167\u5bb9\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-6.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\">\u25b2 Carousel \u8b93\u4f7f\u7528\u8005\u5c07\u6ce8\u610f\u529b\u4e00\u6b21\u53ea\u80fd\u653e\u5728\u4e00\u5f35\u5716\u7247\uff0c\u4e26\u4e0d\u4f54\u64da\u904e\u591a\u7684\u7248\u9762<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><br><strong>2.2 Modal \/ Dialog<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u201cModel?\u201d \u7576\u521d\u7b2c\u4e00\u6b21\u807d\u5230\u4e3b\u7ba1\u8b1bModal\u6642\uff0c\u6211\u5167\u5fc3\u5145\u6eff\u56f0\u60d1\uff0c\u56e0\u70baModal\u8ddfModel\u7684\u97f3\u5341\u5206\u76f8\u8fd1\uff0c\u4f46\u610f\u7fa9\u537b\u5b8c\u5168\u4e0d\u540c\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">Modal\u7684\u539f\u610f\u662f\u8a9e\u6c23\uff0cModal\u5b58\u5728\u7684\u610f\u7fa9\u5728\u65bc\u901a\u77e5\u4f7f\u7528\u8005\u91cd\u8981\u8cc7\u8a0a\uff0c\u6216\u662f\u5f15\u5c0e\u4f7f\u7528\u8005\u6c7a\u7b56\u4e0b\u4e00\u500b\u52d5\u4f5c\u3002\u6700\u5e38\u898b\u7684\u4f7f\u7528\u60c5\u5f62\u70ba\u8b66\u544a\u53ca\u78ba\u8a8d\uff0c\u4f8b\u5982\uff1a\u7576\u4f7f\u7528\u8005\u8981\u522a\u9664\u4e00\u9805\u76ee\uff0c\u6703\u6709\u4e00\u500b\u7a81\u7136\u8df3\u51fa\u7684\u8996\u7a97\uff0c\u518d\u6b21\u8a62\u554f\u201dAre you sure to delete the item?\u201d\uff1b\u6216\u662f\u6253\u958bGoogle map\u6642\uff0c\u6703\u63d0\u9192\u4f7f\u7528\u8005 \u201cGoogle map would like to use your current location\u201d\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u56e0\u6b64\uff0c\u7576Modal\u8df3\u51fa\u6642\uff0c\u901a\u5e38\u6703\u6709\u4e00\u5c64\u5e36\u6709\u900f\u660e\u611f\u7684\u9ed1\u8272\u5c4f\u5e55\uff0c\u5206\u9694\u8457\u4e3b\u8981\u8996\u7a97\u8207modal\uff0c\u963b\u65b7\u4f7f\u7528\u8005\u521d\u59cb\u52d5\u4f5c\uff0c\u8feb\u4f7f\u7528\u6236\u5c07\u6ce8\u610f\u529b\u96c6\u4e2d\u5728Modal\u4e0a\uff0c\u518d\u7e7c\u7e8c\u9032\u884c\u539f\u672c\u7684\u4efb\u52d9\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-7.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\"> \u25b2Modal\u7684\u76ee\u7684\u662f\u901a\u77e5\u4f7f\u7528\u8005\u91cd\u8981\u8cc7\u8a0a\uff0c\u6216\u662f\u5f15\u5c0e\u4f7f\u7528\u8005\u6c7a\u7b56\u4e0b\u4e00\u500b\u52d5\u4f5c<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>2.3 Text Field<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">Field\u5728\u82f1\u6587\u4e2d\uff0c\u662f\u6307\u7530\u5712\uff0c\u6216\u662f\u9818\u57df\uff0c\u4e00\u584a\u53ef\u4ee5\u8015\u7a2e\u7684\u7a7a\u5730\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u6211\u5011\u7d93\u5e38\u4f7f\u7528\u6587\u5b57\u8f38\u5165\u683c\uff0c\u5c31\u7a31\u4f5cText Field\u3002\u7576\u89e3\u91cb\u904e\u5f8c\uff0c\u4f60\u53ef\u80fd\u89ba\u5f97\u6c92\u4ec0\u9ebc\u5927\u4e0d\u4e86\uff0c\u4e0d\u904e\u56de\u60f3\u7576\u521d\u4f5c\u8005\u672c\u8eab\u8ddf\u5de5\u7a0b\u5e2b\u6e9d\u901a\u6642\uff0c\u537b\u4e0d\u77e5\u9053\u600e\u9ebc\u7a31\u547c\u8f38\u683c\uff0c\u53ea\u597d\u4e00\u76f4\u8aaabox\uff0c\u4e5f\u662f\u53e6\u4e00\u4ef6\u7a98\u4e8b\u4e86\u3002<\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-light-gray-color\">\u8f38\u5165\u683c\u6709\u9700\u6ce8\u610f\u7684\u8a2d\u8a08\u7d30\u7bc0\uff0c\u4f8b\u5982\u6e05\u6670\u7684\u8aaa\u660e\u6587\u5b57(text label)\u3001\u9069\u7576\u7684\u9577\u5ea6\u3001\u7576\u4f7f\u7528\u8005\u8f38\u5165\u6642\u7684\u7126\u9ede\u8996\u89ba\u8a2d\u8a08\u3001\u9632\u5446\u7684\u932f\u8aa4\u72c0\u614b\u7b49\u7b49\u3002\u6709\u8208\u8da3\u7684\u670b\u53cb\uff0c\u53ef\u4ee5\u95b1\u8b80\u6b64\u6587\u7ae0\uff1a<a rel=\"noreferrer noopener\" href=\"https:\/\/uxplanet.org\/designing-perfect-text-field-clarity-accessibility-and-user-effort-d03c1e26004b\" target=\"_blank\">Designing Perfect Text Field: Clarity, Accessibility and User Effort\u3002<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-8.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\"> \u25b2 Text Field \u6211\u5011\u7d93\u5e38\u4f7f\u7528\u6587\u5b57\u8f38\u5165\u683c\uff0c\u5c31\u7a31\u4f5cText Field<\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>2.4 Action Sheet \/ Bottom Sheet<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\">Action sheet\u662f\u4e00\u7d44\u52d5\u4f5c\u7684\u6309\u9215\uff0c\u5feb\u901f\u5730\u63d0\u4f9b\u4f7f\u7528\u8005\u4e0d\u540c\u7684\u9078\u64c7\u3002\u4f8b\u5982\uff1a\u7576\u4f7f\u7528\u8005\u9ede\u64ca(tap)\u5206\u4eab\u6309\u9215\u6642\uff0cAction sheet\u6703\u51fa\u73fe\u4e00\u4e32\u9078\u64c7\u7684\u6e05\u55ae\uff0c\u5982Email\u3001Facebook\u3001Message\u4e0d\u540c\u7684\u5206\u4eab\u65b9\u5f0f\u7b49\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5728iOS\u7cfb\u7d71\u7a31\u70baAction Sheet\uff0c\u4e0d\u904e\u5728Android\u4e0a\u53eb\u505aBottom Sheet\uff0c\u4e3b\u8981\u662f\u7528\u65bc\u624b\u6a5f\u88dd\u7f6e\u3002\u5728\u8a2d\u8a08\u6642\uff0cAction sheet\u662f\u4e00\u7d44\u5feb\u901f\u53c8\u7c21\u6f54\u7684\u65b9\u6cd5\uff0c\u7121\u9808\u8a2d\u8a08\u984d\u5916\u7684\u756b\u9762\uff0c\u540c\u6642\u63d0\u4f9b\u4f7f\u7528\u8005\u9078\u64c7\u7684\u7a7a\u9593\u3002 <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/VOL.81-Columns-UX%E7%B6%93%E9%A9%97-1-9.png\" alt=\"\" width=\"720\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-align-center\">\u25b2 Action sheet\u662f\u4e00\u7d44\u52d5\u4f5c\u7684\u6309\u9215\uff0c\u5feb\u901f\u5730\u63d0\u4f9b\u4f7f\u7528\u8005\u4e0d\u540c\u7684\u9078\u64c7<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5728\u7f8e\u570b\u8077\u5834\u4e0a\uff0c\u5e38\u5e38\u6703\u9047\u5230\u6e9d\u901a\u7684\u554f\u984c\uff0c\u4e0d\u50c5\u662f\u5728\u751f\u6d3b\u7528\u8a9e\uff0c\u6216\u662f\u5c08\u696d\u8853\u8a9e\u3002\u56e0\u6b64\u4f5c\u8005\u6574\u7406\u4e86\u4ee5\u4e0a\u516b\u500b\u540d\u8a5e\uff0c\u662f\u6211\u5728\u5de5\u4f5c\u5834\u5408\u6642\u5e38\u904b\u7528\u5230\uff0c\u4f46\u7576\u521d\u537b\u60f3\u7834\u982d\u4e5f\u8aaa\u4e0d\u51fa\u7684\u82f1\u6587\u5b57\u5f59\uff08\u5fc3\u9178\uff09\u3002<\/p>\n\n\n\n<p class=\"has-normal-font-size\">\u5e0c\u671b\u80fd\u63d0\u4f9b\u5927\u5bb6\u4e00\u500b\u6709\u8da3\u3001\u7c21\u6f54\u7684\u65b9\u5f0f\uff0c\u8a8d\u8b58\u9019\u4e9b\u5c08\u6709\u5b57\u5f59\uff08\u8b93\u5916\u570b\u4eba\u5c0d\u4f60\u5606\u70ba\u89c0\u6b62\uff09\u3002\u5982\u679c\u5927\u5bb6\u5c0d\u9019\u7cfb\u5217\u6587\u7ae0\u6709\u8208\u8da3\u7684\u8a71\uff0c\u5f88\u9858\u610f\u518d\u63d0\u4f9b\u66f4\u591a\u7684\u8cc7\u8a0a\uff0c\u90a3\u6211\u5011\u4e0b\u9031\u898b\uff01<\/p>\n\n\n\n<p style=\"font-size:14px\" class=\"has-text-color has-very-light-gray-color\"><br><br><br><br>References<br>***iOS Human Interface Guidelines\u200a\u2014\u200aGesture<br><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.apple.com\/ios\/human-interface-guidelines\/interaction\/gestures\/\" target=\"_blank\">https:\/\/developer.apple.com\/ios\/human-interface-guidelines\/interaction\/gestures\/<\/a> **The iOS Design Guidelines<br><a rel=\"noreferrer noopener\" href=\"http:\/\/ivomynttinen.com\/blog\/ios-design-guidelines https:\/\/designcode.io\/iosdesign-guidelines\" target=\"_blank\">http:\/\/ivomynttinen.com\/blog\/ios-design-guidelineshttps:\/\/designcode.io\/iosdesign-guidelines<\/a><br>***Material Design<br><a rel=\"noreferrer noopener\" href=\"https:\/\/material.io\/guidelines\/material-design\/introduction.html#\" target=\"_blank\">https:\/\/material.io\/guidelines\/material-design\/introduction.html#<\/a><br>Touch Screen Gestures<br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.embeddedinteractions.com\/touch%20screen%20gestures.html\" target=\"_blank\">http:\/\/www.embeddedinteractions.com\/touch%20screen%20gestures.html<\/a><br>Swipe vs. flick<br><a rel=\"noreferrer noopener\" href=\"https:\/\/brianthurston.com\/swipe-vs-flick-on-ios-6ff6a516b6aa\" target=\"_blank\">https:\/\/brianthurston.com\/swipe-vs-flick-on-ios-6ff6a516b6aa<\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/www.quora.com\/Whats-the-difference-between-swipe-and-flick-actions-on-iOS\" target=\"_blank\">https:\/\/www.quora.com\/Whats-the-difference-between-swipe-and-flick-actions-on-iOS<\/a><br>Designing Perfect Text Field: Clarity, Accessibility and User Effort<br><a rel=\"noreferrer noopener\" href=\"https:\/\/uxplanet.org\/designing-perfect-text-field-clarity-accessibility-and-user-effort-d03c1e26004b\" target=\"_blank\">https:\/\/uxplanet.org\/designing-perfect-text-field-clarity-accessibility-and-user-effort-d03c1e26004b<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4f5c\u8005\uff1aShandy Tsai\u672c\u6587\u7531&nbsp;UX\u56db\u795e\u6e6f&nbsp;\u63d0\u4f9b\uff0c\u539f\u6587\u51fa\u8655&nbsp;\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":18266,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1163,1157],"tags":[777],"class_list":["post-9426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-2-1-columns_on_ux_tw","category-2-columns_tw","tag-mz_vol_81_tw"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59 - \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\/9426\/\" \/>\r\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59 - \u6a58\u4eba\u8a8c G!VOICE\" \/>\r\n<meta property=\"og:description\" content=\"\u4f5c\u8005\uff1aShandy Tsai\u672c\u6587\u7531&nbsp;UX\u56db\u795e\u6e6f&nbsp;\u63d0\u4f9b\uff0c\u539f\u6587\u51fa\u8655&nbsp;\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848 [&hellip;]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/brand.gamania.com\/gvoice\/9426\/\" \/>\r\n<meta property=\"og:site_name\" content=\"\u6a58\u4eba\u8a8c G!VOICE\" \/>\r\n<meta property=\"article:published_time\" content=\"2018-03-31T16:00:00+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2020-05-26T05:53:07+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png\" \/>\r\n\t<meta property=\"og:image:width\" content=\"726\" \/>\r\n\t<meta property=\"og:image:height\" content=\"379\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"1 \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\/9426\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/\"},\"author\":{\"name\":\"admin_CAL\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/4685ff8d01aee7a0b2ad40de8ef1d405\"},\"headline\":\"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59\",\"datePublished\":\"2018-03-31T16:00:00+00:00\",\"dateModified\":\"2020-05-26T05:53:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/\"},\"wordCount\":277,\"publisher\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#organization\"},\"image\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png\",\"keywords\":[\"81\u671f\"],\"articleSection\":[\"UX\u7d93\u9a57\u8ac7\",\"\u6a58\u5c08\u6b04\"],\"inLanguage\":\"zh-TW\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/\",\"name\":\"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59 - \u6a58\u4eba\u8a8c G!VOICE\",\"isPartOf\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png\",\"datePublished\":\"2018-03-31T16:00:00+00:00\",\"dateModified\":\"2020-05-26T05:53:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brand.gamania.com\/gvoice\/9426\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage\",\"url\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png\",\"contentUrl\":\"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png\",\"width\":726,\"height\":379},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brand.gamania.com\/gvoice\/9426\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u7576\u671f\u7e3d\u89bd\",\"item\":\"https:\/\/brand.gamania.com\/gvoice\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59\"}]},{\"@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":"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59 - \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\/9426\/","og_locale":"zh_TW","og_type":"article","og_title":"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59 - \u6a58\u4eba\u8a8c G!VOICE","og_description":"\u4f5c\u8005\uff1aShandy Tsai\u672c\u6587\u7531&nbsp;UX\u56db\u795e\u6e6f&nbsp;\u63d0\u4f9b\uff0c\u539f\u6587\u51fa\u8655&nbsp;\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848 [&hellip;]","og_url":"https:\/\/brand.gamania.com\/gvoice\/9426\/","og_site_name":"\u6a58\u4eba\u8a8c G!VOICE","article_published_time":"2018-03-31T16:00:00+00:00","article_modified_time":"2020-05-26T05:53:07+00:00","og_image":[{"width":726,"height":379,"url":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png","type":"image\/png"}],"author":"admin_CAL","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005:":"admin_CAL","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"1 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#article","isPartOf":{"@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/"},"author":{"name":"admin_CAL","@id":"https:\/\/brand.gamania.com\/gvoice\/#\/schema\/person\/4685ff8d01aee7a0b2ad40de8ef1d405"},"headline":"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59","datePublished":"2018-03-31T16:00:00+00:00","dateModified":"2020-05-26T05:53:07+00:00","mainEntityOfPage":{"@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/"},"wordCount":277,"publisher":{"@id":"https:\/\/brand.gamania.com\/gvoice\/#organization"},"image":{"@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png","keywords":["81\u671f"],"articleSection":["UX\u7d93\u9a57\u8ac7","\u6a58\u5c08\u6b04"],"inLanguage":"zh-TW"},{"@type":"WebPage","@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/","url":"https:\/\/brand.gamania.com\/gvoice\/9426\/","name":"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59 - \u6a58\u4eba\u8a8c G!VOICE","isPartOf":{"@id":"https:\/\/brand.gamania.com\/gvoice\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage"},"image":{"@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png","datePublished":"2018-03-31T16:00:00+00:00","dateModified":"2020-05-26T05:53:07+00:00","breadcrumb":{"@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brand.gamania.com\/gvoice\/9426\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#primaryimage","url":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png","contentUrl":"https:\/\/brand.gamania.com\/gvoice\/wp-content\/uploads\/gvoice\/db\/editor\/VOL.81\/76d4736914819d6f34919c51a4e9f6ef.png","width":726,"height":379},{"@type":"BreadcrumbList","@id":"https:\/\/brand.gamania.com\/gvoice\/9426\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u7576\u671f\u7e3d\u89bd","item":"https:\/\/brand.gamania.com\/gvoice\/"},{"@type":"ListItem","position":2,"name":"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053\u76848\u500bUX\u5c08\u6709\u82f1\u6587\u5b57\u5f59"}]},{"@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\/9426","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=9426"}],"version-history":[{"count":4,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/posts\/9426\/revisions"}],"predecessor-version":[{"id":30351,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/posts\/9426\/revisions\/30351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/media\/18266"}],"wp:attachment":[{"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/media?parent=9426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/categories?post=9426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brand.gamania.com\/gvoice\/wp-json\/wp\/v2\/tags?post=9426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}