{"id":5187,"title":"2020\u6771\u4eac\u5967\u904b\u52d5\u8d77\u4f86\uff01\u9996\u5275\u300c\u52d5\u614b\u5716\u6a19\u300d\u70ba 55 \u500b\u7af6\u8cfd\u9805\u76ee\u6355\u6349\u529b\u8207\u7f8e\u7684\u77ac\u9593","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-03\/img-1583305381-20042.jpg?w=600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-03\/img-1583305381-20042.jpg?w=900\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-03\/img-1583305381-20042.jpg?w=1600\u0026output=webp","feature_picture_source":"\u5716\u7247\u4f86\u6e90\uff0fTokyo 2020","to_publish_time":"2020-03-04 16:45:00","updated_at":"2021\/07\/24","editor_name":"Caspar","editor_title":"","canonical_url":"","summary":"2020 \u6771\u4eac\u5967\u904b\u9996\u5275\u300c\u52d5\u756b\u5716\u6a19\u300d\uff01\u7531\u8a2d\u8a08\u5e2b\u4e95\u53e3\u7693\u592a\u64cd\u5200\uff0c\u6355\u6349 55 \u500b\u7af6\u8cfd\u9805\u76ee\u7684\u5b8c\u7f8e\u77ac\u9593\u3002","keyword":null,"is_ads":false,"is_ai":false,"page_title":"2020\u6771\u4eac\u5967\u904b\u52d5\u8d77\u4f86\uff01\u9996\u5275\u300c\u52d5\u614b\u5716\u6a19\u300d\u70ba 55 \u500b\u7af6\u8cfd\u9805\u76ee\u6355\u6349\u529b\u8207\u7f8e\u7684\u77ac\u9593","authorinfo_id":0,"tags":[{"slug":"\u627e\u9748\u611f","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E6%89%BE%E9%9D%88%E6%84%9F"},{"slug":"\u52d5\u756b","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E5%8B%95%E7%95%AB"},{"slug":"\u5967\u904b","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E5%A5%A7%E9%81%8B"}],"categories":[{"slug":"creativity","name":"\u5275\u610f\u9748\u611f"}],"recommends":[{"type":"article","title":"\u5967\u904b\u6d77\u5831\u4e5f\u80fd\u5982\u6b64\u512a\u96c5\uff016 \u6b3e\u82f1\u570b\u968a\u8a2d\u8a08\u7248\u756b\uff0c\u6975\u7c21\u5c55\u73fe\u7af6\u6280\u7684\u52d5\u614b\u4e4b\u7f8e","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/5159","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-02\/img-1582363253-55038.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-02\/img-1582363253-55038.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-02\/img-1582363253-55038.jpg?w=900\u0026output=webp","related_id":5159},{"type":"article","title":"2020 \u6771\u4eac\u5967\u904b\u300c\u6ed1\u677f\u5236\u670d\u300d\u4eae\u76f8\uff01Nike \u651c\u624b\u85dd\u8853\u5bb6\uff0c\u70ba\u7f8e\u3001\u6cd5\u3001\u5df4\u897f\u6253\u9020\u6700\u8857\u982d\u7684\u6230\u888d","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/5104","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-02\/img-1580976581-32527.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-02\/img-1580976581-32527.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-02\/img-1580976581-32527.jpg?w=900\u0026output=webp","related_id":5104},{"type":"article","title":"2020\u6771\u4eac\u5967\u904b\u85dd\u8853\u6d77\u5831\u4e00\u6b21\u516c\u958b\uff01\u96c6\u7d50\u6d66\u6fa4\u76f4\u6a39\u3001\u8352\u6728\u98db\u5442\u5f66\u7b49\u8c6a\u83ef\u9663\u5bb9\uff0c\u539f\u7248\u6d77\u5831\u5c55\u540c\u6b65\u767b\u5834","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/5010","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-01\/img-1578314398-56027.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-01\/img-1578314398-56027.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2020-01\/img-1578314398-56027.jpg?w=900\u0026output=webp","related_id":5010},{"type":"article","title":"2020\u6771\u4eac\u5967\u904b\u4e3b\u5834\u9928\u5b8c\u5de5\u63ed\u5e55\uff01\u9688\u7814\u543e\u64cd\u5200\uff0c5\u5927\u7279\u8272\u6253\u9020\u53f2\u4e0a\u6700\u89aa\u548c\u7642\u7652\u7684\u300c\u65b0\u570b\u7acb\u7af6\u6280\u5834\u300d","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/4923","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2019-12\/img-1576470881-38426.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2019-12\/img-1576470881-38426.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2019-12\/img-1576470881-38426.jpg?w=900\u0026output=webp","related_id":4923}],"authorinfo":null,"activity":null,"book":null,"topics":[],"my_updated_date":"2021-07-24T14:54:21+08:00","category":"\u5275\u610f\u9748\u611f","category_slug":"creativity","category_url":"https:\/\/www.shoppingdesign.com.tw\/post\/category\/creativity","html":"\u003Cblockquote\u003E\n\u003Cp\u003E2021.07.24 \u66f4\u65b0\uff1a\u6587\u672b\u65b0\u589e 2020 \u6771\u4eac\u5967\u904b\u958b\u5e55\u5f0f\u4e0a\u4ee5\u8d85\u7d1a\u8b8a\u8b8a\u8b8a\u70ba\u6982\u5ff5\u6f14\u51fa\u7684\u52d5\u614b\u5716\u6a19\u3002\u003C\/p\u003E\n\u003C\/blockquote\u003E\n\u003Cp\u003EMILO Design Studio \u65bc\u53bb\u5e74\u6307\u51fa\uff0c\u52d5\u614b\u5f71\u50cf\u662f \u003Ca href=\u0022https:\/\/www.shoppingdesign.com.tw\/post\/view\/4882\u0022\u003E2020 \u5e74\u8a2d\u8a08\u8da8\u52e2\u003C\/a\u003E\u3002\u7a0d\u65e9\uff0c2020 \u6771\u4eac\u5967\u904b\u767c\u5e03\u4e86\u300c\u7af6\u8cfd\u52d5\u756b\u5716\u6a19\u300d\uff0c\u662f\u5967\u904b\u81ea 1896 \u5e74\u958b\u8fa6\u4ee5\u4f86\uff0c\u7b2c\u4e00\u6b21\u8b93\u7af6\u8cfd\u9805\u76ee\u7684 icon \u52d5\u8d77\u4f86\uff01\u5176\u904b\u7528\u77ed\u77ed\u5e7e\u79d2\u9418\u52d5\u756b\uff0c\u5c07\u904b\u52d5\u54e1\u7af6\u8cfd\u6642\u7684\u59ff\u614b\u5b8c\u7f8e\u523b\u5283\uff0c\u529b\u8207\u7f8e\u7684\u77ac\u9593\u4e0d\u505c\u5faa\u74b0\uff0c\u8b93\u4eba\u76f4\u76ef\u8457\u770b\uff0c\u5b8c\u5168\u4e0d\u60f3\u79fb\u958b\u8996\u7dda\u3002\uff08\u89c0\u770b\u5168\u90e8\u52d5\u756b\u5716\u6a19\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/www.youtube.com\/watch?v=0Wmwc8u98lI\u0026amp;feature=emb_err_watch_on_yt\u0022\u003E\u8acb\u9ede\u6b64\u003C\/a\u003E\uff09\u003C\/p\u003E\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:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297985-75204.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297985-75204.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297985-75204.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297985-75204.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297985-75204.gif\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297951-60277.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297951-60277.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297951-60277.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297951-60277.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297951-60277.gif\u0026quot;}}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0fTokyo 2020\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\u9019\u4e9b\u52d5\u614b icon \u7531\u8a2d\u8a08\u5e2b\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/kotaiguchi.com\/\u0022\u003E\u4e95\u53e3\u7693\u592a\u003C\/a\u003E\u64cd\u5200\uff0c\u5c07\u8a2d\u8a08\u5e2b\u003Ca href=\u0022http:\/\/www.hiromuradesign.com\/\u0022\u003E\u5ee3\u6751\u6b63\u5f70\u003C\/a\u003E\u539f\u5148\u88fd\u4f5c\u7684\u975c\u614b\u5716\u6a19\u52a0\u4ee5\u5ef6\u4f38\uff0c\u5411 1964 \u5e74\u6771\u4eac\u5967\u904b\u6703\u9996\u6b21\u51fa\u73fe\u7684\u975c\u614b\u5716\u6a19\u81f4\u656c\u3002\u4ed6\u4ee5 2D \u624b\u6cd5\u91cd\u73fe\u904b\u52d5\u54e1\u7684 3D \u52d5\u614b\uff0c\u6253\u9020\u5171 73 \u6b3e\u300c\u7af6\u8cfd\u52d5\u614b\u5716\u6a19\u300d\uff0c\u5305\u542b\u5967\u904b\u6703\u7684 50 \u6b3e\u5716\u6a19\uff0833 \u500b\u904b\u52d5\u9805\u76ee\uff09\uff0c\u4ee5\u53ca\u5e15\u5967\u6703\u7684 23 \u6b3e\u5716\u6a19\uff0822 \u500b\u904b\u52d5\u9805\u76ee\uff09\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\/2020-03\/img-1583297908-97884.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u00222020 \u6771\u4eac\u5967\u904b_\u52d5\u614b\u5716\u6a19_01.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\/2020-03\/img-1583297908-97884.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\/2020-03\/img-1583297908-97884.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\/2020-03\/img-1583297908-97884.jpg?w=600\u0026amp;output=webp\u0022 alt=\u00222020 \u6771\u4eac\u5967\u904b_\u52d5\u614b\u5716\u6a19_01.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 \u5e15\u5967\u7684 23 \u6b3e\u5716\u6a19\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u4f86\u6e90\uff0fTokyo 2020\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\u62c9\u5f13\u3001\u64ca\u7403\u3001\u51fa\u62f3\u2026\u2026\u4e95\u53e3\u7693\u592a\u904b\u7528\u756b\u9762\u51cd\u7d50\u7684\u6548\u679c\uff0c\u8a6e\u91cb\u95dc\u9375\u52d5\u4f5c\u7684\u524d\u5f8c 2 \u79d2\u9418\uff0c\u5c07\u5404\u7a2e\u7af6\u8cfd\u7684\u77ac\u9593\u7cbe\u6e96\u5448\u73fe\u3002\u5c46\u6642\uff0c\u9019 73 \u6b3e\u7af6\u8cfd\u52d5\u614b\u5716\u6a19\uff0c\u9664\u4e86\u9678\u7e8c\u7528\u65bc\u5b98\u7db2\u3001\u793e\u4ea4\u5e73\u53f0\u5916\uff0c\u4e5f\u5c07\u51fa\u73fe\u5728\u5404\u6bd4\u8cfd\u5834\u9928\u53ca\u96fb\u8996\u8f49\u64ad\u4e2d\uff0c\u4ee5\u6b64\u63d0\u5347\u89c0\u773e\u7684\u89c0\u8cfd\u9ad4\u9a57\u3002\u003C\/p\u003E\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:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297915-60241.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297915-60241.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297915-60241.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297915-60241.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297915-60241.gif\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297956-66345.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297956-66345.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297956-66345.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297956-66345.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297956-66345.gif\u0026quot;}}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0fTokyo 2020\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\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:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297962-30559.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297962-30559.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297962-30559.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297962-30559.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297962-30559.gif\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297927-88697.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297927-88697.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297927-88697.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297927-88697.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297927-88697.gif\u0026quot;}}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0fTokyo 2020\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\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:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297973-64523.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297973-64523.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297973-64523.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297973-64523.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297973-64523.gif\u0026quot;}},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297940-89473.gif\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297940-89473.gif\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297940-89473.gif\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297940-89473.gif\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/bnextmedia.s3.hicloud.net.tw\\\/image\\\/album\\\/2020-03\\\/img-1583297940-89473.gif\u0026quot;}}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0fTokyo 2020\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\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\/2020-03\/img-1583297911-35161.jpg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u00222020 \u6771\u4eac\u5967\u904b_\u52d5\u614b\u5716\u6a19_02.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\/2020-03\/img-1583297911-35161.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\/2020-03\/img-1583297911-35161.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\/2020-03\/img-1583297911-35161.jpg?w=600\u0026amp;output=webp\u0022 alt=\u00222020 \u6771\u4eac\u5967\u904b_\u52d5\u614b\u5716\u6a19_02.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 \u5967\u904b 50 \u6b3e\u5716\u6a19\n \n \n \u003Cspan class=\u0022from\u0022\u003E\n \u5716\u7247\u4f86\u6e90\uff0fTokyo 2020\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=\u0022iframe\u0022 class=\u0022widget w-full my-4 iframe\u0022\u003E\n\t\u003Ctemplate x-ref=\u0022src\u0022\u003E\n\t\t\u003Ciframe width=\u0022560\u0022 height=\u0022315\u0022 src=\u0022https:\/\/www.youtube.com\/embed\/eTZY2ky1Z1Q\u0022 title=\u0022YouTube video player\u0022 frameborder=\u00220\u0022 allow=\u0022accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\u0022 allowfullscreen\u003E\u003C\/iframe\u003E\n\t\u003C\/template\u003E\n\t\u003Cdiv x-html=\u0022html\u0022\u003E\u003C\/div\u003E\n\t\u003C\/div\u003E\n \n\u003Cblockquote\u003E\n\u003Cp\u003E\u003Cstrong\u003E2020 \u6771\u4eac\u5967\u904b_\u7af6\u8cfd\u52d5\u756b\u5716\u6a19\u003C\/strong\u003E\u003Cbr \/\u003E\n\u5f71\u7247\uff1a\u003Ca target=\u0022_blank\u0022 href=\u0022https:\/\/www.youtube.com\/watch?v=0Wmwc8u98lI\u0026amp;feature=emb_err_watch_on_yt\u0022\u003Ehttps:\/\/www.youtube.com\/watch?v=0Wmwc8u98lI\u0026amp;feature=emb_err_watch_on_yt\u003C\/a\u003E\u003C\/p\u003E\n\u003C\/blockquote\u003E\n","authors":"","editor":"Caspar","date":"2020.03.04","date2":"Mar.04","time":"03:04 PM","my_publish_date":"2020-03-04T16:45:00+08:00","to_publish_date":"2020\/03\/04","url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/5187"}
2020東京奧運動起來!首創「動態圖標」為 55 個競賽項目捕捉力與美的瞬間
圖片來源/Tokyo 2020
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
2020 東京奧運首創「動畫圖標」!由設計師井口皓太操刀,捕捉 55 個競賽項目的完美瞬間。
2021.07.24 更新:文末新增 2020 東京奧運開幕式上以超級變變變為概念演出的動態圖標。
MILO Design Studio 於去年指出,動態影像是 2020 年設計趨勢。稍早,2020 東京奧運發布了「競賽動畫圖標」,是奧運自 1896 年開辦以來,第一次讓競賽項目的 icon 動起來!其運用短短幾秒鐘動畫,將運動員競賽時的姿態完美刻劃,力與美的瞬間不停循環,讓人直盯著看,完全不想移開視線。(觀看全部動畫圖標請點此)
這些動態 icon 由設計師井口皓太操刀,將設計師廣村正彰原先製作的靜態圖標加以延伸,向 1964 年東京奧運會首次出現的靜態圖標致敬。他以 2D 手法重現運動員的 3D 動態,打造共 73 款「競賽動態圖標」,包含奧運會的 50 款圖標(33 個運動項目),以及帕奧會的 23 款圖標(22 個運動項目)。
拉弓、擊球、出拳……井口皓太運用畫面凍結的效果,詮釋關鍵動作的前後 2 秒鐘,將各種競賽的瞬間精準呈現。屆時,這 73 款競賽動態圖標,除了陸續用於官網、社交平台外,也將出現在各比賽場館及電視轉播中,以此提升觀眾的觀賽體驗。
2020 東京奧運_競賽動畫圖標
影片:https://www.youtube.com/watch?v=0Wmwc8u98lI&feature=emb_err_watch_on_yt
登入數位時代會員
開啟專屬自己的主題內容,
每日推播重點文章
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106
台北市大安區光復南路102號9樓