{"id":9928,"title":"\u793e\u5340\u6f01\u6e2f\u9910\u5ef3\u7684\u65b0\u9762\u8c8c\uff01\u5b9c\u862d\u300c\u671d\u967d\u5ba2\u4f86\u9999\u9910\u5ef3\u300d\u8b58\u5225\uff1a\u683c\u5f0f\u8a2d\u8a08\u4ee5\u6a58\u85cd\u5c0d\u6bd4\u6253\u9020\u9bae\u6d3b\u8996\u89ba","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1706691752-14069.jpg?w=600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1706691752-14069.jpg?w=900\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-01\/img-1706691752-14069.jpg?w=1600\u0026output=webp","feature_picture_source":"\u5716\u7247\u4f86\u6e90\uff0f\u683c\u5f0f InFormat Design Curating","to_publish_time":"2024-01-31 17:13:00","updated_at":"2024\/01\/31","editor_name":"\u6d2a\u96c5\u7b60","editor_title":"\u6587\u5b57\u6574\u7406","canonical_url":"","summary":"\u5ea7\u843d\u65bc\u5b9c\u862d\u8607\u6fb3\u7684\u300c\u671d\u967d\u5ba2\u4f86\u9999\u9910\u5ef3\u300d\uff0c\u7531\u683c\u5f0f\u8a2d\u8a08\u8ca0\u8cac\u9910\u5ef3\u6539\u9020\u7684\u6574\u9ad4\u5f62\u8c61\u8b58\u5225\u8a2d\u8a08\uff0c\u4e26\u651c\u624b\u5de5\u4e8c\u8a2d\u8a08\u6253\u9020\u7a7a\u9593\u8a2d\u8a08\uff0c\u69cb\u7bc9\u51fa\u66f4\u9bae\u660e\u7684\u7a7a\u9593\u8207\u8996\u89ba\u611f\u53d7\u3002","keyword":null,"is_ads":false,"is_ai":false,"page_title":"\u793e\u5340\u6f01\u6e2f\u9910\u5ef3\u7684\u65b0\u9762\u8c8c\uff01\u5b9c\u862d\u300c\u671d\u967d\u5ba2\u4f86\u9999\u9910\u5ef3\u300d\u8b58\u5225\uff1a\u683c\u5f0f\u8a2d\u8a08\u4ee5\u6a58\u85cd\u5c0d\u6bd4\u6253\u9020\u9bae\u6d3b\u8996\u89ba","authorinfo_id":3350,"tags":[{"slug":"\u683c\u5f0f\u8a2d\u8a08\u7b56\u5c55","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E6%A0%BC%E5%BC%8F%E8%A8%AD%E8%A8%88%E7%AD%96%E5%B1%95"},{"slug":"\u8b58\u5225\u8a2d\u8a08","url":"https:\/\/www.shoppingdesign.com.tw\/search\/tag\/%E8%AD%98%E5%88%A5%E8%A8%AD%E8%A8%88"}],"categories":[{"slug":"visual-identity","name":"\u8b58\u5225"}],"recommends":[{"type":"article","title":"\u967d\u660e\u5c71\u6709\u5409\u7965\u7269\u4e86\uff01\u683c\u5f0f\u8a2d\u8a08\u64cd\u5200\uff1a\u6a19\u8a8c\u8b58\u5225\u3001\u967d\u660e\u5c71\u6771\u897f\u5927\u7e31\u8d70\u5f62\u8c61\u512a\u5316\u7b49 3 \u4eae\u9ede\u6210\u679c","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/8566","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-12\/img-1672383884-59311.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-12\/img-1672383884-59311.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-12\/img-1672383884-59311.jpg?w=900\u0026output=webp","related_id":8566},{"type":"article","title":"\u3010\u5c08\u8a2a\u3011\u8ddf\u8457\u683c\u5b50\u722c\u4e00\u5ea7\u5c71\uff1a\u7d55\u7f8e\u5c71\u666f\u3001\u4e00\u676f\u706b\u5c71\u5496\u5561\uff0c\u7f8e\u597d\u7684\u505c\u7559\u7121\u50f9","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/7471","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-01\/img-1643282877-41972.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-01\/img-1643282877-41972.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2022-01\/img-1643282877-41972.jpg?w=900\u0026output=webp","related_id":7471},{"type":"article","title":"\u7b2c\u4e00\u9593\u958b\u5728\u6f01\u6e2f\u7684\u7f8e\u599d\u6982\u5ff5\u5e97\uff01\u8336\u7c7d\u5802\u300c\u6d6a\u901f\u8a08\u5283\u300d\u6df1\u8015\u5b9c\u862d\u671d\u967d\u793e\u5340\uff0c\u6253\u9020\u5730\u65b9\u5275\u751f\u7684\u6c38\u7e8c\u751f\u614b\u7cfb","is_ad":false,"url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/8964","small":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-05\/img-1684821363-56687.jpg?w=600\u0026output=webp","large":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-05\/img-1684821363-56687.jpg?w=1600\u0026output=webp","medium":"https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2023-05\/img-1684821363-56687.jpg?w=900\u0026output=webp","related_id":8964}],"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":"2024-01-31T17:14:03+08:00","category":"\u8b58\u5225","category_slug":"visual-identity","category_url":"https:\/\/www.shoppingdesign.com.tw\/post\/category\/visual-identity","html":"\u003Cp\u003E\u4e00\u9593\u5730\u65b9\u9910\u9928\u8207\u793e\u5340\u5c45\u6c11\u53ef\u4ee5\u51dd\u805a\u51fa\u4ec0\u9ebc\u95dc\u4fc2\uff1f\u5728\u5b9c\u862d\u8607\u6fb3\u6709\u4e00\u500b\u4e0d\u65b7\u6210\u9577\u4e2d\u7684\u5c0f\u93ae\u300c\u671d\u967d\u793e\u5340\u300d\uff0c\u81ea1994\u5e74\u6210\u7acb\u793e\u5340\u767c\u5c55\u5354\u6703\u4ee5\u4f86\uff0c20\u5e74\u7684\u6642\u9593\u9664\u4e86\u767c\u5c55\u89c0\u5149\u8207\u7d93\u6fdf\uff0c\u4e5f\u85c9\u793e\u5340\u71df\u9020\u53ca\u8a2d\u65bd\u6539\u5584\uff0c\u63d0\u5347\u5c45\u6c11\u7684\u751f\u6d3b\u54c1\u8cea\uff0c\u52a0\u6df1\u8207\u571f\u5730\u7684\u60c5\u611f\u9023\u7d50\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-1706691289-30792.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691289-30792.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\/2024-01\/img-1706691289-30792.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\/2024-01\/img-1706691289-30792.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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-1706691286-47808.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691286-47808.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\/2024-01\/img-1706691286-47808.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\/2024-01\/img-1706691286-47808.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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\u671d\u967d\u5ba2\u4f86\u9999\u300d\u9910\u5ef3\u5373\u5ea7\u843d\u65bc\u6b64\uff0c\u8d77\u521d\u7531\u793e\u5340\u5a66\u5973\u7d93\u71df\u7c21\u6613\u5bb6\u5e38\u6599\u7406\uff0c\u5f8c\u7e8c\u8058\u8acb\u5e74\u8f15\u4e3b\u5eda\u8b1d\u52dd\u96c4\uff08\u963f\u96c4\u5e2b\uff09\u8fd4\u9109\u6df1\u8015\uff0c\u5c07\u6e2f\u908a\u7684\u793e\u5340\u98df\u5802\u8f49\u578b\u6210\u771f\u6b63\u7684\u6f01\u6e2f\u9910\u5ef3\uff0c\u6b64\u6b21\u9077\u5740\u6539\u9020\u8a08\u756b\uff0c\u7531\u4e00\u8def\u5408\u4f5c\u7684\u5925\u4f34\u8336\u7c7d\u5802\u865f\u53ec\uff0c\u627e\u4f86\u5728\u5730\u55ae\u4f4d\u3001\u6c11\u9593\u4f01\u696d\u53ca\u8a2d\u8a08\u5718\u968a\u806f\u624b\u5408\u4f5c\uff0c\u5176\u4e2d\u683c\u5f0f\u8a2d\u8a08\u8ca0\u8cac\u9910\u5ef3\u6539\u9020\u7684\u6574\u9ad4\u5f62\u8c61\u8b58\u5225\u8a2d\u8a08\uff0c\u4e26\u651c\u624b\u5de5\u4e8c\u8a2d\u8a08\uff0c\u7531\u4ed6\u5011\u6253\u9020\u51fa\u9910\u5ef3\u6574\u9ad4\u7684\u7a7a\u9593\u8a2d\u5b9a\uff0c\u5c07\u7f8e\u5b78\u6982\u5ff5\u5c0e\u5165\u516c\u5171\u8207\u5730\u65b9\u767c\u5c55\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-1706691271-95044.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691271-95044.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\/2024-01\/img-1706691271-95044.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\/2024-01\/img-1706691271-95044.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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-1706691282-14994.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691282-14994.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\/2024-01\/img-1706691282-14994.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\/2024-01\/img-1706691282-14994.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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-1706691229-16791.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691229-16791.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\/2024-01\/img-1706691229-16791.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\/2024-01\/img-1706691229-16791.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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\u683c\u5f0f\u8a2d\u8a08\u5c55\u7b56\u5c07\u5ba2\u4f86\u9999\u9910\u5ef3\u6a19\u8a8c\u91cd\u6574\uff0c\u5f9e\u671d\u967d\u793e\u5340\u767c\u5c55\u5354\u6703\u539f\u6709\u6a19\u8a8c\u5ef6\u4f38\u6539\u9020\u70ba\u9910\u5ef3Logo\uff0c\u5ef6\u7e8c\u793e\u5340\u5f62\u8c61\uff0c\u8457\u91cd\u6f01\u7522\u7684\u65b0\u9bae\u6d3b\u529b\u3002\u9910\u5ef3\u6574\u9ad4\u8272\u5f69\u8a08\u756b\uff0c\u900f\u904e\u65e5\u5149\u6a58\u3001\u6d77\u6d0b\u85cd\u7684\u5c0d\u6bd4\u8272\u7cfb\uff0c\u5448\u73fe\u671d\u967d\u793e\u5340\u7684\u5728\u5730\u7279\u8272\uff0c\u4e26\u8df3\u812b\u7fd2\u4ee5\u70ba\u5e38\u7684\u6f01\u6751\u5370\u8c61\uff0c\u6253\u9020\u66f4\u6ce8\u76ee\u7684\u8996\u89ba\u611f\u53d7\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-1706691244-65732.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691244-65732.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\/2024-01\/img-1706691244-65732.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\/2024-01\/img-1706691244-65732.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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-1706691211-19325.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691211-19325.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\/2024-01\/img-1706691211-19325.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\/2024-01\/img-1706691211-19325.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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;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-1706691206-37047.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691206-37047.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691206-37047.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691206-37047.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691206-37047.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691217-43881.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691217-43881.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691217-43881.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691217-43881.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691217-43881.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691220-69847.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691220-69847.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691220-69847.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691220-69847.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691220-69847.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691226-12678.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691226-12678.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691226-12678.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691226-12678.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691226-12678.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691233-70691.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691233-70691.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691233-70691.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691233-70691.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691233-70691.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691236-69275.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691236-69275.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691236-69275.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691236-69275.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691236-69275.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691239-47769.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691239-47769.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691239-47769.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691239-47769.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691239-47769.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691242-37592.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691242-37592.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691242-37592.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691242-37592.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691242-37592.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0f\\u683c\\u5f0f InFormat Design Curating\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\u5728\u9910\u5ef3\u8b58\u5225\u5f62\u8c61\u8a2d\u8a08\u4e0a\uff0c\u5247\u4ee5\u8a2d\u8a08\u624b\u6cd5\u8f49\u5316\u300c\u73fe\u6d41\u4ed4\u300d\u6bcf\u65e5\u73fe\u6488\u6f01\u7372\u7684\u4e3b\u6253\u7279\u8272\uff0c\u8209\u51e1\u7d05\u5589\u3001\u767d\u5e36\u9b5a\u3001\u9c3b\u9b5a \u3001\u7d05\u7518\u7b49\u5404\u5f0f\u9b5a\u7a2e\uff0c\u900f\u904e\u651d\u5f71\u8996\u89ba\u7d50\u5408\u8907\u5408\u5a92\u6750\u61c9\u7528\u65bc\u5ba4\u5167\u5916\u7a7a\u9593\u9673\u8a2d\uff0c\u5c07\u5de8\u5e45\u9b5a\u96bb\u5716\u50cf\u4f5c\u70ba\u5f37\u70c8\u7684\u8996\u89ba\u91cd\u9ede\uff1b\u4e26\u61c9\u7528\u6f01\u6e2f\u8207\u6f01\u7372\u5e38\u898b\u7684\u9bae\u8c54\u50b3\u7d71\u5851\u81a0\u9910\u76e4\u6539\u9020\u6210\u5404\u5f0f\u6307\u6a19\u3001\u96f6\u9322\u76e4\u3001\u83dc\u55ae\u7b49\uff0c\u6210\u70ba\u7a7a\u9593\u4e2d\u756b\u9f8d\u9ede\u775b\u7684\u9ede\u7db4\uff0c\u5f9e\u8996\u89ba\u611f\u53d7\u6700\u751f\u731b\u3001\u65b0\u9bae\u7684\u6d77\u6d0b\u6ecb\u5473\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-1706691263-11753.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691263-11753.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\/2024-01\/img-1706691263-11753.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\/2024-01\/img-1706691263-11753.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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-1706691247-44478.jpeg?w=2000\u0026amp;output=webp\u0022\n\t\t\t\t\t\tdata-title=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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-1706691247-44478.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\/2024-01\/img-1706691247-44478.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\/2024-01\/img-1706691247-44478.jpeg?w=600\u0026amp;output=webp\u0022 alt=\u0022\u5b9c\u862d\u8607\u6fb3\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\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\u683c\u5f0f InFormat Design Curating\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;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-1706691255-20044.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691255-20044.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691255-20044.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691255-20044.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691255-20044.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691259-35418.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691259-35418.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691259-35418.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691259-35418.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691259-35418.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691271-95044.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691271-95044.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691271-95044.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691271-95044.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691271-95044.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;},{\u0026quot;src\u0026quot;:{\u0026quot;o\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691277-17940.jpeg?w=2000\u0026amp;output=webp\u0026quot;,\u0026quot;xs\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691277-17940.jpeg?w=100\u0026amp;output=webp\u0026quot;,\u0026quot;s\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691277-17940.jpeg?w=600\u0026amp;output=webp\u0026quot;,\u0026quot;m\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691277-17940.jpeg?w=900\u0026amp;output=webp\u0026quot;,\u0026quot;l\u0026quot;:\u0026quot;https:\\\/\\\/image-cdn.learnin.tw\\\/bnextmedia\\\/image\\\/album\\\/2024-01\\\/img-1706691277-17940.jpeg?w=2000\u0026amp;output=webp\u0026quot;},\u0026quot;title\u0026quot;:\u0026quot;\\u5b9c\\u862d\\u8607\\u6fb3\\u5ba2\\u4f86\\u9999\\u9910\\u5ef3\\u8b58\\u5225\u0026quot;}],\u0026quot;from\u0026quot;:\u0026quot;\\u5716\\u7247\\u4f86\\u6e90\\uff0f\\u683c\\u5f0f InFormat Design Curating\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\u003Cblockquote\u003E\n\u003Cp\u003E\u003Cstrong\u003E\u671d\u967d\u5ba2\u4f86\u9999\u9910\u5ef3\u8b58\u5225\u8a2d\u8a08\u003C\/strong\u003E\u003Cbr \/\u003E\n\u5171\u5275\u5925\u4f34\uff5c\u8336\u7c7d\u5802\u3001\u661f\u5c55\u9280\u884c\u3001\u4fe1\u7fa9\u623f\u5c4b\u3001\u5609\u5a01\u806f\u5408\u6703\u8a08\u5e2b\u4e8b\u52d9\u6240\u3001Alife\u3001\u5730\u65b9\u5275\u751f\u57fa\u91d1\u6703\u3001\u671d\u967d\u793e\u5340\u767c\u5c55\u5354\u6703\u003Cbr \/\u003E\n\u7a7a\u9593\u8a2d\u8a08\uff5c\u5de5\u4e8c\u5efa\u7bc9\u003Cbr \/\u003E\n\u6574\u9ad4\u8996\u89ba\u8a2d\u8a08\uff5c\u683c\u5f0f\u8a2d\u8a08\u5c55\u7b56\u003Cbr \/\u003E\n\u8a2d\u8a08\u7e3d\u76e3\uff5c\u738b\u8000\u90a6\u003Cbr \/\u003E\n\u8996\u89ba\u8a2d\u8a08\uff5c\u8d99\u5d07\u82f1\u3001\u5433\u67cf\u7ff0\u3001\u5085\u7469\u7005\u003Cbr \/\u003E\n\u6a19\u8a8c\u66f4\u65b0\u8a2d\u8a08\uff5c\u9112\u6600\u9054\u003Cbr \/\u003E\n\u6f01\u7372\u651d\u5f71\uff5c\u9673\u654f\u4f73\u003Cbr \/\u003E\n\u5c08\u6848\u651d\u5f71\uff5c\u8d99\u5d07\u82f1\u003C\/p\u003E\n\u003C\/blockquote\u003E\n","authors":"\u6d2a\u96c5\u7b60","editor":"\u6d2a\u96c5\u7b60 \/ \u6587\u5b57\u6574\u7406","date":"2024.01.31","date2":"Jan.31","time":"01:05 PM","my_publish_date":"2024-01-31T17:13:00+08:00","to_publish_date":"2024\/01\/31","url":"https:\/\/www.shoppingdesign.com.tw\/post\/view\/9928"}
社區漁港餐廳的新面貌!宜蘭「朝陽客來香餐廳」識別:格式設計以橘藍對比打造鮮活視覺
圖片來源/格式 InFormat Design Curating
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
座落於宜蘭蘇澳的「朝陽客來香餐廳」,由格式設計負責餐廳改造的整體形象識別設計,並攜手工二設計打造空間設計,構築出更鮮明的空間與視覺感受。
一間地方餐館與社區居民可以凝聚出什麼關係?在宜蘭蘇澳有一個不斷成長中的小鎮「朝陽社區」,自1994年成立社區發展協會以來,20年的時間除了發展觀光與經濟,也藉社區營造及設施改善,提升居民的生活品質,加深與土地的情感連結。
「朝陽客來香」餐廳即座落於此,起初由社區婦女經營簡易家常料理,後續聘請年輕主廚謝勝雄(阿雄師)返鄉深耕,將港邊的社區食堂轉型成真正的漁港餐廳,此次遷址改造計畫,由一路合作的夥伴茶籽堂號召,找來在地單位、民間企業及設計團隊聯手合作,其中格式設計負責餐廳改造的整體形象識別設計,並攜手工二設計,由他們打造出餐廳整體的空間設定,將美學概念導入公共與地方發展。
格式設計展策將客來香餐廳標誌重整,從朝陽社區發展協會原有標誌延伸改造為餐廳Logo,延續社區形象,著重漁產的新鮮活力。餐廳整體色彩計畫,透過日光橘、海洋藍的對比色系,呈現朝陽社區的在地特色,並跳脫習以為常的漁村印象,打造更注目的視覺感受。
在餐廳識別形象設計上,則以設計手法轉化「現流仔」每日現撈漁獲的主打特色,舉凡紅喉、白帶魚、鰻魚 、紅甘等各式魚種,透過攝影視覺結合複合媒材應用於室內外空間陳設,將巨幅魚隻圖像作為強烈的視覺重點;並應用漁港與漁獲常見的鮮豔傳統塑膠餐盤改造成各式指標、零錢盤、菜單等,成為空間中畫龍點睛的點綴,從視覺感受最生猛、新鮮的海洋滋味。
朝陽客來香餐廳識別設計
共創夥伴|茶籽堂、星展銀行、信義房屋、嘉威聯合會計師事務所、Alife、地方創生基金會、朝陽社區發展協會
空間設計|工二建築
整體視覺設計|格式設計展策
設計總監|王耀邦
視覺設計|趙崇英、吳柏翰、傅瑩瀅
標誌更新設計|鄒昀達
漁獲攝影|陳敏佳
專案攝影|趙崇英
登入數位時代會員
開啟專屬自己的主題內容,
每日推播重點文章
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106
台北市大安區光復南路102號9樓