【 貝殼放大 × Gogoro ：#GOGOROism 】
什麼是 GOGOROism 👉🏻 https://gogoroism.com
　
你知道嗎？走在台灣街頭，每五台機車，就有一台是 Gogoro 喔！
　
在這之中，有大學生、上班族、戀人、孩子的父母、阿公阿嬤，看似不同的個體，卻都持有同樣的信念：想透過零排放的寧靜革命，給下一代更美好的環境。五年來，這股 #內心的正向趨力 凝聚成為「GOGOROism」，更造就了全球獨一無二的電騎社群！
　
在 2019 年 11 月， #貝殼放大 與 #Gogoro 攜手製作 Gogoro 首個年度回顧互動式網站，並與 Gogoro 車主們一起回顧 1,800 多個日子以來共同創造的點滴與成就！
　
　
🛵 看過 GOGOROism 互動式網站了沒？ https://gogoroism.com
　
　
這次貝殼的夥伴們端出了哪些絕技呢？
今天我們帶來了專案PM、網站視覺設計師、前端工程師們的小訪問，一起來一探究竟他們的分享吧！
　

--

　
#Q1：
這次的專案怎麼表現出「GOGOROism」呢？
　　
　
#專案PM 玲涓：
許多朋友因個人信念而選擇 Gogoro 、在日常生活實踐對環境的愛護，進而參與車主社群的活動、讓生活增添了許多樂趣。於是，我們安排網站從抽象到具體、從「我（I）」、「我們 (We) 」、「我們一起 (Let's) 」，一步步讓車主感受到自己的 GOGOROism！
　
以網站的第一個互動為例，我們設計了「GOGOROism 測字測驗」，裡面安排了許多符合GOGOROism 精神的單字供選擇，像是 Adventure、Future、Fun、Green、Change、Cool 等等，讓所有車主參與 GOGOROism 價值信念建立的第一步。
　
除此之外，也安排了許多 #車主故事 及 #車主活動 的內容，去呈現 GOGOROism 的具體實踐。 如果你還沒玩過這個網站，推薦你一起感受一下充滿正向力量的「GOGOROism」！
　

--

　
#Q2：
能不能跟我們分享 GOGOROism 視覺的創作過程呢？
　
　
#視覺設計師 宇謙：
這次主視覺的概念以「各種不同的原因，匯流凝聚成 GOGOROism」作為核心去發想，將視覺抽象化，利用不規則的漸層色塊，象徵車主喜愛 Gogoro 的各種理由。而對比主要色塊的漸層流動，輔助圖形則使用較為明確的曲線分割與幾何圖形，也代表著在眾多車主裡，每個人的理念都堅定不移。
　
Gogoro 本身就有優秀的視覺設計團隊，這次有很多機會與他們當面溝通討論，雖然因此在製作的過程中花了更多時間修正，但最終呈現出彼此都滿意的設計時，心裡非常有成就感！
　

--

　
#Q3：
這次網站有很多有趣的互動設計，像是測字測驗、隨機答題遊戲、報名系統製作，以及各項動畫細節。 你們是透過哪些合作策略，讓網站在短時間內順利上線的？
　
　
#資深前端工程師 CHH、致維、宸恩：
我們在專案開始初期即導入自動化工具，建立持續部署（Continuous Deployment）流程，確保開發團隊協同作業順暢，各自專注在網站的核心功能，大幅節省了許多瑣碎的時間成本；此外，我們建立不同階段的測試環境，程式做任何修改時，可以確保企劃團隊能夠同時進行。
　
在時間限制下，以及需求還不確定的因素下，開發程式時，保留了許多擴充彈性，應付接下來的不同需求。 例如：製作《跨年大秀》的問答遊戲時，考慮到會題目擴充與作答的方式，因應不同需求隨時變更。
　
上線前，客戶有預告將會有大量流量湧入，因此我們在製作前已先使用 AWS 雲端服務 S3 主機以及 CloudFlare 建構 CDN 網路，應付上線瞬間的大流量。上線期間，我們也使用雲端監控系統，即時追蹤並解決發生的錯誤。
　

--

　
還沒體驗過 Gogoro 年度回顧網站嗎？
　
千萬不要錯過！1/18 前分享測驗結果，
還有機會獲得石垣島來回機票唷！
　
趕快去看看！ ✈️ https://gogoroism.com/
　

--

　
- 專案名稱｜Gogoro 2019 年度回顧行銷網站
- 客戶名稱｜Gogoro Taiwan
- 服務項目｜創意企劃、網站視覺、前端動畫、前端工程
- 團隊成員：
- 創意企劃及總監製｜林大涵
- 專案管理及執行｜張玲涓
- 視覺監製｜吳秉澤
- 視覺設計｜黃宇謙
- 前端動畫與工程｜CHH、黃致維、王宸恩（前期協力）
- 專案協力｜謝元霖
- Date：2019.12.19 -
- Link：https://gogoroism.com/

本集主題：動映画製造所 – 動畫聯展
　
專訪： 野口​（策展人）、周予婷​（助理策展人）
　　　
談論影像與影像共存，面對資訊影像洪流，如何能分辨影像背後所隱藏的含義，冷靜不被吞噬，又該以何樣的態度看待這個我們身處的圖像爆炸時代。
　　
動畫影像的獨特性
　　近年影像的發展與樣貌隨著科技技術的進步變化了許多，同時不單只是創作的手法或是技術的提升，也間接影響著觀著的閱讀模式與習性。
　　
　　影像比起過去更為頻繁的出現在我們的周圍，過去能夠接收影像的媒體從電視到現在人手一支的智慧型手機，觀者（現在的我們）更習慣動態影像傳遞與訊息的接收，再加上網路的普及，每分每秒都以倍速產生文字、聲音或是圖像訊息，所追求的視覺刺激強度已與以往不同，這些龐大的資訊不論是直接或是間接都在無形中的傳遞給我們，影像對於人們來說已經不再陌生，不單單是熟悉反而過度充斥，隨著我們對於這些影像的麻痺，加上畫素的提升已看不慣低畫質的品質，觀看習慣的改變使得創作者在創作時在速度、節奏上以及內容複雜度為觀者放入更多考量。
　　
　　視覺習慣並非以單向線性的方式面對給觀眾或是創作者，而是雙向互動的形式，彼此交錯影響。創作者本身置身於環境之中，兼具觀看與被觀看的身分生活著，差異只在創作者觀看影像時會有著更多的敏感度。因此創作者選擇動畫作為一種用來表達自己的敘事形式，不單是因為動畫的特性能建構出高自由度的動態畫面，劇情也能隨心所與的發展，其特別之處在於，作品的呈現與創作者的經歷環環扣者，綜合過去的體驗、生活喜好及細節觀察，作品會伴隨著創作者經歷的不同而有著幾乎無法複製的面貌，這也是為什麼，即使動畫不像是攝影或是電影能給我們真實又直接的感受，卻依然能夠勾起我們的生活經驗而引起共鳴，動畫利用氛圍的處理，營造出實際拍攝無法達到的效果，讓作品在視覺上有著更強烈的震撼力與刺激感。
　　
　　這樣層層的關係，動畫可視為一個綜合不同美學的集合體來討論，平面的角度會導出繪畫或是攝影來做比較，若是接成連續影像並組合配音，則會和電影、錄像作品來討論，其高度的實驗特質使得動畫可以被觀看的面相很多，很自由卻也因為可以操作的太多，是一門很考驗創作者的美學及敘事能力的創作方式。
　　
　　簡單來說動畫就好比夢境，創作者即為做夢者也是操夢者，透過獨特的手法和敘事方式，觀者似乎面對著作品就能窺看作者內心的故事與經歷，然而，人人都能作夢也能動畫，一件好的作品又該如何去定義。
　　
媒介普及，展示放映形式的改變　　
　　生活中同時身兼創作者與觀者的多重身份並不稀有，作為本次策展人的我也不一例外，過去對於影像、動畫、電影關注著，同時也思考著這些與我們的生活有什麼關聯性或是影響力。以我為例，小的時候，當時並非智慧型手機盛行的時代，對於觸碰到螢幕的想法是連想都沒有想過，綠色螢幕的翻蓋是按鍵手機是那時最前端的流行，電視稍有價位但也已經算是很普及，而家裡的人也熱愛電影，那時的我最期待的時刻就是做完作業用卡帶看卡通，也會在課本書角化手翻動畫，這些就是我最初理解對動畫的樣貌，很貼近生活並且很容易接觸，所以對於動起來的圖像並不覺得稀奇。
　　
　　大家或多或少有類似的經驗及回憶，動畫以各種姿態出現在身邊，尤其是近幾年也更為顯著，路上也隨處可見動態大螢幕，智慧型手機、平板的出現，擁有這些產品的年齡層逐漸年輕化。簡而言之，對影像熟悉度提升的原因是因為放映媒介的普及，而這樣生活化的放映特性拉近了我們和影像的距離，進階影響到展示的放映形式，單純播映的方式也成了最底線的呈現裝置條件之一，而伴隨著科技技術改變ＶＲ、ＡR、MR的出現，觀看時身體不再再是靜止，除了思考是不是在未來裡動畫的面貌也會有所不同？ 動畫展覽本身的是否也有形式上的再挑戰？值得思考的除了再現的手法或是文件事的展覽是否也有其他可能，不單影片的放映，其製作過程的手稿、分鏡，動畫在創作時的能量是否在展覽裡也能呈現更直覺的被帶出。
　　　　
　　最後要談談，扣著創作者和觀眾的角色——展覽，前面提到過去和現在的科技變化到視覺習慣上的改變，並影響到創作的作品表現，由此了解展覽可以談論的動畫主題面向廣泛。以美學為出發做討論，動畫的繪畫性討論、作為實驗的性質存在討論，或是動畫還有哪些不單就畫面可能，延伸到其外部裝置放映、到整個展出展覽的發展性；又或者通過展覽，使得觀眾有更進步的對動畫的認識，並且讓創作者獲得更多交流，甚至促進各個不同學校的動畫系所能有更密切的交集。
　　
　　由此理解展覽在觀眾及創作者間作為橋樑亦可觸發到的影響有多少，不過將前面所提及的都放進主題討論方向會過於龐大，況且展覽本身每一個環節都該被仔細安排過，為了使其夠完整，需要花上一段或是好幾次分批的抽絲剝繭才能逐一去探討。也因此，今年的展覽不局限於單一方向的主題，透過展出多元類型的作品，以及展出珍貴的手稿，展場另外安排一區可以讓觀眾互動的區域，讓大家可以動手畫，能更貼近作者製作時的歷程。
　　　　
　　此外本展直接取用主辦單位「動映画製造所」作為展覽名稱，「動映画製造所」本身即為產出影像場所的意思，很純粹不迂迴，「動」是取用「動畫」一詞，「映画」則是日本漢字為「電影」的意思，將動畫與電影兩個詞彙組合在一起，創造一個並非絕對的詞，也是因為動畫在近年來的改變，沿用原有最早的連續影像切片定義下，依然能將動畫、電影、動態影像、錄像藝術等等區隔開，然而現今的分界已不再清晰，「動映画」也是伴著這些分項微妙的模糊關係而誕生，並且與展覽的主題也存在著相互呼應的關係。
　　
此次動畫聯展作為往後展覽的序幕！希望大家能帶著好奇與期待的心情來參觀這次的展覽，我們也在未來裡繼續討論動畫各方面像的可能！（文：野口）　　　　　　　
　　　　　
　　　　　
策展單位： 動映画製造所​
　　　　
策展單位： 金車文藝中心​（承德館）
展出日期：2017/07/08－2017/09/03
開放時間：每日11:00-18:00（周一休館）
金車承德館地址：台北市承德路三段131號4樓

跪求有空的朋友
為影片加上字幕(中文即可)
萬分感謝
https://www.youtube.com/timedtext_cs_panel?tab=2&c=UC1FmA48qj1YOYQ5I6j4l6YA

如果覺得我介紹的不錯,歡迎贊助我的開箱影片(Please support my video Channel) PayPal : jkc1974@gmail.com


開箱介紹:King Arts KA情景系列 KSS007 1/9 MK6+拆甲台~ by 大人的玩具
賣場
http://class.ruten.com.tw/user/index00.php?s=18xtoys
FB
https://www.facebook.com/18Xtoys

産品簡介
在《復仇者聯盟》電影中 , 鋼鐵人降落斯塔克工業樓頂，東尼一邊行走，拆甲台就為東尼脱去裝甲的帥氣情景，一定深深打動過你！King Arts推出此套拆甲裝備，還原超强的機械與科技感覺，你一定不要錯過！

産品系列：KA情景系列
產品編號：KSS007
産品名稱：1/9 MK6拆甲台
授權電影：《復仇者聯盟》

產品規格
産品尺寸：約34*37*38CM
一箱總重：約4KGS
産品材質：工程塑膠ABS

產品特色
*階梯邊沿，機械臂倉底能夠發光，由紅外遥控控制！
*環形部分由合金打造，機械臂可移動與打開，還原電影情景！
*階梯前端兩塊可以折疊與打開還原！
*精致的上色，豐富的機械線條充滿美感！

[老闆，來點寇汀吧。] #直播預告 #週四寫程式系列 -
睽違了一年，今天不來點寇汀，來點新課程吧！
「動態互動網頁特效入門」正式上線募資
這週四(5/18)晚上十點整，直播即時說明課程跟解答問題，

這次的重點將放在JS、Canvas與Vue.js，
從語言基礎到整合進階，一次滿足，深入淺出學習網頁動畫、特效與遊戲製作的原理，從零快速入門網頁、JS 與繪圖實戰範例，並學習使用 Vue.js 整合前端網頁。

課程傳送門：
https://hahow.in/cr/monoame-webdesign2
　
上一堂-超過兩千八百人參與的系列課程：
「 動態互動網頁程式入門」
https://hahow.in/cr/monoame-webdesign