?

最近，發(fā)現(xiàn)了一個奇怪的現(xiàn)象：手機(jī)刷到哪，哪里就有涂鴉小瓶子。

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

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

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

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

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

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

網(wǎng)易王三三推出《風(fēng)靡朋友圈的小瓶子，互動升級版來了！》以及2.0版本，刺猬體驗(yàn)推出《“你一定要找個讓你開心的人在一起?！薄?/strong>。

基于 SVG AttributeName 白名單技術(shù)實(shí)現(xiàn)了這樣效果，篇篇收獲10W+ 。

網(wǎng)易王三三

刺猬體驗(yàn)

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

有高校媒體同學(xué)就要問了：SVG是什么？CSS的結(jié)構(gòu)又是什么？

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

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

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

為大家?guī)硪惶弥辈フn《如何使用SVG排版技術(shù)，實(shí)現(xiàn)火爆的pick小瓶子游戲嗎？》。

奇點(diǎn)新媒體研究中心的創(chuàng)始人計(jì)育韜老師，是微信官方 SVG AttributeName 開發(fā)者、復(fù)旦大學(xué)青年智庫講師、浙江傳媒學(xué)院客座導(dǎo)師、上海團(tuán)市委新媒體顧問、傳播學(xué)圖書《硬核運(yùn)營：技術(shù)流新媒體養(yǎng)成》的作者。

鐘澤睿在奇點(diǎn)新媒體研究中心工作，作為一名大學(xué)生，卻已經(jīng)主導(dǎo)了 Dior、中聯(lián)重科、騰訊云、杰克瓊斯等一線品牌的交互式圖文開發(fā)和一圖流設(shè)計(jì)！

相信同齡人的思想碰撞，能激起更多創(chuàng)意的火花，也能更愉快的交流，扎實(shí)的學(xué)到技術(shù)。

識別海報中二維碼，讓更多同學(xué)來一起學(xué)習(xí)吧！