SVG大神專訪：計育韜，開創(chuàng)行業(yè)更要守護行業(yè)。
長期從事教學工作的計育韜老師自 2016 年與微信團隊協(xié)作調(diào)試，頒布?SVG AttributeName 白名單以來，已累計講授了 300+ 場次的大學講座，更進行了不計其數(shù)的線上公益分享活動，間接或直接孵化了大批業(yè)內(nèi)的頂尖工作室和個人開發(fā)者。本期訪談，讓我們回到公眾號 SVG 交互技術(shù)誕生的原點，探尋行業(yè)的學術(shù)初心。
往期訪談：
SVG大神專訪：感謝科蚪，和你天馬行空的特效設(shè)計。
SVG大神專訪：荒村，就是原創(chuàng)精神的代言人。
SVG大神專訪：三千喵，從設(shè)計師到開發(fā)者的全棧漢服玩家
SVG大神專訪：設(shè)計/開發(fā)/授課三棲的小雪，強者如斯。
關(guān)于計老師
教務(wù)與研究一直都是計老師的工作重心，盡管已經(jīng)創(chuàng)作過數(shù)千份 SVG 交互設(shè)計，但論其中他自己最喜歡的，往往是具有社會價值意義的作品：
《清華大學帶你一圖讀懂「元宇宙」(與清華大學合作）》
《小紅花 ?x 40 = ?(與騰訊合作）》
《創(chuàng)意設(shè)計：SVG數(shù)據(jù)可視化交互圖文x扶貧專題》
目前，計老師作為 E2 平臺的技術(shù)顧問之一，長期為廣大用戶答疑解惑，也會幫助部分有緊急問題的會員免費修改代碼。同時，他依然積極推薦大家了解定制級作品的范例，引薦其他優(yōu)秀的資深開發(fā)者，讓平臺用戶始終保持山外青山樓外樓的學習視野。
訪談實錄
1.?計老師您好，2016 年是 SVG 行業(yè)真正的起點，可以分享一下當年您制定行業(yè)技術(shù)白名單規(guī)則時的故事嗎？
計育韜?回答：針對 SVG 技術(shù)的研究，我大概是 2014 年時候啟動的，當時共同參與的還有包括?HOMYi 平臺以及江南大學的技術(shù)大神?Y7。2015 年，我和 Y7 便在復旦大學邯鄲路校區(qū)「鹿鳴書店」向?qū)W生們講授相關(guān)的培訓課程，可以說最早期只有我們兩個人在具體進行這方面的技術(shù)詳細實踐。
到了 2016 年，我開始通過各大高校的公益巡講進行普及，將它作為授課內(nèi)容的一個小環(huán)節(jié)。記得是恰好途徑廈門嘉庚學院前后吧？那幾天跟微信團隊的朋友們在聊圖文樣式承載能力的問題，我就提出了基于 SVG 進行類似壓力測試的形式，并篩選出一批適合在微信承載范圍內(nèi)可行的最小單元動畫標簽。
這個想法與微信團隊一拍即合，于是我?guī)ьI(lǐng)廈門嘉庚學院的喆喆連續(xù)幾個晚上一起測試，我進行實驗代碼的構(gòu)建，他負責多終端的檢驗和錄入，最后誕生的《微信下 SVG AttributeName 白名單》EXCEL 表格，也是喆喆制作的，你們也可以讀一讀《“讓青島的海風，吹走你的BUG吧?！薄房吹狡渲械幕貞洝?/span>
完成測試后，微信團隊就在圖文能力前端進行了實裝，我也更新了巡講的講義，加入了這部分全新的行業(yè)知識。
2. 您為何會選擇這個方向的研究呢？畢竟那時這個技術(shù)領(lǐng)域應該非常冷門吧？
計育韜?回答：你要說我預料到了它如今的繁榮業(yè)態(tài)，那必然是不現(xiàn)實的。但人之所以能發(fā)揮主觀能動性進行探索，甚至開創(chuàng)一個全新的領(lǐng)域，更多是依賴原創(chuàng)精神和共享精神。
當年 Y7 和我一樣都是腦洞非常大的人，在圖文中創(chuàng)作了很多前所未有的創(chuàng)意雛形動畫，而隨著設(shè)計的深入我們又意識到亟需技術(shù)層面的整理與總結(jié)。
而我個人非常喜歡寫「教程」，就像此前國內(nèi)第一本 Prezi 教程圖書也是我出版的一樣，我認為探索一個新領(lǐng)域最好的辦法就是集結(jié)教程——這樣你就會以一種更系統(tǒng)性的方法論去歸納原本未知的世界，且通過這種共享行為能更好幫助其他人來快速突破行業(yè)壁壘，鼓勵他們參與其中——行業(yè)的繁榮不可能只靠寥寥幾人，它必然需要先行者能將足夠的知識無償共享。
從技術(shù)層面講，Prezi/PPT 的本質(zhì)是 XML 框架，恰好和 SVG 同源。這種「古早」的圖形編碼以前一般只被用于 PC 網(wǎng)頁的數(shù)據(jù)可視化層面，但我基于對 XML 本身的充分理解，轉(zhuǎn)化到圖文內(nèi)就相對得心應手。
綜上，基于學術(shù)層面自身的線性邏輯關(guān)系，結(jié)合對原創(chuàng)的堅持和一種習慣性的共享，才讓我在業(yè)余能對這個領(lǐng)域有所貢獻吧。
3. 您前面提到了今年舉辦的第一屆 SVG 開發(fā)者大會活動，這么多頂尖從業(yè)者是如何有機會聚集起來的？
計育韜?回答：開發(fā)者大會的構(gòu)想其實疫情前就有了喔！因為 2018 年時業(yè)內(nèi)已經(jīng)相對繁榮，各行業(yè)的頭部品牌都開始在 SVG 范疇「內(nèi)卷」，而彼時成立的幾乎所有工作室都與我有淵源（我的學生們開辦的居多），我也輔導過多個編輯器平臺應用新技術(shù)，所以我和闊野文化的主理人就尋思著是否可以聚一聚，讓大家在忙碌的業(yè)務(wù)工作之外，一起探索新的理論高度。
可惜由于疫情的到來，大會一直沒有操辦起來，直到今年才有機會由闊野文化在青島主持。當然，這里也很感謝你們 E2.COOL 和 135 編輯器的參與！秀米由于緊急的工作安排原因沒有蒞臨，期待明年可以相見吧！
4.作為行業(yè)的開創(chuàng)者，您一直熱衷于孵化各個新銳工作室，那么針對有這方面創(chuàng)業(yè)想法的青年您有什么建議嗎？
計育韜?回答：如你所說，能看到自己的學生們獲得成功，無論是世俗意義上的「年如百萬」還是技術(shù)層面上的巨大突破，這都是令我高興的事情。而方才我已經(jīng)提到，行業(yè)的繁榮需要足夠多的資深玩家，所以我的第一個建議就是：不要光想，動手做起來！
結(jié)合《交互新媒體創(chuàng)作者行業(yè)道德宣言》，無論個人或機構(gòu)都有機會從零開始成為行業(yè)先鋒。而我作為行業(yè)守護人和一位教育者，無論你們遇到任何困難（比如業(yè)績層面的困境或版權(quán)層面的損失等）都會全力支持你們。
那么到了具體的創(chuàng)業(yè)層面，我希望同學們都秉持原創(chuàng)精神和共享精神參與 SVG 領(lǐng)域，并且在合理的范疇下積極參與市場競爭，精進自己的水平。
原創(chuàng)是一件非常簡單的事。如果你覺得原創(chuàng)很難？做任何 SVG 設(shè)計都需要先找 Reference？或者試圖抄襲其他案例？那么你的主要問題大多在于理論基礎(chǔ)太過薄弱。這一點我非常推薦你們閱讀《??????????同款??????模板大全&創(chuàng)意方法論》，它很直觀地說明了一切創(chuàng)意基于設(shè)計學四大公理的原則。
好的創(chuàng)意必然不是無中生有，而是從嚴謹?shù)闹R體系內(nèi)演化而成，哪怕落實到操作層面諸如「十步聯(lián)想法」等，都充分說明了優(yōu)秀的創(chuàng)意皆有科學的生產(chǎn)流程。
共享是一件不會吃虧的事。獨守一隅甚至試圖構(gòu)建壁壘的市場參與者，在 SVG 領(lǐng)域內(nèi)都已走向落寞；而積極探索并樂于共享知識的市場參與者，都隨著思維之間的碰撞在更高速地迭代，推進著行業(yè)的新浪潮新趨勢。
無論是研究新的教學體系，還是傳播新的技術(shù)特征，都可以是共享的具體表現(xiàn)形式。這里我還特別推薦?iSVG?和?svg.show?兩個免費的案例搜索工具，它們也是行業(yè)共享精神的實體承載。
也推薦大家了解更多走在行業(yè)前沿，將原創(chuàng)與共享精神發(fā)揮到極致的新青年團隊：符號互動、意符文化、闊野文化、歸零心態(tài)、乙木互動、IF 設(shè)計式、三千喵、語圖工作室等……
5. 您和微信團隊長期保持合作，可否介紹一下未來圖文內(nèi)交互設(shè)計領(lǐng)域技術(shù)的發(fā)展方向？
計育韜?回答：行業(yè)業(yè)態(tài)的發(fā)展和基礎(chǔ)技術(shù)的發(fā)展是兩個概念，前者取決于我所說的從業(yè)者的整體能力，后者取決于平臺與生態(tài)的構(gòu)建者決策。近幾年，我與微信團隊的協(xié)同更多工作依然主要在于對「邊界」的測試和「漏洞」的封堵，畢竟你要知道會有一些從業(yè)者為了生計或者其他特殊目的鋌而走險，試圖突破我們設(shè)定的白名單框架進而威脅到微信公眾平臺自身的安全。
所以，也希望每一位從業(yè)者明白，任何試圖違背微信公眾平臺交互原則初衷，僅僅為了某些花哨的形式化設(shè)計而試圖破解或繞過既有平臺規(guī)則的對抗開發(fā)行為，都會受到嚴厲地管控甚至制裁。
那么從這個角度看，我認為行業(yè)的發(fā)展方向更多在于對 CSS3 結(jié)合 SVG 的復合結(jié)構(gòu)研究，以業(yè)內(nèi)大神@科蚪的「SVG 無限選擇器」為典型，走到 SVG 之外，充分挖掘 CSS3 更廣闊領(lǐng)域的參數(shù)能力，相信還會實現(xiàn) SVG 交互設(shè)計的形式革新。
6.在第一屆 SVG 開發(fā)者大會上，我們也了解到了您當年一句 pointer-events 的引入變革了行業(yè)形式的事件，那么接下去您有新方向的研究或其他打算嗎？
計育韜?回答：變革談不上。長期以來 SVG 作為一項業(yè)余興趣愛好，更多時候我的研究只在于帶給大家一些驚喜的「小禮物」，有點像一個古板的圣誕老人吧！在偶爾的時刻出現(xiàn)，讓大家有不失望的喜悅。至于 SVG 層面的研究，因為尚未形成準確的技術(shù)方法論范式，所以這里我只提三點：
1）原生動畫能力。參考我的實驗性發(fā)布《電子音樂???????????? - ????????（三體）??重塑雕像的權(quán)利》
2）perspective 3D（業(yè)內(nèi)一般稱呼為「裸眼 3D」）的應用還可以有更多演化。除了我引入的「地平線模式」之外，有興趣的開發(fā)者不妨再深度思考一下，比如極慢與極快差速的應用可能性。
3）文本動畫?；氐郊夹g(shù)發(fā)展的最初，早期我就創(chuàng)作過《?警告?。?！一只蜜蜂飛進了你的手機！?》這樣的實驗模型，去年也發(fā)布過讓很多同學驚艷的《來 ?卷 ?啊 ??????????????????????????????????????????????????》。但文本動畫的創(chuàng)作一直鮮有開發(fā)者涉足，一方面代碼工作量過大，另一方面策劃難度極高。
除此以外，我還是想做好自己平面設(shè)計師的本職工作，并進一步堅持自己的音樂創(chuàng)作事業(yè)。年初改編了《流浪地球2》中太空電梯的 OST 鋼琴譜。
本期的專訪中計老師為我們娓娓道來行業(yè)的發(fā)展故事，給準備進入行業(yè)的新人們提供了可靠的寶貴建議，更展望了行業(yè)未來的前進方向。我們也歡迎更多此前沒有接觸過交互設(shè)計的運營人前往?E2.COOL?編輯器著手實踐。同時，如果你的品牌有意指定計老師作為定制開發(fā)力量，也歡迎聯(lián)系我們的平臺客服，進一步溝通高級定制服務(wù)。
這里是黑科技編輯器（e2.cool），會的比別人多一點
