{"id":8142,"title":"\u8a2d\u8a08\u5e2b\u8449\u5fe0\u5b9c\u89aa\u89e3\uff01\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba\uff1a\u5c07\u7403\u9ad4\u3001\u6ce2\u6d6a\u5169\u5927\u5efa\u7bc9\u5143\u7d20\u89e3\u69cb\u518d\u73fe","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-08\/img-1661161841-11139.jpg?w=600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-08\/img-1661161841-11139.jpg?w=900\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-08\/img-1661161841-11139.jpg?w=1600\u0026output=webp","feature_picture_source":"\u5716\u7247\u4f86\u6e90\uff0f\u8449\u5fe0\u5b9c","to_publish_time":"2022-08-22 18:10:00","updated_at":"2022\/08\/23","editor_name":"\u6d2a\u96c5\u7b60","editor_title":"\u63a1\u8a2a\u30fb\u6574\u7406","canonical_url":"","summary":"\u8a2d\u8a08\u5e2b\u8449\u5fe0\u5b9c\u64cd\u5200\u5317\u85dd\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba\uff0c\u5c07\u5efa\u7bc9\u5169\u5927\u5143\u7d20\uff1a\u7403\u9ad4\u3001\u6ce2\u6d6a\uff0c\u9032\u884c\u5e73\u9762\u5316\u89e3\u69cb\u63c9\u5408\u9032\u8996\u89ba\u7576\u4e2d\uff0c\u540c\u6642\u4f7f\u7528\u85cd\u8207\u9280\u7070\u8272\u7684\u642d\u914d\u5e36\u51fa\u52d5\u614b\u8207\u672a\u4f86\u611f\u3002","keyword":null,"is_ads":false,"is_ai":false,"page_title":"\u8a2d\u8a08\u5e2b\u8449\u5fe0\u5b9c\u89aa\u89e3\uff01\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba\uff1a\u5c07\u7403\u9ad4\u3001\u6ce2\u6d6a\u5169\u5927\u5efa\u7bc9\u5143\u7d20\u89e3\u69cb\u518d\u73fe","authorinfo_id":3350,"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":"\u627e\u9748\u611f","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E6%89%BE%E9%9D%88%E6%84%9F"},{"slug":"\u8449\u5fe0\u5b9c","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E8%91%89%E5%BF%A0%E5%AE%9C"}],"categories":[{"slug":"designthinking","name":"\u8a2d\u8a08\u601d\u8003"}],"recommends":[{"type":"article","title":"\u53f0\u5317\u300c\u91cd\u672c\u66f8\u5e97 Weight Books\u300d\u958b\u5e55\uff01\u4ee5\u5e73\u9762\u8a2d\u8a08 \u0026 Typography \u70ba\u4e3b\u8ef8\uff0c\u96c6\u7d50\u9078\u66f8\u3001\u5496\u5561\u751c\u9ede\u7684\u8907\u5408\u5f0f\u5834\u57df","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/7784","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-05\/img-1651662653-27943.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-05\/img-1651662653-27943.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-05\/img-1651662653-27943.jpg?w=900\u0026output=webp","related_id":7784},{"type":"article","title":"Rem Koolhaas \u89aa\u89e3\uff01\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u5efa\u7bc9\u4eae\u9ede\uff1a\u4ee5\u591c\u5e02\u7684\u6d3b\u529b\u70ba\u9748\u611f\uff0c\u8b93\u5efa\u7bc9\u64c1\u62b1\u9019\u5ea7\u57ce\u5e02","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/8106","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-08\/img-1659961203-40197.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-08\/img-1659961203-40197.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-08\/img-1659961203-40197.jpg?w=900\u0026output=webp","related_id":8106},{"type":"article","title":"\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u4e5f\u6709\uff015 \u500b\u7121\u6027\u5225\u5ec1\u6240\u6a19\u8a8c\uff0c\u7528\u8a2d\u8a08\u6253\u9020\u66f4\u53cb\u5584\u7684\u516c\u5171\u7a7a\u9593","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/7708","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-04\/img-1649756471-82188.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-04\/img-1649756471-82188.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-04\/img-1649756471-82188.jpg?w=900\u0026output=webp","related_id":7708}],"authorinfo":{"title":"\u526f\u4e3b\u7de8","last_name":"","first_name":"","content":"","html":"","ch_name":"\u6d2a\u96c5\u7b60","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-02\/img-1707205929-23063.jpg?w=600\u0026output=webp","id":3350,"email":"stephanie.hung@shoppingdesign.com.tw"},"activity":null,"book":null,"topics":[],"my_updated_date":"2022-08-23T11:11:47+08:00","category":"\u8a2d\u8a08\u601d\u8003","category_slug":"designthinking","category_url":"https:\/\/www.shoppingdesign.com.tw\/post\/category\/designthinking","html":"\u003Cp\u003E\u7372\u90782021\u5e74\u6642\u4ee3\u96dc\u8a8c\u5168\u7403\u6700\u4f73\u767e\u5927\u666f\u9ede\uff0c\u4e26\u88abCNN\u8207\u82f1\u570b\u885b\u5831\u9078\u70ba\u5168\u7403\u85dd\u6587\u4eae\u9ede\u7684\u300c\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u300d\uff0c\u5728\u4eca\u5e743\u6708\u4e2d\u65ec\u5c55\u958b\u8a66\u71df\u904b\uff0c\u4e26\u65bc\u672c\u6708\u6b63\u5f0f\u958b\u5e55\u3002\u5728\u958b\u5e55\u4e4b\u969b\uff0c\u5b98\u65b9\u4e5f\u7279\u5225\u9080\u8acb\u5230\u8a2d\u8a08\u5e2b\u8449\u5fe0\u5b9c\u64cd\u5200\u5317\u85dd\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba\uff0c\u4ee5\u53ca\u4e00\u7cfb\u5217\u56e0\u61c9\u958b\u5e55\u5b63\u6240\u88fd\u4f5c\u7684\u4e3b\u8996\u89ba\u5468\u908a\u5546\u54c1\uff0c\u5305\u542b\u6d77\u5831\u3001\u624b\u518a\u3001\u53e3\u7f69\u9080\u8acb\u5361\u7b49\u3002\u8449\u5fe0\u5b9c\u5c07\u5efa\u7bc9\u5169\u5927\u5143\u7d20\uff1a\u7403\u9ad4\u3001\u6ce2\u6d6a\u9032\u884c\u5e73\u9762\u5316\u89e3\u69cb\u63c9\u5408\u9032\u8996\u89ba\u7576\u4e2d\uff0c\u540c\u6642\u4f7f\u7528\u85cd\u8207\u9280\u7070\u8272\u7684\u642d\u914d\u5e36\u51fa\u4e86\u5317\u85dd\u4e2d\u5fc3\u7684\u52d5\u614b\u8207\u672a\u4f86\u611f\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\/2022-08\/img-1661160460-98509.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba13.jpg\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\/2022-08\/img-1661160460-98509.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\/2022-08\/img-1661160460-98509.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\/2022-08\/img-1661160460-98509.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba13.jpg\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\u8449\u5fe0\u5b9c\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\/2022-08\/img-1661160457-26288.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba12.jpeg\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\/2022-08\/img-1661160457-26288.jpeg?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\/2022-08\/img-1661160457-26288.jpeg?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\/2022-08\/img-1661160457-26288.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba12.jpeg\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\u8449\u5fe0\u5b9c\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\u003Cp\u003E\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u7531\u666e\u7acb\u8332\u514b\u5efa\u7bc9\u734e\u5f97\u4e3b\u96f7\u59c6\uff0e\u5eab\u54c8\u65af\uff08Rem Koolhaas\uff09\u53ca\u5927\u885b\uff0e\u5e0c\u827e\u840a\u7279\uff08David Gianotten\uff09\u6240\u9818\u8ecd\u7684\u8377\u862d\u5927\u90fd\u6703\u5efa\u7bc9\u4e8b\u52d9\u6240OMA\u6240\u8a2d\u8a08\uff0c\u5efa\u7bc9\u4ee5\u61f8\u7a7a\u7684\u5de8\u5927\u5713\u7403\u9020\u578b\u70ba\u7279\u8272\uff0c\u5176\u8a2d\u8a08\u7406\u5ff5\u6e90\u81ea\u58eb\u6797\u591c\u5e02\u9d1b\u9d26\u9ebb\u8fa3\u934b\uff0c\u5c55\u73fe\u5145\u5206\u767c\u63ee\u7a7a\u9593\u904b\u7528\u7684\u53f0\u7063\u6975\u81f4\u7f8e\u5b78\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\/2022-08\/img-1659959284-55657.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u53f0\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\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\/2022-08\/img-1659959284-55657.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\/2022-08\/img-1659959284-55657.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\/2022-08\/img-1659959284-55657.jpg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u53f0\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\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\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3 \u00a9\u6797\u8ed2\u6717\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\u003Cp\u003E\u300c\u5317\u85dd\u4e2d\u5fc3\u7684\u5efa\u7bc9\u672c\u9ad4\u672c\u8eab\u5c31\u6975\u5177\u73fe\u4ee3\u611f\u7684\u8996\u89ba\u5f35\u529b\uff0c\u5efa\u7bc9\u7269\u672c\u9ad4\u7684\u7c21\u55ae\u5e7e\u4f55\u5f62\u5f0f\uff0c\u4e5f\u8b93\u5efa\u7bc9\u7684\u8996\u89ba\u8a9e\u5f59\u8b8a\u5f97\u7d14\u7cb9\uff0c\u65e2\u7acb\u9ad4\u53c8\u5e73\u9762\u3002\u300d\u56e0\u6b64\uff0c\u8449\u5fe0\u5b9c\u5728\u6b64\u6b21\u5317\u85dd\u4e2d\u5fc3\u7684\u958b\u5e55\u4e3b\u8996\u89ba\u8a2d\u8a08\u4e0a\uff0c\u4ee5\u76f4\u62f3\u65b9\u5f0f\u76f4\u63a5\u5c07\u5317\u85dd\u4e2d\u5fc3\u7684\u5169\u5927\u5efa\u7bc9\u5143\u7d20\uff1a\u7403\u9ad4\u3001\u6ce2\u6d6a\uff0c\u9032\u884c\u5e73\u9762\u5316\u89e3\u69cb\u3002\u7403\u9ad4\u4ee5\u91d1\u5c6c\u9178\u6027\u8996\u89ba(Acid Graphics)\u3001\u6ce2\u6d6a\u7246\u4ee5\u932f\u8996(Optical illusion)\u7b49\u8996\u89ba\u6548\u679c\uff0c\u4f86\u4f5c\u70ba\u6b64\u6b21\u4e3b\u8996\u89ba\u7684\u5448\u73fe\u65b9\u5f0f\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\/2022-08\/img-1661160418-49654.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba1.jpeg\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\/2022-08\/img-1661160418-49654.jpeg?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\/2022-08\/img-1661160418-49654.jpeg?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\/2022-08\/img-1661160418-49654.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba1.jpeg\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\u8449\u5fe0\u5b9c\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\/2022-08\/img-1661160422-58522.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba2.jpeg\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\/2022-08\/img-1661160422-58522.jpeg?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\/2022-08\/img-1661160422-58522.jpeg?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\/2022-08\/img-1661160422-58522.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba2.jpeg\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\u8449\u5fe0\u5b9c\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\u003Cp\u003E\u4e3b\u8996\u89ba\u7684\u85cd\u8272\u5176\u5be6\u672c\u5c31\u662f\u5317\u85dd\u4e2d\u5fc3\u539f\u672c\u8a2d\u5b9a\u7684\u57fa\u8abf\uff1a\u5f9e\u539f\u59cblogo\u5230\u5efa\u7bc9\u5167\u90e8\u591a\u8655\u7684\u71c8\u5149\u5c55\u6f14\uff0c\u800c\u85cd\u8272\u81ea\u8eab\u8207\u9280\u7070\u8272\u7684\u642d\u914d\uff0c\u5373\u662f\u5e36\u6709\u672a\u4f86\u611f\u7684\u914d\u8272\uff0c\u9032\u800c\u66f4\u6df1\u5316\u4e86\u8449\u5fe0\u5b9c\u5728\u9019\u6b21\u4e3b\u8996\u89ba\u60f3\u8981\u5448\u73fe\u7684\u300c\u672a\u4f86\u611f\u300d\u3002\u003C\/p\u003E\n\u003Cp\u003E\u547c\u61c9\u300c\u5be6\u9a57\u5275\u65b0\u300d\u7684\u672a\u4f86\u6982\u5ff5\uff0c\u8449\u5fe0\u5b9c\u8868\u793a\uff0c\u6b64\u6b21\u4e3b\u8996\u89ba\u5728\u4e00\u958b\u59cb\u4fbf\u6709\u57f7\u884c\u52d5\u614b\u7684\u9700\u6c42\uff0c\u56e0\u6b64\u5728\u52d5\u614b\u5370\u5237\u7684\u5448\u73fe\uff0c\u5982\u6d77\u5831\u6216\u53e3\u7f69\u9080\u8acb\u5361\uff0c\u4e5f\u6703\u5617\u8a66\u7528\u6709\u52d5\u614b\u611f\u7684\u5370\u5237\u5143\u7d20\uff0c\u5982\u4e0d\u540c\u8996\u89d2\u6703\u7522\u751f\u4e0d\u540c\u8272\u5f69\u8b8a\u5316\u7684\u96f7\u5c04\u819c\u7b49\u7b49\u3002\u518d\u52a0\u4e0a\u6b64\u6b21\u4e3b\u8996\u89ba\u4e5f\u6709\u591a\u8655\u7684\u61c9\u7528\u8f09\u9ad4\uff0f\u8a2d\u65bd\u70ba\u96fb\u5b50\u87a2\u5e55\uff0c\u56e0\u6b64\u4e3b\u8996\u89ba\u8a2d\u5b9a\u4e0a\u5c31\u662f\u52d5\u614b\u5148\u6c7a\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\/2022-08\/img-1661160425-74659.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba3.jpeg\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\/2022-08\/img-1661160425-74659.jpeg?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\/2022-08\/img-1661160425-74659.jpeg?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\/2022-08\/img-1661160425-74659.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba3.jpeg\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\u8449\u5fe0\u5b9c\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\/2022-08\/img-1661160432-18976.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba5.jpeg\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\/2022-08\/img-1661160432-18976.jpeg?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\/2022-08\/img-1661160432-18976.jpeg?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\/2022-08\/img-1661160432-18976.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba5.jpeg\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\u8449\u5fe0\u5b9c\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\u003Cp\u003E\u4f46\u8a72\u5982\u4f55\u8b93\u5e73\u9762\u8996\u89ba\u5e36\u6709\u52d5\u614b\u611f\uff1f\u8449\u5fe0\u5b9c\u5206\u4eab\uff0c\u5728\u8a2d\u8a08\u7684\u904e\u7a0b\uff0c\u6703\u5148\u8a2d\u60f3\u5728\u52d5\u614b\u61c9\u7528\u524d\uff0c\u53ef\u5426\u5229\u7528\u4e00\u4e9b\u55ae\u7d14\u7684\u975c\u614b\u8996\u89ba\u5143\u7d20\u4f86\u66f4\u6df1\u5316\u52d5\u614b\u7684\u6548\u679c\uff0c\u56e0\u6b64\u53ef\u5728\u958b\u5e55\u4e3b\u8996\u89ba\uff0c\u6216\u662f\u4e3b\u8996\u89ba\u5468\u908a\u5546\u54c1\u4e0a\u767c\u73fe\uff0c\u6709\u683c\u9ede\u932f\u8996\u3001\u6f38\u5c64\u5713\u5708\u7b49\u7b49\u7684\u5143\u7d20\u9032\u884c\u5404\u7a2e\u7a7a\u9593\u8b8a\u9ad4\u7684\u61c9\u7528\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\/2022-08\/img-1661160450-93227.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba10.jpeg\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\/2022-08\/img-1661160450-93227.jpeg?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\/2022-08\/img-1661160450-93227.jpeg?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\/2022-08\/img-1661160450-93227.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba10.jpeg\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\u8449\u5fe0\u5b9c\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\/2022-08\/img-1661160441-26452.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba7.jpeg\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\/2022-08\/img-1661160441-26452.jpeg?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\/2022-08\/img-1661160441-26452.jpeg?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\/2022-08\/img-1661160441-26452.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u81fa\u5317\u8868\u6f14\u85dd\u8853\u4e2d\u5fc3\u958b\u5e55\u4e3b\u8996\u89ba7.jpeg\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\u8449\u5fe0\u5b9c\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=\u0022gallery\u0022 class=\u0022widget gallery\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;collection\u0026quot;:[{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160428-84041.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160428-84041.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160428-84041.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160428-84041.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160428-84041.jpeg?w=2000\u0026amp;output=webp\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160453-91150.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160453-91150.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160453-91150.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160453-91150.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160453-91150.jpeg?w=2000\u0026amp;output=webp\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160446-39499.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160446-39499.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160446-39499.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160446-39499.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160446-39499.jpeg?w=2000\u0026amp;output=webp\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160444-64079.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160444-64079.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160444-64079.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160444-64079.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160444-64079.jpeg?w=2000\u0026amp;output=webp\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160436-41903.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160436-41903.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160436-41903.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160436-41903.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2022-08\\\/img-1661160436-41903.jpeg?w=2000\u0026amp;output=webp\u0026quot;}}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0f\\u8449\\u5fe0\\u5b9c\u0026quot;,\u0026quot;from_link\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\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\u8449\u5fe0\u5b9c\u8a8d\u70ba\uff0c\u5317\u85dd\u4e2d\u5fc3\u7684\u65b0\u8a2d\u7acb\uff0c\u5176\u5be6\u662f\u5c0d\u672a\u4f86\u7684\u5ba3\u793a\uff0c\u4e5f\u662f\u4e00\u5ea7\u57ce\u5e02\u9081\u5165\u5148\u9032\u6642\u8a72\u6709\u7684\u5efa\u7bc9\u524d\u594f\u66f2\uff0c\u300c\u524d\u77bb\u7684\u5efa\u7bc9\u8207\u821e\u53f0\uff0c\u4e5f\u6703\u9020\u5c31\u66f4\u6607\u83ef\u7684\u8868\u6f14\uff0c\u8207\u57ce\u5e02\u7684\u85dd\u8853\u7d20\u990a\u3002\u300d\u56e0\u6b64\uff0c\u8449\u5fe0\u5b9c\u63c9\u5408\u6b64\u4ee5\u4e00\u6982\u5ff5\u8207\u5317\u85dd\u4e2d\u5fc3\u300c\u5287\u5834\u9b54\u8853\u65b9\u584a\u300d\u7684\u5275\u610f\u5efa\u7bc9\u7d50\u69cb\u3001\u516c\u5171\u53c3\u89c0\u52d5\u7dda\u8a2d\u8a08\uff0c\u4ee5\u53ca\u5176\u5be6\u9a57\u5275\u65b0\u7684\u672a\u4f86\u6027\u7b49\u8981\u7d20\uff0c\u6253\u9020\u51fa\u958b\u5e55\u5b63\u4e3b\u8996\u89ba\uff0c\u4ee5\u8996\u89ba\u5e36\u9818\u6c11\u773e\u611f\u53d7\u5317\u85dd\u4e2d\u5fc3\u7684\u5de8\u5927\u80fd\u91cf\u3002\u003C\/p\u003E\n\u003Cdiv x-data=\u0022iframe\u0022 class=\u0022widget w-full my-4 iframe\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E\n\t\t\u003Cblockquote class=\u0022instagram-media\u0022 data-instgrm-captioned data-instgrm-permalink=\u0022https:\/\/www.instagram.com\/p\/CgHLljIuTbk\/?utm_source=ig_embed\u0026utm_campaign=loading\u0022 data-instgrm-version=\u002214\u0022 style=\u0022 background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\u0022\u003E\u003Cdiv style=\u0022padding:16px;\u0022\u003E \u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/www.instagram.com\/p\/CgHLljIuTbk\/?utm_source=ig_embed\u0026utm_campaign=loading\u0022 style=\u0022 background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;\u0022 target=\u0022_blank\u0022\u003E \u003Cdiv style=\u0022 display: flex; flex-direction: row; align-items: center;\u0022\u003E \u003Cdiv style=\u0022background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\u0022\u003E \u003Cdiv style=\u0022 background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022 background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\u0022\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv style=\u0022padding: 19% 0;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022display:block; height:50px; margin:0 auto 12px; width:50px;\u0022\u003E\u003Csvg width=\u002250px\u0022 height=\u002250px\u0022 viewBox=\u00220 0 60 60\u0022 version=\u00221.1\u0022 xmlns=\u0022https:\/\/www.w3.org\/2000\/svg\u0022 xmlns:xlink=\u0022https:\/\/www.w3.org\/1999\/xlink\u0022\u003E\u003Cg stroke=\u0022none\u0022 stroke-width=\u00221\u0022 fill=\u0022none\u0022 fill-rule=\u0022evenodd\u0022\u003E\u003Cg transform=\u0022translate(-511.000000, -20.000000)\u0022 fill=\u0022#000000\u0022\u003E\u003Cg\u003E\u003Cpath d=\u0022M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631\u0022\u003E\u003C\/path\u003E\u003C\/g\u003E\u003C\/g\u003E\u003C\/g\u003E\u003C\/svg\u003E\u003C\/div\u003E\u003Cdiv style=\u0022padding-top: 8px;\u0022\u003E \u003Cdiv style=\u0022 color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\u0022\u003E\u5728 Instagram \u67e5\u770b\u9019\u5247\u8cbc\u6587\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv style=\u0022padding: 12.5% 0;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\u0022\u003E\u003Cdiv\u003E \u003Cdiv style=\u0022background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\u0022\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv style=\u0022margin-left: 8px;\u0022\u003E \u003Cdiv style=\u0022 background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022 width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)\u0022\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv style=\u0022margin-left: auto;\u0022\u003E \u003Cdiv style=\u0022 width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022 background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022 width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\u0022\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E \u003Cdiv style=\u0022display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\u0022\u003E \u003Cdiv style=\u0022 background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\u0022\u003E\u003C\/div\u003E \u003Cdiv style=\u0022 background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\u0022\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/a\u003E\u003Cp style=\u0022 color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;\u0022\u003E\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/www.instagram.com\/p\/CgHLljIuTbk\/?utm_source=ig_embed\u0026utm_campaign=loading\u0022 style=\u0022 color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;\u0022 target=\u0022_blank\u0022\u003E\u8449\u5fe0\u5b9c\uff08@yehchungyi\uff09\u5206\u4eab\u7684\u8cbc\u6587\u003C\/a\u003E\u003C\/p\u003E\u003C\/div\u003E\u003C\/blockquote\u003E \u003Cscript async src=\u0022\/\/www.instagram.com\/embed.js\u0022\u003E\u003C\/script\u003E\n\t\u003C\/template\u003E\n\t\u003Cdiv x-html=\u0022html\u0022\u003E\u003C\/div\u003E\n\t\u003C\/div\u003E\n \n","authors":"\u6d2a\u96c5\u7b60","editor":"\u6d2a\u96c5\u7b60 \/ \u63a1\u8a2a\u30fb\u6574\u7406","date":"2022.08.22","date2":"Aug.22","time":"08:06 PM","my_publish_date":"2022-08-22T18:10:00+08:00","to_publish_date":"2022\/08\/22","url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/8142"}
設計師葉忠宜親解!臺北表演藝術中心開幕主視覺:將球體、波浪兩大建築元素解構再現
圖片來源/葉忠宜
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
設計師葉忠宜操刀北藝中心開幕主視覺,將建築兩大元素:球體、波浪,進行平面化解構揉合進視覺當中,同時使用藍與銀灰色的搭配帶出動態與未來感。
獲選2021年時代雜誌全球最佳百大景點,並被CNN與英國衛報選為全球藝文亮點的「臺北表演藝術中心」,在今年3月中旬展開試營運,並於本月正式開幕。在開幕之際,官方也特別邀請到設計師葉忠宜操刀北藝中心開幕主視覺,以及一系列因應開幕季所製作的主視覺周邊商品,包含海報、手冊、口罩邀請卡等。葉忠宜將建築兩大元素:球體、波浪進行平面化解構揉合進視覺當中,同時使用藍與銀灰色的搭配帶出了北藝中心的動態與未來感。
臺北表演藝術中心由普立茲克建築獎得主雷姆.庫哈斯(Rem Koolhaas)及大衛.希艾萊特(David Gianotten)所領軍的荷蘭大都會建築事務所OMA所設計,建築以懸空的巨大圓球造型為特色,其設計理念源自士林夜市鴛鴦麻辣鍋,展現充分發揮空間運用的台灣極致美學。
「北藝中心的建築本體本身就極具現代感的視覺張力,建築物本體的簡單幾何形式,也讓建築的視覺語彙變得純粹,既立體又平面。」因此,葉忠宜在此次北藝中心的開幕主視覺設計上,以直拳方式直接將北藝中心的兩大建築元素:球體、波浪,進行平面化解構。球體以金屬酸性視覺(Acid Graphics)、波浪牆以錯視(Optical illusion)等視覺效果,來作為此次主視覺的呈現方式。
主視覺的藍色其實本就是北藝中心原本設定的基調:從原始logo到建築內部多處的燈光展演,而藍色自身與銀灰色的搭配,即是帶有未來感的配色,進而更深化了葉忠宜在這次主視覺想要呈現的「未來感」。
呼應「實驗創新」的未來概念,葉忠宜表示,此次主視覺在一開始便有執行動態的需求,因此在動態印刷的呈現,如海報或口罩邀請卡,也會嘗試用有動態感的印刷元素,如不同視角會產生不同色彩變化的雷射膜等等。再加上此次主視覺也有多處的應用載體/設施為電子螢幕,因此主視覺設定上就是動態先決。
但該如何讓平面視覺帶有動態感?葉忠宜分享,在設計的過程,會先設想在動態應用前,可否利用一些單純的靜態視覺元素來更深化動態的效果,因此可在開幕主視覺,或是主視覺周邊商品上發現,有格點錯視、漸層圓圈等等的元素進行各種空間變體的應用。
葉忠宜認為,北藝中心的新設立,其實是對未來的宣示,也是一座城市邁入先進時該有的建築前奏曲,「前瞻的建築與舞台,也會造就更昇華的表演,與城市的藝術素養。」因此,葉忠宜揉合此以一概念與北藝中心「劇場魔術方塊」的創意建築結構、公共參觀動線設計,以及其實驗創新的未來性等要素,打造出開幕季主視覺,以視覺帶領民眾感受北藝中心的巨大能量。
登入數位時代會員
開啟專屬自己的主題內容,
每日推播重點文章
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106
台北市大安區光復南路102號9樓