高校媒體公開課-《如何使用SVG排版技術(shù),實(shí)現(xiàn)火爆的pick小瓶子游戲?》

免費(fèi)高校公開課為你而定!
活動(dòng)時(shí)間:2020-02-22 17:59 ~ 2020-02-26 22:00

活動(dòng)詳情

?


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


朋友圈、微博、豆瓣、知乎、虎撲…哪哪都是這個(gè)「心動(dòng)小瓶子」。


640?wx_fmt=png


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


grey.gif


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


grey.gif


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


grey.gif


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

grey.gif


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


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


grey.gif


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


網(wǎng)易王三三
grey.gif
刺猬體驗(yàn)
grey.gif



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


grey.gif



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


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


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


grey.gif


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


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


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


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


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


識(shí)別海報(bào)中二維碼,讓更多同學(xué)來一起學(xué)習(xí)吧!


grey.gif


grey.gif