?

最近，發現了一個奇怪的現象：手機刷到哪，哪里就有涂鴉小瓶子。

朋友圈、微博、豆瓣、知乎、虎撲…哪哪都是這個「心動小瓶子」。

起初是@頭條新聞在微博上發起了#小瓶子涂鴉大賽 #，規則很簡單，按照喜好/厭惡程度，涂抹小瓶子。越喜歡，涂得越滿；不喜歡，就空著。

之后，大家的跟風就開始了，網絡上開始盛傳各種各樣的小瓶子。喜歡的食物版、恐懼的事物版、追星版、動漫版、影迷版、耽美小說版…萬物皆可瓶。

不僅網民跟風，官微和大V也坐不住了。@王者榮耀發了峽谷快樂源泉小瓶子、@網劇奈何BOSS要娶我發了磕糖小瓶子、支付寶錦鯉@信小呆也發了自己的小瓶子。

在不能外出的這段時間里，類似「心動小瓶子」這樣的跟風娛樂是一波接一波。

小瓶子式 H5 火了，隨之而來的是新媒體人開始思考如何將其以互動方式復現在推文中。

網易王三三推出《風靡朋友圈的小瓶子，互動升級版來了！》以及2.0版本，刺猬體驗推出《“你一定要找個讓你開心的人在一起。”》。

基于 SVG AttributeName 白名單技術實現了這樣效果，篇篇收獲10W+ 。

網易王三三

刺猬體驗

高校媒體人中也不缺高手，天津大學率先推出《天大版小瓶子來啦！快來pick你的最愛！》，實現遠超平常的閱讀量，收獲無數的天大迷妹。

有高校媒體同學就要問了：SVG是什么？CSS的結構又是什么？

小瓶子火了，玩膩了之后又能玩什么？我們不光要學會這次小瓶子的玩法（這次都不會也有點不好意思）。還要深入了解SVG互動圖文排版技術，以后的我，也能創意或是“抄一份作業”，可以拉風一次！

會了這種技術操作，還能參加135編輯器舉辦的全國高校創意排版大賽，證書獎金雙豐收哦。

為了讓同學們掌握這門技術，打開通過“潘多拉”的世界，菠蘿邀請到了奇點新媒體研究中心研究員、東莞理工學院新媒體部副總監鐘澤睿！

為大家帶來一堂直播課《如何使用SVG排版技術，實現火爆的pick小瓶子游戲嗎？》。

奇點新媒體研究中心的創始人計育韜老師，是微信官方 SVG AttributeName 開發者、復旦大學青年智庫講師、浙江傳媒學院客座導師、上海團市委新媒體顧問、傳播學圖書《硬核運營：技術流新媒體養成》的作者。

鐘澤睿在奇點新媒體研究中心工作，作為一名大學生，卻已經主導了 Dior、中聯重科、騰訊云、杰克瓊斯等一線品牌的交互式圖文開發和一圖流設計！

相信同齡人的思想碰撞，能激起更多創意的火花，也能更愉快的交流，扎實的學到技術。

識別海報中二維碼，讓更多同學來一起學習吧！