{"id":9845,"title":"\u7372 2024 iF \u8a2d\u8a08\u734e\uff01\u53f0\u7063\u9078\u8209\u7f8e\u5b78\u9032\u5316\uff1a\u9078\u8209\u516c\u5831\u66f4\u6e05\u695a\u3001\u6295\u7968\u6240\u906e\u5c4f\u512a\u5316\u7b49 6 \u5927\u4eae\u9ede","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539859-54379.jpg?w=600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539859-54379.jpg?w=900\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539859-54379.jpg?w=1600\u0026output=webp","feature_picture_source":"\u5716\u7247\u63d0\u4f9b\uff0f\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662","to_publish_time":"2024-03-04 16:00:00","updated_at":"2024\/03\/04","editor_name":"Szuan Chen","editor_title":"\u6587\u5b57\u6574\u7406","canonical_url":"","summary":"\u7372 2024 iF \u8a2d\u8a08\u734e\uff01\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\u8207\u4e2d\u592e\u9078\u8209\u59d4\u54e1\u6703\u651c\u624b\uff0c\u8017\u8cbb 3 \u5e74\u512a\u5316\uff0c\u5305\u542b\u9078\u8209\u516c\u5831\u3001\u6295\u7968\u6240\u6307\u6a19\u7b49 6 \u5927\u4eae\u9ede\u4e00\u6b21\u770b\u3002","keyword":null,"is_ads":false,"is_ai":false,"page_title":"\u7372 2024 iF \u8a2d\u8a08\u734e\uff01\u53f0\u7063\u9078\u8209\u7f8e\u5b78\u9032\u5316\uff1a\u9078\u8209\u516c\u5831\u66f4\u6e05\u695a\u3001\u6295\u7968\u6240\u906e\u5c4f\u512a\u5316\u7b49 6 \u5927\u4eae\u9ede","authorinfo_id":4249,"tags":[{"slug":"\u8996\u89ba\u8a2d\u8a08","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E8%A6%96%E8%A6%BA%E8%A8%AD%E8%A8%88"},{"slug":"\u5e73\u9762\u8a2d\u8a08","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E5%B9%B3%E9%9D%A2%E8%A8%AD%E8%A8%88"},{"slug":"\u8a2d\u8a08\u601d\u8003","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E8%A8%AD%E8%A8%88%E6%80%9D%E8%80%83"},{"slug":"\u516c\u5171\u7a7a\u9593\u8a2d\u8a08","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E5%85%AC%E5%85%B1%E7%A9%BA%E9%96%93%E8%A8%AD%E8%A8%88"}],"categories":[{"slug":"designthinking","name":"\u8a2d\u8a08\u601d\u8003"}],"recommends":[{"type":"article","title":"\u822a\u6e2f\u5c40\u85cd\u8272\u516c\u8def\u65b0\u54c1\u724c Taiwan Hi \u4eae\u76f8\uff01\u672c\u8cea\u8a2d\u8a08\u64cd\u5200\uff0c\u91cd\u5851\u53f0\u7063\u6d77\u904b\u65b0\u6a23\u8c8c","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/9125","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-06\/img-1687940983-49137.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-06\/img-1687940983-49137.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-06\/img-1687940983-49137.jpg?w=900\u0026output=webp","related_id":9125},{"type":"article","title":"\u70ba\u4ec0\u9ebc\u6821\u5712\u88e1\u8981\u6709\u8a2d\u8a08\uff1f\u958b\u7bb1\u300c\u5b78\u7f8e\u30fb\u7f8e\u5b78\u300d\u7b2c\u56db\u5f48\uff0c\u5168\u53f0 6 \u6240\u5b78\u6821\u6539\u9020\u4eae\u9ede","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/8860","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-04\/img-1681899993-21148.jpeg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-04\/img-1681899993-21148.jpeg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-04\/img-1681899993-21148.jpeg?w=900\u0026output=webp","related_id":8860},{"type":"article","title":"\u5168\u65b0\u300c\u6f8e\u6e56\u8f2a\u300d \u958b\u822a\uff0c\u7a7a\u9593\u66dd\u5149\uff01\u67cf\u6210\u8a2d\u8a08\u878d\u5165\u6f8e\u6e56\u610f\u8c61\u3001\u85cd\u8272\u516c\u8def\u5f62\u8c61\u6253\u9020\u8cea\u611f\u65c5\u904b","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/8148","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-09\/img-1694421846-11850.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-09\/img-1694421846-11850.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-09\/img-1694421846-11850.jpg?w=900\u0026output=webp","related_id":8148}],"authorinfo":{"title":"\u7db2\u7ad9\u7de8\u8f2f","last_name":"","first_name":"","content":"","html":"","ch_name":"\u9673\u601d\u5b89","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-06\/img-1719207831-63759.jpg?w=600\u0026output=webp","id":4249,"email":"szuan.chen@shoppingdesign.com.tw"},"activity":null,"book":null,"topics":[],"my_updated_date":"2024-03-04T17:12:26+08:00","category":"\u8a2d\u8a08\u601d\u8003","category_slug":"designthinking","category_url":"https:\/\/www.shoppingdesign.com.tw\/post\/category\/designthinking","html":"\u003Cp\u003E\u6bcf\u5230\u9078\u8209\u6642\u671f\uff0c\u7e3d\u6703\u770b\u5230\u9078\u8209\u516c\u5831\u7684\u6392\u7248\u7e41\u96dc\u96e3\u4ee5\u95b1\u8b80\u3001\u6295\u7968\u6240\u7684\u6307\u793a\u6df7\u4e82\u8cc7\u8a0a\u50b3\u905e\u4e0d\u6613\u3001\u653f\u898b\u767c\u8868\u6703\u821e\u53f0\u4f48\u7f6e\u984f\u8272\u7e41\u591a\u9020\u6210\u8996\u89ba\u75b2\u52de\u7b49\u554f\u984c\uff0c\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\uff08\u8a2d\u7814\u9662\uff09\u8207\u4e2d\u592e\u9078\u8209\u59d4\u54e1\u6703\uff08\u4e2d\u9078\u6703\uff09\u5408\u4f5c\uff0c\u6b77\u7d93 3 \u5e74\u30013 \u968e\u6bb5\u7684\u512a\u5316\uff0c\u5728\u9078\u8209\u4e2d\u5c0e\u5165\u66f4\u591a\u8a2d\u8a08\u80fd\u91cf\uff0c\u4e0d\u50c5\u5e36\u7d66\u5927\u773e\u66f4\u6e05\u6670\u3001\u9806\u66a2\u7684\u9078\u8209\u9ad4\u9a57\u8207\u6295\u7968\u73fe\u5834\uff0c\u66f4\u69ae\u7372 2024 iF \u8a2d\u8a08\u734e\uff01\u4ee5\u4e0b\u4ecb\u7d39\u300c\u9078\u8209\u7f8e\u5b78\u300d\u6539\u9020\u7684 6 \u5927\u4eae\u9ede\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425408-85232.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425408-85232.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425408-85232.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425408-85232.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u63d0\u4f9b \/ \u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539863-68244.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539863-68244.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539863-68244.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539863-68244.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u4f86\u6e90\uff0f\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662 TDRI FB\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Ch2\u003E01 \u7372 2024 iF \u8a2d\u8a08\u734e\u003C\/h2\u003E\n\u003Cp\u003E\u65bc 1953 \u5e74\u5728\u5fb7\u570b\u6210\u7acb\u7684\u300ciF \u8a2d\u8a08\u734e (iF DESIGN AWARD) \u300d\u70ba\u570b\u969b\u4e0a\u8209\u8db3\u8f15\u91cd\u7684\u8a2d\u8a08\u7af6\u8cfd\u4e4b\u4e00\uff0c\u7e3d\u5171\u5206\u70ba\u4e5d\u5927\u985e\u5225\u3002\u65e5\u524d\u516c\u5e03 2024 \u5e74\u7684\u5f97\u734e\u4f5c\u54c1\u4e2d\uff0c\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4ee5\u300cUser Experience \/ UX \u7528\u6236\u9ad4\u9a57\u300d\u985e\u5225\u7372\u734e\uff01\u003C\/p\u003E\n\u003Cp\u003E\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/ifdesign.com\/en\/winner-ranking\/project\/electoral-aesthetics\/620437?fbclid=PAAaYLVz5JXH2nYysgOs4QGKopaMkfILk79frHO08PIgr56pM4ezPr3O3ORWI_aem_Ad9AgZln63z8EXVvLcYGebBmeUX6aCesKcwW0hZQ3u90QIO0DEfl0htpSsyCHo7NsH8\u0022\u003E\u5b98\u65b9\u7db2\u7ad9\u003C\/a\u003E\u4e0a\u63d0\u5230\u7372\u734e\u539f\u56e0\uff1a\u300c\u4f5c\u70ba\u53f0\u7063\u6700\u654f\u611f\u3001\u76e3\u7ba1\u6700\u56b4\u683c\u7684\u8b70\u984c\uff0c40 \u5e74\u4f86\u6240\u6709\u9078\u8209\u516c\u5831\u5747\u7531\u653f\u5e9c\u6a5f\u69cb\u76f4\u63a5\u7de8\u8f2f\u5370\u88fd\uff0c\u9019\u4e9b\u8cc7\u8a0a\u537b\u56e0\u70ba\u7f3a\u4e4f\u8a2d\u8a08\u800c\u96e3\u4ee5\u7406\u89e3\u3002\u56e0\u6b64\uff0c\u7531\u8a2d\u7814\u9662\u767c\u8d77\u3001\u4e2d\u9078\u6703\u5408\u4f5c\uff0c\u5728\u9069\u7528\u7684\u6cd5\u5f8b\u548c\u9810\u7b97\u4e0b\uff0c\u5f9e\u9078\u6c11\u7684\u89d2\u5ea6\u5275\u9020\u66f4\u7cbe\u78ba\u3001\u66f4\u9806\u66a2\u7684\u9078\u8209\u9ad4\u9a57\u3002\u9664\u4e86\u512a\u5316\u6295\u7968\u7ad9\u7684\u9078\u8209\u516c\u544a\u548c\u6a19\u8a8c\uff08\u9019\u4e9b\u662f\u516c\u773e\u63a5\u89f8\u7684\u4e3b\u8981\u5730\u9ede\uff09\u4e4b\u5916\uff0c\u9084\u70ba\u672a\u4f86\u7684\u9078\u8209\u670d\u52d9\u61c9\u7528\u5236\u5b9a\u4e86\u5c08\u696d\u6a19\u6e96\u3002\u300d\u003C\/p\u003E\n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539856-97596.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539856-97596.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539856-97596.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539856-97596.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u4f86\u6e90\uff0f\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662 TDRI FB\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539865-84480.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539865-84480.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539865-84480.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-03\/img-1709539865-84480.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u4f86\u6e90\uff0f\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662 TDRI FB\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Ch2\u003E02 \u9078\u8209\u516c\u5831\u003C\/h2\u003E\n\u003Cp\u003E\u4e2d\u9078\u6703\u548c\u8a2d\u7814\u9662\u651c\u624b\u5171\u5275\u7684 \u003Cstrong\u003E\u7b2c\u4e00\u968e\u6bb5\u003C\/strong\u003E \u662f 2021 \u5e74 12 \u6708\u7684\u516c\u6295\u516c\u5831\uff0c\u5728\u7b26\u5408\u6cd5\u898f\u8207\u539f\u4f86\u7684\u9810\u7b97\u9650\u5236\u4e0b\uff0c\u5c0d\u65bc\u7248\u9762\u7d50\u69cb\u9032\u884c\u5927\u5e45\u5ea6\u6539\u9020\u3002\u96d9\u65b9\u6b77\u7d93\u534a\u5e74\u6642\u9593\uff0c\u7387\u9818\u9867\u554f\u53ca\u8a2d\u8a08\u5718\u968a\uff0c\u63d0\u51fa\u516c\u5831\u5275\u65b0\u8a2d\u8a08\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539836-61612.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539836-61612.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539836-61612.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539836-61612.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539836-61612.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539844-36403.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539844-36403.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539844-36403.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539844-36403.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539844-36403.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;Before\\uff1a\\u904e\\u53bb\\u516c\\u5831\\u5de6\\u53f3\\u5404\\u534a\\u7684\\u6587\\u5b57\\u7de8\\u6392\\u8207\\u4f48\\u7f6e\\u5716\\u4f8b\\uff0c\\u8f03\\u96e3\\u6eff\\u8db3\\u5927\\u773e\\u95b1\\u8b80\\u66f8\\u5831\\u4e4b\\u7fd2\\u6163\\u8207\\u9700\\u6c42\\u3002\u0026quot;}\u003C\/template\u003E\n\t\u003Ctemplate x-if=\u0022show\u0022\u003E\n\t\t\u003Cdiv class=\u0022gallery-wrapper\u0022\u003E\n\t\t\t\u003Cdiv class=\u0022boxs\u0022 :class=\u0022arrangeMode\u0022\u003E\n\t\t\t\t\u003Ctemplate x-for=\u0022(item, index) in items\u0022 :key=\u0022index\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box\u0022 :class=\u0022(\u0027item-\u0027 + (index + 1))\u0022 @click=\u0022open(index)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+item.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\n\t\t\t\t\u003C\/template\u003E\n\n\t\t\t\t\u003Ctemplate x-if=\u0022hasMore\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box last\u0022 @click=\u0022open(limit - 1)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+lastItem.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022morebox\u0022\u003E\n\t\t\t\t\t \u003Cspan class=\u0022font-4xl bg-grey-500 text--white font-bold\u0022 x-text=\u0022moreMsg\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\t\t\t\t\u003C\/template\u003E\n\t\t\t\u003C\/div\u003E\n\t\t\t\u003Cdiv class=\u0022inf\u0022 x-show=\u0022info_show\u0022\u003E\n \u003Cdiv class=\u0022inf-head\u0022\u003E\n \u003Cdiv x-show=\u0022description\u0022 class=\u0022description\u0022 x-text=\u0022description\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022title\u0022 class=\u0022caption\u0022 x-text=\u0022title\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Ca :target=\u0022from_target\u0022 :href=\u0022from_link\u0022 x-text=\u0022from\u0022\u003E\u003C\/a\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022!from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Cspan x-text=\u0022from\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\u003C\/div\u003E\n\n\n\t\t\t\u003C\/div\u003E\n\t\t\u003C\/div\u003E\n\t\u003C\/template\u003E\n\n\n\u003C\/div\u003E\n\n\n \n\u003Cp\u003E\u5982\u516c\u5831\u520a\u982d\u7531\u50b3\u7d71\u66f8\u6cd5\u5b57\u9ad4\u6539\u70ba\u9ed1\u9ad4\uff0c\u5448\u73fe\u7c21\u6f54\u800c\u7406\u6027\u7684\u6548\u679c\uff1b\u5584\u7528\u6cd5\u898f\u7684\u7d05\u9ed1\u9650\u5236\uff0c\u4ee5\u7d05\u8272\u5f37\u5316\u91cd\u8981\u8cc7\u8a0a\uff1b\u7248\u9762\u6b04\u4f4d\u4ee5\u76f4\u5f0f\u6a6b\u66f8\u4e26\u5206\u591a\u6b04\u5f62\u5f0f\u5448\u73fe\uff0c\u6e1b\u5c11\u6bcf\u884c\u5b57\u6578\uff0c\u964d\u4f4e\u95b1\u8b80\u75b2\u52de\u611f\uff1b\u91cd\u65b0\u8a2d\u8a08\u4e4b\u7248\u9762\u4f7f\u6bcf\u6848\u65bc\u540c\u4e00\u9801\u9762\u5448\u73fe\uff0c\u4fbf\u5229\u5b8c\u6574\u95b1\u8b80\uff1b\u6b64\u5916\u65b0\u589e\u900f\u8996\u8996\u89d2\u7684\u6295\u7968\u6d41\u7a0b\u5716\uff0c\u4ee5\u6295\u7968\u6b0a\u4eba\u9032\u5165\u6295\u7968\u6240\u6295\u7968\u8996\u89d2\u5448\u73fe\uff0c\u8b93\u6c11\u773e\u6709\u6e05\u6670\u7684\u52d5\u7dda\u6982\u5ff5\uff0c\u6709\u52a9\u52a0\u5feb\u6295\u7968\u6d41\u7a0b\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539840-19936.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539840-19936.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539840-19936.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539840-19936.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539840-19936.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539847-46074.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539847-46074.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539847-46074.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539847-46074.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539847-46074.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425413-52552.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425413-52552.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425413-52552.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425413-52552.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425413-52552.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;After\\uff1a\\u91cd\\u65b0\\u8a2d\\u8a08\\u7684\\u7248\\u9762\\uff0c\\u4f7f\\u6bcf\\u6848\\u65bc\\u540c\\u4e00\\u9801\\u9762\\u5448\\u73fe\\uff0c\\u4fbf\\u5229\\u5b8c\\u6574\\u95b1\\u8b80\\uff0c\\u9084\\u65b0\\u589e\\u900f\\u8996\\u8996\\u89d2\\u7684\\u6295\\u7968\\u6d41\\u7a0b\\u5716\\uff0c\\u8b93\\u6c11\\u773e\\u6709\\u6e05\\u6670\\u7684\\u52d5\\u7dda\\u6982\\u5ff5\\uff0c\\u6709\\u52a9\\u52a0\\u5feb\\u6295\\u7968\\u6d41\\u7a0b\\u3002\u0026quot;}\u003C\/template\u003E\n\t\u003Ctemplate x-if=\u0022show\u0022\u003E\n\t\t\u003Cdiv class=\u0022gallery-wrapper\u0022\u003E\n\t\t\t\u003Cdiv class=\u0022boxs\u0022 :class=\u0022arrangeMode\u0022\u003E\n\t\t\t\t\u003Ctemplate x-for=\u0022(item, index) in items\u0022 :key=\u0022index\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box\u0022 :class=\u0022(\u0027item-\u0027 + (index + 1))\u0022 @click=\u0022open(index)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+item.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\n\t\t\t\t\u003C\/template\u003E\n\n\t\t\t\t\u003Ctemplate x-if=\u0022hasMore\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box last\u0022 @click=\u0022open(limit - 1)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+lastItem.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022morebox\u0022\u003E\n\t\t\t\t\t \u003Cspan class=\u0022font-4xl bg-grey-500 text--white font-bold\u0022 x-text=\u0022moreMsg\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\t\t\t\t\u003C\/template\u003E\n\t\t\t\u003C\/div\u003E\n\t\t\t\u003Cdiv class=\u0022inf\u0022 x-show=\u0022info_show\u0022\u003E\n \u003Cdiv class=\u0022inf-head\u0022\u003E\n \u003Cdiv x-show=\u0022description\u0022 class=\u0022description\u0022 x-text=\u0022description\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022title\u0022 class=\u0022caption\u0022 x-text=\u0022title\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Ca :target=\u0022from_target\u0022 :href=\u0022from_link\u0022 x-text=\u0022from\u0022\u003E\u003C\/a\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022!from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Cspan x-text=\u0022from\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\u003C\/div\u003E\n\n\n\t\t\t\u003C\/div\u003E\n\t\t\u003C\/div\u003E\n\t\u003C\/template\u003E\n\n\n\u003C\/div\u003E\n\n\n \n\u003Ch2\u003E03 \u6295\u958b\u7968\u6240\u003C\/h2\u003E\n\u003Cp\u003E\u003Cstrong\u003E\u7b2c\u4e8c\u968e\u6bb5\u003C\/strong\u003E \u6301\u7e8c\u91dd\u5c0d\u9078\u8209\u516c\u5831\u53ca\u5176\u76f8\u95dc\u5370\u5237\u54c1\uff08\u5982\u6295\u7968\u901a\u77e5\u55ae\u3001\u9078\u7968\uff09\u6539\u9020\uff0c\u540c\u6642\u65b0\u589e\u6295\u958b\u7968\u6240\u6a19\u793a\u7684\u512a\u5316\u3002\u7576\u773c\u5149\u79fb\u8f49\u81f3\u9078\u6c11\u719f\u6089\u7684\u6295\u958b\u7968\u6240\uff0c\u53ef\u767c\u73fe\u904e\u53bb\u73fe\u5834\u7e3d\u5145\u65a5\u5404\u5f0f\u7368\u7acb\u6587\u6848\u3001\u4e0d\u540c\u5c3a\u5bf8\u53ca\u8272\u5f69\u7684\u5f35\u8cbc\u6587\u5ba3\u537b\u5728\u50b3\u9054\u76f8\u4f3c\u8a0a\u606f\uff0c\u56e0\u6b64\u9996\u8981\u5fc5\u9808\u8457\u624b\u7684\u662f\u6574\u5408\u8272\u5f69\u3001\u5c3a\u5bf8\u4e26\u5408\u4f75\u95dc\u806f\u8a0a\u606f\u4ee5\u5f37\u5316\u6e9d\u901a\u6548\u7387\u3002\u003C\/p\u003E\n\u003Cp\u003E\u57f7\u884c\u5718\u968a\u4ee5\u4e09\u7a2e\u4e3b\u8981\u578b\u614b\u7684\u6295\u958b\u7968\u6240\uff08\u5b78\u6821\u3001\u5bae\u5edf\u3001\u5340\u91cc\u6c11\u6d3b\u52d5\u4e2d\u5fc3\uff09\u9032\u884c\u5e03\u7f6e\u793a\u7bc4\uff0c\u4ee5\u6c11\u773e\u9700\u6c42\u8996\u89d2\u63d0\u51fa\u5177\u6574\u9ad4\u6027\u4e14\u6e05\u6670\u7684\u6307\u6a19\u7cfb\u7d71\uff0c\u4e26\u63d0\u4f9b\u6295\u958b\u7968\u6240\u6e05\u6670\u7684 SOP\uff0c\u65b9\u4fbf\u9078\u52d9\u4eba\u54e1\u66f4\u6709\u6548\u7387\u5730\u5f35\u8cbc\u6307\u6a19\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425421-28932.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425421-28932.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425421-28932.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425421-28932.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n Before\uff1a\u904e\u53bb\u6295\u7968\u73fe\u5834\u5145\u65a5\u7368\u7acb\u6587\u6848\u3001\u4e0d\u540c\u5c3a\u5bf8\u53ca\u8272\u5f69\u7684\u5f35\u8cbc\u6587\u5ba3\u3002\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u63d0\u4f9b\uff0f\u53f0\u5317\u5e02\u9078\u8209\u59d4\u54e1\u6703\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425426-56868.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425426-56868.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425426-56868.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425426-56868.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n After\uff1a\u65bc\u53f0\u5317\u5e02\u5167\u6e56\u9ad8\u4e2d\u9032\u884c\u6295\u958b\u7968\u6240\u4f48\u7f6e\u793a\u7bc4\uff082022 \u5730\u65b9\u9078\u8209\u793a\u610f\uff09\u3002\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u63d0\u4f9b \/ \u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Ch2\u003E04 \u653f\u898b\u767c\u8868\u6703\u003C\/h2\u003E\n\u003Cp\u003E\u6b77\u7d93\u516c\u5831\u53ca\u6295\u958b\u7968\u6240\u6a19\u793a\u7684\u6539\u9020\uff0c \u003Cstrong\u003E\u7b2c\u4e09\u968e\u6bb5\u003C\/strong\u003E \u64f4\u5927\u512a\u5316\u9805\u76ee\uff0c\u5305\u542b\u653f\u898b\u767c\u8868\u6703\u3001\u4e2d\u592e\u9078\u60c5\u4e2d\u5fc3\u53ca\u6295\u958b\u7968\u6240\u5167\u7684\u906e\u5c4f\u7b49\u9805\u76ee\uff0c\u90fd\u662f\u5718\u968a\u8457\u773c\u4e4b\u8655\u3002\u003C\/p\u003E\n\u003Cp\u003E\u904e\u53bb\u76f8\u95dc\u767c\u8868\u6703\u4e4b\u7247\u982d\u52d5\u756b\u70ba\u5404\u96fb\u8996\u53f0\u81ea\u884c\u8a2d\u8a08\uff0c\u672c\u6b21\u512a\u5316\u5305\u542b\u5efa\u7acb\u4e00\u81f4\u7684\u653f\u898b\u767c\u8868\u6703\u7247\u982d\u52d5\u756b\uff0c\u4ee5\u4e2d\u6027\u7acb\u5834\u8207\u89d2\u5ea6\uff0c\u907f\u514d\u654f\u611f\u7684\u6578\u5b57\u3001\u6587\u5b57\u6216\u4eba\u7269\u7167\u7247\u7b49\u5167\u5bb9\u3002\u540c\u6642\u4e5f\u63d0\u51fa\u96fb\u8996\u8f49\u64ad\u756b\u9762\u7684\u8cc7\u8a0a\u8a2d\u8a08\u53ca\u821e\u53f0\u5e03\u7f6e\u5efa\u8b70\u4e88\u96fb\u8996\u53f0\u5e03\u7f6e\u6642\u53c3\u8003\uff0c\u4f7f\u516c\u8fa6\u653f\u898b\u767c\u8868\u6703\u5448\u73fe\u53f0\u7063\u9078\u8209\u7f8e\u5b78\u54c1\u724c\u4e00\u81f4\u6027\u8207\u5c08\u696d\u5f62\u8c61\uff0c\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/www.youtube.com\/watch?v=v7sQiU1TK2Q\u0022\u003E\u9ede\u6b64\u770b\u7247\u982d\u52d5\u756b\u003C\/a\u003E\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425434-60345.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425434-60345.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425434-60345.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425434-60345.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425434-60345.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425437-52366.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425437-52366.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425437-52366.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425437-52366.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425437-52366.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;Before\\uff1a\\u904e\\u53bb\\u7684\\u767c\\u8868\\u6703\\u73fe\\u5834\\u5e38\\u4ee5\\u7e7d\\u7d1b\\u8272\\u5f69\\u53ca\\u6d3b\\u6f51\\u93e1\\u9762\\u5448\\u73fe\\u3002\\u7247\\u982d\\u52d5\\u756b\\u7531\\u5404\\u5bb6\\u96fb\\u8996\\u53f0\\u81ea\\u884c\\u898f\\u5283\\u3001\\u5e38\\u4ee5\\u4eba\\u7269\\u8096\\u50cf\\u53ca\\u96fb\\u8996\\u53f0\\u5143\\u7d20\\u7d44\\u5408\\u5448\\u73fe\\u3002\u0026quot;}\u003C\/template\u003E\n\t\u003Ctemplate x-if=\u0022show\u0022\u003E\n\t\t\u003Cdiv class=\u0022gallery-wrapper\u0022\u003E\n\t\t\t\u003Cdiv class=\u0022boxs\u0022 :class=\u0022arrangeMode\u0022\u003E\n\t\t\t\t\u003Ctemplate x-for=\u0022(item, index) in items\u0022 :key=\u0022index\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box\u0022 :class=\u0022(\u0027item-\u0027 + (index + 1))\u0022 @click=\u0022open(index)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+item.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\n\t\t\t\t\u003C\/template\u003E\n\n\t\t\t\t\u003Ctemplate x-if=\u0022hasMore\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box last\u0022 @click=\u0022open(limit - 1)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+lastItem.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022morebox\u0022\u003E\n\t\t\t\t\t \u003Cspan class=\u0022font-4xl bg-grey-500 text--white font-bold\u0022 x-text=\u0022moreMsg\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\t\t\t\t\u003C\/template\u003E\n\t\t\t\u003C\/div\u003E\n\t\t\t\u003Cdiv class=\u0022inf\u0022 x-show=\u0022info_show\u0022\u003E\n \u003Cdiv class=\u0022inf-head\u0022\u003E\n \u003Cdiv x-show=\u0022description\u0022 class=\u0022description\u0022 x-text=\u0022description\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022title\u0022 class=\u0022caption\u0022 x-text=\u0022title\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Ca :target=\u0022from_target\u0022 :href=\u0022from_link\u0022 x-text=\u0022from\u0022\u003E\u003C\/a\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022!from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Cspan x-text=\u0022from\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\u003C\/div\u003E\n\n\n\t\t\t\u003C\/div\u003E\n\t\t\u003C\/div\u003E\n\t\u003C\/template\u003E\n\n\n\u003C\/div\u003E\n\n\n \n\u003Cdiv x-data=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425443-27064.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425443-27064.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425443-27064.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425443-27064.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425443-27064.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425452-46467.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425452-46467.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425452-46467.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425452-46467.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425452-46467.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425483-78588.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425483-78588.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425483-78588.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425483-78588.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425483-78588.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;After\\uff1a\\u96fb\\u8996\\u93e1\\u9762\\u5c07\\u8cc7\\u8a0a\\u6536\\u6582\\u6574\\u5408\\uff0c\\u4e26\\u4ee5\\u52d5\\u614b\\u80cc\\u666f\\u8c50\\u5bcc\\u756b\\u9762\\u53ca\\u5c64\\u6b21\\u3002\\u7247\\u982d\\u52d5\\u756b\\u4ee5\\u4e2d\\u6027\\u5ba2\\u89c0\\u7684\\u89d2\\u5ea6\\u50b3\\u9054\\u6c11\\u4f4f\\u4e4b\\u5730\\uff0c\\u5448\\u73fe\\u6c88\\u7a69\\u3001\\u73fe\\u4ee3\\u3001\\u5c08\\u696d\\u3002\u0026quot;}\u003C\/template\u003E\n\t\u003Ctemplate x-if=\u0022show\u0022\u003E\n\t\t\u003Cdiv class=\u0022gallery-wrapper\u0022\u003E\n\t\t\t\u003Cdiv class=\u0022boxs\u0022 :class=\u0022arrangeMode\u0022\u003E\n\t\t\t\t\u003Ctemplate x-for=\u0022(item, index) in items\u0022 :key=\u0022index\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box\u0022 :class=\u0022(\u0027item-\u0027 + (index + 1))\u0022 @click=\u0022open(index)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+item.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\n\t\t\t\t\u003C\/template\u003E\n\n\t\t\t\t\u003Ctemplate x-if=\u0022hasMore\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box last\u0022 @click=\u0022open(limit - 1)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+lastItem.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022morebox\u0022\u003E\n\t\t\t\t\t \u003Cspan class=\u0022font-4xl bg-grey-500 text--white font-bold\u0022 x-text=\u0022moreMsg\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\t\t\t\t\u003C\/template\u003E\n\t\t\t\u003C\/div\u003E\n\t\t\t\u003Cdiv class=\u0022inf\u0022 x-show=\u0022info_show\u0022\u003E\n \u003Cdiv class=\u0022inf-head\u0022\u003E\n \u003Cdiv x-show=\u0022description\u0022 class=\u0022description\u0022 x-text=\u0022description\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022title\u0022 class=\u0022caption\u0022 x-text=\u0022title\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Ca :target=\u0022from_target\u0022 :href=\u0022from_link\u0022 x-text=\u0022from\u0022\u003E\u003C\/a\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022!from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Cspan x-text=\u0022from\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\u003C\/div\u003E\n\n\n\t\t\t\u003C\/div\u003E\n\t\t\u003C\/div\u003E\n\t\u003C\/template\u003E\n\n\n\u003C\/div\u003E\n\n\n \n\u003Cp\u003E\u003Cstrong\u003E\u5ef6\u4f38\u95b1\u8b80\uff1a\u003C\/strong\u003E \u003Ca href=\u0022https:\/\/www.shoppingdesign.com.tw\/post\/view\/9809\u0022\u003E\u6b63\u526f\u7e3d\u7d71\u96fb\u8996\u653f\u898b\u6703\u8b8a\u7f8e\u4e86\uff1f\u8a2d\u7814\u9662\u651c\u624b\u5289\u8015\u540d\u3001\u99ae\u5b87\uff0c\u4ee5\u8996\u89ba\u6539\u9769\u50b3\u905e\u7406\u6027\u3001\u6c11\u4e3b\u7684\u8072\u97f3\u003C\/a\u003E\u003C\/p\u003E\n\u003Ch2\u003E05 \u4e2d\u592e\u9078\u60c5\u4e2d\u5fc3\u003C\/h2\u003E\n\u003Cp\u003E\u91dd\u5c0d\u9078\u8209\u958b\u7968\u6642\u6700\u53d7\u77da\u76ee\u7684\u4e2d\u592e\u9078\u60c5\u4e2d\u5fc3\u63d0\u51fa\u8cc7\u8a0a\u87a2\u5e55\u7684\u7248\u9762\u512a\u5316\uff0c\u6539\u5584\u904e\u53bb\u85cd\u5c4f\u9ec3\u5b57\u3001\u6977\u9ad4\u7684\u95b1\u8b80\u80cc\u666f\uff0c\u4ee5\u4e2d\u6027\u8272\u5f69\u3001\u6587\u5b57\u5448\u73fe\uff0c\u805a\u7126\u91cd\u8981\u8cc7\u8a0a\u3002\u53e6\u4e5f\u63d0\u4f9b\u5834\u5730\u5e03\u7f6e\u5efa\u8b70\uff0c\u4ee5\u4e2d\u6027\u3001\u7406\u6027\u7684\u524d\u63d0\u91cd\u6574\u73fe\u5834\u8abf\u6027\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539850-51653.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539850-51653.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539850-51653.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539850-51653.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539850-51653.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425463-15426.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425463-15426.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425463-15426.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425463-15426.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425463-15426.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;Before\\uff1a\\u904e\\u53bb\\u4e2d\\u592e\\u9078\\u60c5\\u4e2d\\u5fc3\\u8272\\u5f69\\u591a\\u5143\\uff0c\\u8a08\\u7968\\u87a2\\u5e55\\u5c0d\\u6bd4\\u5f37\\u3002\u0026quot;}\u003C\/template\u003E\n\t\u003Ctemplate x-if=\u0022show\u0022\u003E\n\t\t\u003Cdiv class=\u0022gallery-wrapper\u0022\u003E\n\t\t\t\u003Cdiv class=\u0022boxs\u0022 :class=\u0022arrangeMode\u0022\u003E\n\t\t\t\t\u003Ctemplate x-for=\u0022(item, index) in items\u0022 :key=\u0022index\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box\u0022 :class=\u0022(\u0027item-\u0027 + (index + 1))\u0022 @click=\u0022open(index)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+item.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\n\t\t\t\t\u003C\/template\u003E\n\n\t\t\t\t\u003Ctemplate x-if=\u0022hasMore\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box last\u0022 @click=\u0022open(limit - 1)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+lastItem.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022morebox\u0022\u003E\n\t\t\t\t\t \u003Cspan class=\u0022font-4xl bg-grey-500 text--white font-bold\u0022 x-text=\u0022moreMsg\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\t\t\t\t\u003C\/template\u003E\n\t\t\t\u003C\/div\u003E\n\t\t\t\u003Cdiv class=\u0022inf\u0022 x-show=\u0022info_show\u0022\u003E\n \u003Cdiv class=\u0022inf-head\u0022\u003E\n \u003Cdiv x-show=\u0022description\u0022 class=\u0022description\u0022 x-text=\u0022description\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022title\u0022 class=\u0022caption\u0022 x-text=\u0022title\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Ca :target=\u0022from_target\u0022 :href=\u0022from_link\u0022 x-text=\u0022from\u0022\u003E\u003C\/a\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022!from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Cspan x-text=\u0022from\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\u003C\/div\u003E\n\n\n\t\t\t\u003C\/div\u003E\n\t\t\u003C\/div\u003E\n\t\u003C\/template\u003E\n\n\n\u003C\/div\u003E\n\n\n \n\u003Cdiv x-data=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539853-94115.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539853-94115.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539853-94115.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539853-94115.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-03\\\/img-1709539853-94115.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425470-71528.jpg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425470-71528.jpg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425470-71528.jpg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425470-71528.jpg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1704425470-71528.jpg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u300c\\u9078\\u8209\\u7f8e\\u5b78\\u300d\\u4e09\\u968e\\u6bb5\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;After\\uff1a\\u5c07\\u9078\\u60c5\\u4e2d\\u5fc3\\u4f48\\u7f6e\\u7684\\u8272\\u5f69\\u6536\\u6582\\uff0c\\u805a\\u7126\\u91cd\\u8981\\u8a08\\u7968\\u8cc7\\u8a0a\\u7684\\u5448\\u73fe\\uff08\\u60c5\\u5883\\u793a\\u610f\\u5716\\uff09\\u3002\u0026quot;}\u003C\/template\u003E\n\t\u003Ctemplate x-if=\u0022show\u0022\u003E\n\t\t\u003Cdiv class=\u0022gallery-wrapper\u0022\u003E\n\t\t\t\u003Cdiv class=\u0022boxs\u0022 :class=\u0022arrangeMode\u0022\u003E\n\t\t\t\t\u003Ctemplate x-for=\u0022(item, index) in items\u0022 :key=\u0022index\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box\u0022 :class=\u0022(\u0027item-\u0027 + (index + 1))\u0022 @click=\u0022open(index)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+item.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\n\t\t\t\t\u003C\/template\u003E\n\n\t\t\t\t\u003Ctemplate x-if=\u0022hasMore\u0022\u003E\n\t\t\t\t \u003Cdiv class=\u0022box last\u0022 @click=\u0022open(limit - 1)\u0022\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022imgbox\u0022 :class=\u0022size\u0022 :style=\u0022\u0027background-image:url(\u0027+lastItem.src.s+\u0027)\u0027\u0022\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv class=\u0022morebox\u0022\u003E\n\t\t\t\t\t \u003Cspan class=\u0022font-4xl bg-grey-500 text--white font-bold\u0022 x-text=\u0022moreMsg\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t \u003C\/div\u003E\n\t\t\t\t\u003C\/template\u003E\n\t\t\t\u003C\/div\u003E\n\t\t\t\u003Cdiv class=\u0022inf\u0022 x-show=\u0022info_show\u0022\u003E\n \u003Cdiv class=\u0022inf-head\u0022\u003E\n \u003Cdiv x-show=\u0022description\u0022 class=\u0022description\u0022 x-text=\u0022description\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022title\u0022 class=\u0022caption\u0022 x-text=\u0022title\u0022\u003E\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Ca :target=\u0022from_target\u0022 :href=\u0022from_link\u0022 x-text=\u0022from\u0022\u003E\u003C\/a\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\t\u003Cdiv x-show=\u0022!from_link\u0022 class=\u0022from\u0022\u003E\n\t\t\t\t\t\t\u003Cspan x-text=\u0022from\u0022\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003C\/div\u003E\n\t\t\t\t\u003C\/div\u003E\n\n\n\t\t\t\u003C\/div\u003E\n\t\t\u003C\/div\u003E\n\t\u003C\/template\u003E\n\n\n\u003C\/div\u003E\n\n\n \n\u003Ch2\u003E06 \u9078\u8209\u906e\u5c4f\u003C\/h2\u003E\n\u003Cp\u003E\u9664\u4e86\u4e0a\u8ff0\u8996\u89ba\u5c64\u6b21\u7684\u8cc7\u8a0a\u50b3\u9054\u4e4b\u5916\uff0c\u57f7\u884c\u5718\u968a\u8abf\u7814\u4e86\u70ba\u6578\u773e\u591a\u7684\u570b\u969b\u6848\u4f8b\uff0c\u5c07\u5c0d\u6295\u958b\u7968\u6240\u5167\u7684\u84cb\u7ae0\u8655\u906e\u5c4f\u9032\u884c\u8a2d\u8a08\u512a\u5316\u3002\u906e\u5c4f\u540c\u6642\u8003\u91cf\u9078\u52d9\u4eba\u54e1\u5728\u610f\u7684\u4fbf\u5229\u6027\u3001\u96b1\u853d\u6027\u548c\u6574\u9ad4\u5f62\u8c61\uff0c\u8207\u9078\u6c11\u671f\u5f85\u7684\u5c08\u696d\u5ea6\u3001\u5b89\u5fc3\u611f\u8207\u9069\u5408\u4e0d\u540c\u4f7f\u7528\u8005\u7684\u5c3a\u5ea6\u898f\u5283\u3002\u003C\/p\u003E\n\u003Cp\u003E\u65b0\u7684\u906e\u5c4f\u8a2d\u8a08\u4ea6\u5c07\u7387\u5148\u5f15\u5165\u5373\u5c07\u5230\u4f86\u7684 2024 \u7e3d\u7d71\u5927\u9078\u4e4b 1 \u9593\u793a\u7bc4\u6295\u958b\u7968\u6240\uff08\u53f0\u5317\u5e02\u7460\u516c\u570b\u4e2d 804 \u6559\u5ba4\uff09\u4e2d\uff0c\u9010\u6b65\u8b93\u672c\u5730\u7684\u9078\u8209\u7f8e\u5b78\u7522\u751f\u986f\u8457\u7684\u5168\u9762\u63d0\u5347\uff0c\u6b63\u5411\u5f15\u9818\u53f0\u7063\u6574\u9ad4\u6c11\u4e3b\u5f62\u8c61\u3002\u003C\/p\u003E\n \u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425474-16283.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425474-16283.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425474-16283.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425474-16283.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n Before\uff1a\u904e\u53bb\u906e\u5c4f\u81e8\u6642\u611f\u5f37\u70c8\u3001\u7d44\u88dd\u6536\u7d0d\u4e0d\u6613\u3002\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u63d0\u4f9b \/ \u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Cdiv x-data=\u0022picture\u0022 class=\u0022widget picture\u0022\u003E\n\t\u003Cdiv class=\u0022wrapper\u0022\u003E\n\t\t\u003Cdiv class=\u0022image_box\u0022\u003E\n\t\t \u003Cpicture data-lmg=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425478-93329.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022\n\t\t\t\t\t@click=\u0022open()\u0022 class=\u0022image cursor\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425478-93329.jpg?w=2000\u0026amp;output=webp\u0022 media=\u0022(min-width: 1200px)\u0022\u003E\n\t\t\t\t\t\u003Csource srcset=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425478-93329.jpg?w=900\u0026amp;output=webp\u0022 media=\u0022(min-width: 400px)\u0022\u003E\n \u003Cimg loading=\u0022lazy\u0022 src=\u0022https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1704425478-93329.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u300c\u9078\u8209\u7f8e\u5b78\u300d\u4e09\u968e\u6bb5\u0022 \/\u003E\n \u003C\/picture\u003E\n\n\t\t\t\t\u003C\/div\u003E\n\n\t\t\t\t\u003Cdiv class=\u0022inf\u0022\u003E\n\t\t\t\t\u003Cdiv class=\u0022inf-head\u0022\u003E\n\t\t\t\t\t\n \u003Cdiv class=\u0022description\u0022\u003E\n After\uff1a\u65b0\u5f0f\u906e\u5c4f\u5728\u539f\u9810\u7b97\u4e0b\u9032\u884c\u6539\u9020\uff0c\u63d0\u5347\u7a69\u56fa\u3001\u5b89\u5fc3\u611f\u53ca\u5c08\u696d\u6027\u3002\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u63d0\u4f9b \/ \u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\n \u003C\/span\u003E\n \u003C\/div\u003E\n \t\t\t\t\u003C\/div\u003E\n\t\t\t\t\n\t\t\u003C\/div\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n \n\u003Cblockquote\u003E\n\u003Cp\u003E\u003Cstrong\u003E\u9078\u8209\u7f8e\u5b78\u4e09\u968e\u6bb5\u512a\u5316\u003C\/strong\u003E\u003Cbr \/\u003E\n\u4e3b\u8fa6\u55ae\u4f4d\uff5c\u7d93\u6fdf\u90e8\u7522\u696d\u767c\u5c55\u7f72\u3001\u4e2d\u592e\u9078\u8209\u59d4\u54e1\u6703\u003Cbr \/\u003E\n\u57f7\u884c\u55ae\u4f4d\uff5c\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\u003Cbr \/\u003E\n\u8a2d\u8a08\u9867\u554f\uff5c\u5e73\u9762\u8a2d\u8a08 \u99ae\u5b87\u3001\u7522\u54c1\u8a2d\u8a08 \u674e\u653f\u5b9c\u3001\u670d\u52d9\u9ad4\u9a57 \u912d\u5a77\u4e2d\u3001\u52d5\u614b\u8a2d\u8a08 \u5289\u8015\u540d\u3001\u6578\u4f4d\u4ecb\u9762\u8a2d\u8a08 \u6797\u6613\u8056\u003Cbr \/\u003E\n\u5c08\u6848\u7d71\u7c4c\u53ca\u670d\u52d9\u8a2d\u8a08\u7814\u7a76\uff5c\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\u516c\u5171\u670d\u52d9\u7d44\u003Cbr \/\u003E\n\u8a2d\u8a08\u5718\u968a\u003Cbr \/\u003E\n\u516c\u5831\u3001\u96fb\u5b50\u66f8\u3001\u9078\u7968\u3001\u6295\u7968\u901a\u77e5\u55ae\u53ca\u9078\u60c5\u4e2d\u5fc3\u87a2\u5e55\uff5c\u5e73\u9762\u5ba4\u003Cbr \/\u003E\n\u6295\u7968\u6d41\u7a0b\u5716\u3001\u7c21\u6613\u6295\u7968\u6307\u5357\u52d5\u756b\uff5cRE:LAB\u003Cbr \/\u003E\n\u6295\u958b\u7968\u6240\u6a19\u793a\u53ca\u5e03\u7f6eSOP\uff5c\u53f0\u7063\u8a2d\u8a08\u7814\u7a76\u9662\u516c\u5171\u670d\u52d9\u7d44\u3001RE:LAB\u003Cbr \/\u003E\n2022\u5e74\u516c\u6295\u610f\u898b\u767c\u8868\u6703\u7247\u982d\u8207\u93e1\u9762\u8a2d\u8a08\uff5cBito\u7532\u87f2\u8a2d\u8a08\u003Cbr \/\u003E\n\u653f\u898b\u767c\u8868\u6703\u7247\u982d\u3001\u93e1\u9762\u8207\u821e\u53f0\u898f\u5283\uff5c\u4e8c\u68f2\u8a2d\u8a08\u003Cbr \/\u003E\n\u906e\u5c4f\uff5c\u5929\u6674\u8a2d\u8a08\u003C\/p\u003E\n\u003C\/blockquote\u003E\n\u003Cp\u003E\u53c3\u8003\u8cc7\u6599\uff1a\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/ifdesign.com\/en\/\u0022\u003EIF \u8a2d\u8a08\u734e\u5b98\u65b9\u7db2\u7ad9\u003C\/a\u003E\u003C\/p\u003E\n","authors":"\u9673\u601d\u5b89","editor":"Szuan Chen \/ \u6587\u5b57\u6574\u7406","date":"2024.03.04","date2":"Mar.04","time":"03:04 PM","my_publish_date":"2024-03-04T16:00:00+08:00","to_publish_date":"2024\/03\/04","url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/9845"}
獲 2024 iF 設計獎!台灣選舉美學進化:選舉公報更清楚、投票所遮屏優化等 6 大亮點
圖片提供/台灣設計研究院
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
獲 2024 iF 設計獎!台灣設計研究院與中央選舉委員會攜手,耗費 3 年優化,包含選舉公報、投票所指標等 6 大亮點一次看。
每到選舉時期,總會看到選舉公報的排版繁雜難以閱讀、投票所的指示混亂資訊傳遞不易、政見發表會舞台佈置顏色繁多造成視覺疲勞等問題,台灣設計研究院(設研院)與中央選舉委員會(中選會)合作,歷經 3 年、3 階段的優化,在選舉中導入更多設計能量,不僅帶給大眾更清晰、順暢的選舉體驗與投票現場,更榮獲 2024 iF 設計獎!以下介紹「選舉美學」改造的 6 大亮點。
01 獲 2024 iF 設計獎
於 1953 年在德國成立的「iF 設計獎 (iF DESIGN AWARD) 」為國際上舉足輕重的設計競賽之一,總共分為九大類別。日前公布 2024 年的得獎作品中,「選舉美學」以「User Experience / UX 用戶體驗」類別獲獎!
官方網站上提到獲獎原因:「作為台灣最敏感、監管最嚴格的議題,40 年來所有選舉公報均由政府機構直接編輯印製,這些資訊卻因為缺乏設計而難以理解。因此,由設研院發起、中選會合作,在適用的法律和預算下,從選民的角度創造更精確、更順暢的選舉體驗。除了優化投票站的選舉公告和標誌(這些是公眾接觸的主要地點)之外,還為未來的選舉服務應用制定了專業標準。」
02 選舉公報
中選會和設研院攜手共創的 第一階段 是 2021 年 12 月的公投公報,在符合法規與原來的預算限制下,對於版面結構進行大幅度改造。雙方歷經半年時間,率領顧問及設計團隊,提出公報創新設計。
如公報刊頭由傳統書法字體改為黑體,呈現簡潔而理性的效果;善用法規的紅黑限制,以紅色強化重要資訊;版面欄位以直式橫書並分多欄形式呈現,減少每行字數,降低閱讀疲勞感;重新設計之版面使每案於同一頁面呈現,便利完整閱讀;此外新增透視視角的投票流程圖,以投票權人進入投票所投票視角呈現,讓民眾有清晰的動線概念,有助加快投票流程。
03 投開票所
第二階段 持續針對選舉公報及其相關印刷品(如投票通知單、選票)改造,同時新增投開票所標示的優化。當眼光移轉至選民熟悉的投開票所,可發現過去現場總充斥各式獨立文案、不同尺寸及色彩的張貼文宣卻在傳達相似訊息,因此首要必須著手的是整合色彩、尺寸並合併關聯訊息以強化溝通效率。
執行團隊以三種主要型態的投開票所(學校、宮廟、區里民活動中心)進行布置示範,以民眾需求視角提出具整體性且清晰的指標系統,並提供投開票所清晰的 SOP,方便選務人員更有效率地張貼指標。
04 政見發表會
歷經公報及投開票所標示的改造, 第三階段 擴大優化項目,包含政見發表會、中央選情中心及投開票所內的遮屏等項目,都是團隊著眼之處。
過去相關發表會之片頭動畫為各電視台自行設計,本次優化包含建立一致的政見發表會片頭動畫,以中性立場與角度,避免敏感的數字、文字或人物照片等內容。同時也提出電視轉播畫面的資訊設計及舞台布置建議予電視台布置時參考,使公辦政見發表會呈現台灣選舉美學品牌一致性與專業形象,點此看片頭動畫。
延伸閱讀: 正副總統電視政見會變美了?設研院攜手劉耕名、馮宇,以視覺改革傳遞理性、民主的聲音
05 中央選情中心
針對選舉開票時最受矚目的中央選情中心提出資訊螢幕的版面優化,改善過去藍屏黃字、楷體的閱讀背景,以中性色彩、文字呈現,聚焦重要資訊。另也提供場地布置建議,以中性、理性的前提重整現場調性。
06 選舉遮屏
除了上述視覺層次的資訊傳達之外,執行團隊調研了為數眾多的國際案例,將對投開票所內的蓋章處遮屏進行設計優化。遮屏同時考量選務人員在意的便利性、隱蔽性和整體形象,與選民期待的專業度、安心感與適合不同使用者的尺度規劃。
新的遮屏設計亦將率先引入即將到來的 2024 總統大選之 1 間示範投開票所(台北市瑠公國中 804 教室)中,逐步讓本地的選舉美學產生顯著的全面提升,正向引領台灣整體民主形象。
選舉美學三階段優化
主辦單位|經濟部產業發展署、中央選舉委員會
執行單位|台灣設計研究院
設計顧問|平面設計 馮宇、產品設計 李政宜、服務體驗 鄭婷中、動態設計 劉耕名、數位介面設計 林易聖
專案統籌及服務設計研究|台灣設計研究院公共服務組
設計團隊
公報、電子書、選票、投票通知單及選情中心螢幕|平面室
投票流程圖、簡易投票指南動畫|RE:LAB
投開票所標示及布置SOP|台灣設計研究院公共服務組、RE:LAB
2022年公投意見發表會片頭與鏡面設計|Bito甲蟲設計
政見發表會片頭、鏡面與舞台規劃|二棲設計
遮屏|天晴設計
參考資料:IF 設計獎官方網站
登入數位時代會員
開啟專屬自己的主題內容,
每日推播重點文章
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106
台北市大安區光復南路102號9樓