{"id":1,"date":"2025-06-01T22:40:43","date_gmt":"2025-06-01T14:40:43","guid":{"rendered":"http:\/\/uxengineer.top\/?p=1"},"modified":"2025-06-03T13:40:06","modified_gmt":"2025-06-03T05:40:06","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/uxengineer.top\/?p=1","title":{"rendered":"\u4ec0\u4e48\u662fUX Engineer"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u4e00\u3001UX Engineer \u7684\u5b9a\u4e49<\/h4>\n\n\n\n<p><strong>UX Engineer\uff08\u7528\u6237\u4f53\u9a8c\u5de5\u7a0b\u5e08\uff09<\/strong>\uff0c\u53c8\u88ab\u53eb\u505aUX Prototyper\u3001Design technologist\uff0c&nbsp;\u662f\u4e00\u79cd\u878d\u5408\u8bbe\u8ba1\u4e0e\u524d\u7aef\u6280\u672f\u7684\u8de8\u804c\u80fd\u89d2\u8272\uff0c\u4e3b\u8981\u8d1f\u8d23\u5c06<strong>\u8bbe\u8ba1\u7406\u5ff5\u8f6c\u5316\u4e3a\u771f\u5b9e\u3001\u53ef\u4ea4\u4e92\u7684\u754c\u9762<\/strong>\uff0c\u786e\u4fdd\u8bbe\u8ba1\u7684\u53ef\u5b9e\u73b0\u6027\u3001\u4ea4\u4e92\u4f53\u9a8c\u4e00\u81f4\u6027\uff0c\u5e76\u63a8\u52a8\u8bbe\u8ba1\u7cfb\u7edf\u7684\u5de5\u7a0b\u843d\u5730\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u4e8c\u3001UX Engineer \u7684\u6838\u5fc3\u804c\u8d23<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u804c\u8d23\u7c7b\u522b<\/th><th>\u5177\u4f53\u5de5\u4f5c\u5185\u5bb9<\/th><\/tr><\/thead><tbody><tr><td>\ud83c\udfa8 \u8bbe\u8ba1\u8f6c\u5316<\/td><td>\u5c06 UI\/\u4ea4\u4e92\u8bbe\u8ba1\u7a3f\uff08\u5982 Figma\uff09\u9ad8\u4fdd\u771f\u5730\u5b9e\u73b0\u4e3a\u4ee3\u7801\u754c\u9762\uff08React\/Vue\uff09<\/td><\/tr><tr><td>\ud83e\uddf1 \u8bbe\u8ba1\u7cfb\u7edf\u5efa\u8bbe<\/td><td>\u7f16\u5199\u3001\u7ef4\u62a4 UI \u7ec4\u4ef6\u5e93\uff1b\u4e0e\u8bbe\u8ba1\u56e2\u961f\u5b9a\u4e49 Design Token\u3001\u547d\u540d\u89c4\u8303\u7b49<\/td><\/tr><tr><td>\u2728 \u52a8\u6548\u4e0e\u4ea4\u4e92\u5b9e\u73b0<\/td><td>\u4f7f\u7528 Framer Motion\u3001GSAP \u7b49\u5de5\u5177\u5b9e\u73b0\u5fae\u4ea4\u4e92\u3001\u8f6c\u573a\u52a8\u6548<\/td><\/tr><tr><td>\u267f \u53ef\u8bbf\u95ee\u6027\u652f\u6301<\/td><td>\u786e\u4fdd Web \u754c\u9762\u7b26\u5408 A11y \u6807\u51c6\uff08WAI-ARIA\u3001\u952e\u76d8\u5bfc\u822a\u7b49\uff09<\/td><\/tr><tr><td>\ud83e\uddea \u539f\u578b\u9a8c\u8bc1<\/td><td>\u5feb\u901f\u6784\u5efa\u53ef\u4ea4\u4e92\u539f\u578b\uff0c\u7528\u4e8e\u7528\u6237\u6d4b\u8bd5\u6216\u4ea7\u54c1\u9a8c\u8bc1\uff08\u6709\u65f6\u65e0\u540e\u7aef\uff09<\/td><\/tr><tr><td>\ud83d\udd01 \u591a\u7ec8\u7aef\u9002\u914d<\/td><td>\u786e\u4fdd\u4f53\u9a8c\u5728 PC \/ \u79fb\u52a8\u7aef \/ \u5e73\u677f\u7b49\u5e73\u53f0\u4e0a\u4e00\u81f4<\/td><\/tr><tr><td>\ud83e\udd1d \u534f\u4f5c\u6865\u6881<\/td><td>\u5728\u8bbe\u8ba1\u3001\u5f00\u53d1\u3001\u4ea7\u54c1\u4e4b\u95f4\u505a\u6c9f\u901a\u7ffb\u8bd1\u8005\uff0c\u63a8\u52a8\u4e00\u81f4\u4f53\u9a8c<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u4e09\u3001\u4e0e\u76f8\u5173\u89d2\u8272\u7684\u533a\u522b\u4e0e\u534f\u4f5c\u5173\u7cfb<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u5bf9\u6bd4\u89d2\u8272<\/th><th>\u5de5\u4f5c\u91cd\u5fc3<\/th><th>\u4e0e UX Engineer \u7684\u8fb9\u754c<\/th><th>\u534f\u4f5c\u65b9\u5f0f<\/th><\/tr><\/thead><tbody><tr><td><strong>UX Designer<\/strong><br>\u7528\u6237\u4f53\u9a8c\u8bbe\u8ba1\u5e08<\/td><td>\u7814\u7a76\u3001\u539f\u578b\u3001\u4fe1\u606f\u67b6\u6784\u3001\u89c6\u89c9\u7a3f<\/td><td>\u4e13\u6ce8\u7528\u6237\u7814\u7a76\u3001\u754c\u9762\u7ed3\u6784\u4e0e\u98ce\u683c\u5b9a\u4e49\uff0c\u4e0d\u5199\u4ee3\u7801<\/td><td>UXE \u5c06\u5176\u8bbe\u8ba1\u5b9e\u73b0\u4e3a\u4ea4\u4e92\u771f\u5b9e\u754c\u9762\uff0c\u5e76\u53cd\u9988\u53ef\u884c\u6027<\/td><\/tr><tr><td><strong>\u524d\u7aef\u5de5\u7a0b\u5e08<\/strong><\/td><td>\u529f\u80fd\u5b9e\u73b0\u3001\u72b6\u6001\u7ba1\u7406\u3001\u540e\u7aef\u8054\u8c03<\/td><td>\u4e13\u6ce8\u4e1a\u52a1\u903b\u8f91\u3001\u6027\u80fd\u3001\u5b89\u5168\u3001\u8def\u7531\u7b49\u9886\u57df<\/td><td>UXE \u63d0\u4f9b\u7ec4\u4ef6\/UI\u57fa\u7840\u8bbe\u65bd\uff0c\u524d\u7aef\u8fdb\u4e00\u6b65\u96c6\u6210\u529f\u80fd<\/td><\/tr><tr><td><strong>\u4ea7\u54c1\u7ecf\u7406<\/strong><\/td><td>\u9700\u6c42\u5206\u6790\u3001\u89c4\u5212\u3001\u534f\u8c03\u8d44\u6e90<\/td><td>\u4e0d\u8d1f\u8d23\u4ea4\u4e92\u7ec6\u8282\u548c\u5b9e\u73b0<\/td><td>UXE \u53c2\u4e0e\u9700\u6c42\u8bc4\u5ba1\uff0c\u8bc4\u4f30\u4f53\u9a8c\u590d\u6742\u5ea6\u4e0e\u5f00\u53d1\u53ef\u884c\u6027<\/td><\/tr><tr><td><strong>\u8bbe\u8ba1\u7cfb\u7edf\u8d1f\u8d23\u4eba<\/strong><\/td><td>\u7ba1\u7406\u8de8\u9879\u76ee UI \u89c4\u8303\u548c\u4e00\u81f4\u6027<\/td><td>\u53ef\u80fd\u662f UXE \u62c5\u4efb\uff0c\u4e5f\u53ef\u80fd\u662f\u4e13\u804c<\/td><td>UXE \u5b9e\u9645\u7ef4\u62a4\u7ec4\u4ef6\u4ee3\u7801\uff0c\u4e0e\u8bbe\u8ba1\u89c4\u8303\u540c\u6b65\u66f4\u65b0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u56db\u3001UX Engineer \u5e38\u7528\u6280\u80fd\u6808<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u6280\u80fd\u65b9\u5411<\/th><th>\u6280\u672f \/ \u5de5\u5177<\/th><\/tr><\/thead><tbody><tr><td><strong>\u8bed\u8a00\u57fa\u7840<\/strong><\/td><td>HTML, CSS, JavaScript\uff08ES6+\uff09, TypeScript<\/td><\/tr><tr><td><strong>\u6846\u67b6\u4e0e\u5e93<\/strong><\/td><td>React \/ Vue, Framer Motion, Tailwind CSS<\/td><\/tr><tr><td><strong>\u539f\u578b\u4e0e\u8bbe\u8ba1\u5de5\u5177<\/strong><\/td><td>Figma, Sketch, Zeplin<\/td><\/tr><tr><td><strong>\u8bbe\u8ba1\u7cfb\u7edf\u534f\u4f5c<\/strong><\/td><td>Storybook, Style Dictionary, Token Studio<\/td><\/tr><tr><td><strong>\u8f85\u52a9\u5de5\u5177<\/strong><\/td><td>Git, VS Code, npm\/yarn, Lint \u5de5\u5177<\/td><\/tr><tr><td><strong>\u53ef\u8bbf\u95ee\u6027\u652f\u6301<\/strong><\/td><td>ARIA, Axe DevTools, Lighthouse A11y \u68c0\u67e5<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u4e94\u3001UX Engineer \u4e3a\u4ec0\u4e48\u91cd\u8981\uff1f<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u89e3\u51b3\u201c\u8bbe\u8ba1\u843d\u5730\u96be\u201d<\/strong>\uff1a\u907f\u514d\u8bbe\u8ba1\u7a3f\u5728\u5f00\u53d1\u4e2d\u88ab\u201c\u9609\u5272\u201d<\/li>\n\n\n\n<li><strong>\u63a8\u52a8\u201c\u4f53\u9a8c\u4e00\u81f4\u6027\u201d<\/strong>\uff1a\u7edf\u4e00\u7ec4\u4ef6\u884c\u4e3a\u4e0e\u89c6\u89c9\u4f53\u9a8c<\/li>\n\n\n\n<li><strong>\u52a0\u901f\u4ea7\u54c1\u8fed\u4ee3<\/strong>\uff1a\u901a\u8fc7\u539f\u578b\u548c\u7ec4\u4ef6\u5e93\u63d0\u5347\u7814\u53d1\u6548\u7387<\/li>\n\n\n\n<li><strong>\u5f3a\u5316\u8bbe\u8ba1\u7cfb\u7edf\u95ed\u73af<\/strong>\uff1a\u5efa\u7acb\u4ee3\u7801\u548c\u8bbe\u8ba1\u8bed\u8a00\u7684\u53cc\u5411\u6620\u5c04<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u4e03\u3001UX Engineer \u9002\u5408\u54ea\u4e9b\u4eba\uff1f<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6709<strong>\u8bbe\u8ba1\u80cc\u666f<\/strong>\uff0c\u613f\u610f\u5b66\u4e60\u524d\u7aef\u6280\u672f\u7684\u4eba<\/li>\n\n\n\n<li>\u6709<strong>\u524d\u7aef\u57fa\u7840<\/strong>\uff0c\u6ce8\u91cd\u7528\u6237\u4f53\u9a8c\u4e0e\u754c\u9762\u7ec6\u8282\u7684\u4eba<\/li>\n\n\n\n<li>\u5e0c\u671b\u5728<strong>\u8bbe\u8ba1-\u6280\u672f\u4e4b\u95f4\u6a2a\u5411\u53d1\u5c55<\/strong>\u7684\u4eba<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e00\u3001UX Engineer \u7684\u5b9a\u4e49 UX Engineer\uff08\u7528\u6237\u4f53\u9a8c\u5de5\u7a0b\u5e08\uff09\uff0c\u53c8\u88ab\u53eb\u505aUX Prototype [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/uxengineer.top\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uxengineer.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uxengineer.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uxengineer.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uxengineer.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":5,"href":"https:\/\/uxengineer.top\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":127,"href":"https:\/\/uxengineer.top\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/127"}],"wp:attachment":[{"href":"https:\/\/uxengineer.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uxengineer.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uxengineer.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}