{"id":12201,"date":"2020-12-18T00:00:00","date_gmt":"2020-12-17T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2020\/12\/18\/ui%e8%88%87ux%e5%ad%b8%e7%bf%92%e8%b3%87%e6%ba%90\/"},"modified":"2026-03-30T14:39:49","modified_gmt":"2026-03-30T06:39:49","slug":"ui%e8%88%87ux%e5%ad%b8%e7%bf%92%e8%b3%87%e6%ba%90","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2020\/12\/ui%e8%88%87ux%e5%ad%b8%e7%bf%92%e8%b3%87%e6%ba%90\/","title":{"rendered":"UI\u8207UX\u5b78\u7fd2\u8cc7\u6e90"},"content":{"rendered":"<h1 id=\"mcetoc_1eppkd73u0\">Guidelines<\/h1>\n\n<ul>\n    <li><a href=\"https:\/\/tiponet.tipo.gov.tw\/TIPO_UIUX\/\" target=\"_blank\" rel=\"noopener\">\u8a2d\u8a08\u898f\u7bc4\u66f8 Design Guideline, \u667a\u6167\u8ca1\u7522\u5c40<\/a><\/li>\n    <li><a href=\"https:\/\/material.io\/\" target=\"_blank\" rel=\"noopener\">Design guidance and code, Google<\/a><\/li>\n    <li><a href=\"https:\/\/developer.apple.com\/design\/\" target=\"_blank\" rel=\"noopener\">Design, Apple<\/a><\/li>\n<\/ul>\n\n<h1 id=\"mcetoc_1eppkouvl2\">UI\/UX<\/h1>\n\n<ul>\n    <li><a href=\"https:\/\/designtongue.me\/category\/ui-ux\/\" target=\"_blank\" rel=\"noopener\">UI\/UX\uff0c\u8a2d\u8a08\u5927\u820c\u982d<\/a><\/li>\n<\/ul>\n\n<h1 id=\"mcetoc_1eppksj4p0\">Prototype<\/h1>\n\n<ul>\n    <li><a href=\"https:\/\/blog.akanelee.me\/posts\/276909-beginners-of-prototype\/\" target=\"_blank\" rel=\"noopener\">\u521d\u5b78\u8005\u7684 Prototype, Akane Lee<\/a><\/li>\n<\/ul>\n\n<h1 id=\"mcetoc_1eppki64h1\">Wireframe<\/h1>\n\n<ul>\n    <li><a href=\"https:\/\/blog.akanelee.me\/posts\/159788-what-is-wireframe\/\" target=\"_blank\" rel=\"noopener\">\u4ec0\u9ebc\u662f Wireframe ? Akane Lee<\/a><\/li>\n    <li><a href=\"https:\/\/tw.alphacamp.co\/blog\/wireframe\" target=\"_blank\" rel=\"noopener\">Wireframe\u662f\u4ec0\u9ebc\uff1f\u8a8d\u8b58\u7db2\u7ad9UI\u8a2d\u8a08\u6392\u7248\u8349\u5716\u8207\u8cc7\u8a0a\u67b6\u69cb<\/a><\/li>\n    <li><a href=\"https:\/\/designtongue.me\/%E8%A8%AD%E8%A8%88%E5%B8%AB%E5%BF%85%E6%87%82-wireframe-prototype-%E7%9A%84%E4%B8%8D%E5%90%8C\/\" target=\"_blank\" rel=\"noopener\">\u8a2d\u8a08\u5e2b\u5fc5\u61c2 (\u4e00) \u2013 WIREFRAME \u8207 PROTOTYPE \u7684\u4e0d\u540c<\/a><\/li>\n    <li><header class=\"post-full-header\">\n<p class=\"post-full-title\" id=\"mcetoc_1eq8q780n1\"><a href=\"https:\/\/www.freecodecamp.org\/news\/what-is-a-wireframe-ux-design-tutorial-website\/?fbclid=IwAR1iiZhH_slox8HxR8GSXJc__WBEZphO0DykN01nba8oC_uqwihF6e2wWT8\" target=\"_blank\" rel=\"noopener\">What is a Wireframe? This UX Design Tutorial Will Show You.<\/a><\/p>\n\n<\/header>\n<div class=\"post-full-author-header\"><\/div><\/li>\n<\/ul>\n\n<h1 id=\"mcetoc_1eppn4hf70\">Flowchart<\/h1>\n\n<ul>\n    <li><a href=\"https:\/\/creately.com\/blog\/diagrams\/user-flow-diagram\/\" target=\"_blank\" rel=\"noopener\">101 Guide to Creating User Flow Diagrams<\/a><\/li>\n    <li><a href=\"https:\/\/medium.com\/as-a-product-designer\/%E5%85%88%E5%88%A5%E6%80%A5%E8%91%97%E7%95%ABui-%E4%BD%A0%E8%81%BD%E9%81%8Eflow-chart%E5%97%8E-c6715f055cfc\" target=\"_blank\" rel=\"noopener\">\u5148\u5225\u6025\u8457\u756bUI\uff0c\u4f60\u807d\u904eFlow Chart\u55ce<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Guidelines \u8a2d\u8a08\u898f\u7bc4\u66f8 Design Guideline, \u667a\u6167\u8ca1\u7522\u5c40 &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-12201","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=12201"}],"version-history":[{"count":1,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12201\/revisions"}],"predecessor-version":[{"id":13696,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12201\/revisions\/13696"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}