高校媒体公开课-《如何使用SVG排版技术,实现火爆的pick小瓶子游戏?》

免费高校公开课为你而定!
活动时间:2020-02-22 17:59 ~ 2020-02-26 22:00

活动详情

 


最近,发现了一个奇怪的现象:手机刷到哪,哪里就有涂鸦小瓶子。


朋友圈、微博、豆瓣、知乎、虎扑…哪哪都是这个「心动小瓶子」。


640?wx_fmt=png


起初是@头条新闻在微博上发起了#小瓶子涂鸦大赛 #,规则很简单,按照喜好/厌恶程度,涂抹小瓶子。越喜欢,涂得越满;不喜欢,就空着。


grey.gif


之后,大家的跟风就开始了,网络上开始盛传各种各样的小瓶子。喜欢的食物版、恐惧的事物版、追星版、动漫版、影迷版、耽美小说版…万物皆可瓶。


grey.gif


不仅网民跟风,官微和大V也坐不住了。@王者荣耀发了峡谷快乐源泉小瓶子、@网剧奈何BOSS要娶我发了磕糖小瓶子、支付宝锦鲤@信小呆也发了自己的小瓶子。


grey.gif


在不能外出的这段时间里,类似「心动小瓶子」这样的跟风娱乐是一波接一波。

grey.gif


小瓶子式 H5 火了,随之而来的是新媒体人开始思考如何将其以互动方式复现在推文中。


网易王三三推出《风靡朋友圈的小瓶子,互动升级版来了!》以及2.0版本,刺猬体验推出《“你一定要找个让你开心的人在一起。”》


grey.gif


基于 SVG AttributeName 白名单技术实现了这样效果,篇篇收获10W+ 。


网易王三三
grey.gif
刺猬体验
grey.gif



高校媒体人中也不缺高手,天津大学率先推出《天大版小瓶子来啦!快来pick你的最爱!,实现远超平常的阅读量,收获无数的天大迷妹。


grey.gif



有高校媒体同学就要问了:SVG是什么?CSS的结构又是什么?


小瓶子火了,玩腻了之后又能玩什么?我们不光要学会这次小瓶子的玩法(这次都不会也有点不好意思)。还要深入了解SVG互动图文排版技术,以后的我,也能创意或是“作业”,可以拉风一次!


会了这种技术操作,还能参加135编辑器举办的全国高校创意排版大赛,证书奖金双丰收哦。


grey.gif


为了让同学们掌握这门技术,打开通过“潘多拉”的世界,菠萝邀请到了奇点新媒体研究中心研究员、东莞理工学院新媒体部副总监钟泽睿!


为大家带来一堂直播课《如何使用SVG排版技术,实现火爆的pick小瓶子游戏吗?》


奇点新媒体研究中心的创始人计育韬老师,是微信官方 SVG AttributeName 开发者、复旦大学青年智库讲师、浙江传媒学院客座导师、上海团市委新媒体顾问、传播学图书《硬核运营:技术流新媒体养成》的作者。


钟泽睿在奇点新媒体研究中心工作,作为一名大学生,却已经主导了 Dior、中联重科、腾讯云、杰克琼斯等一线品牌的交互式图文开发和一图流设计!


相信同龄人的思想碰撞,能激起更多创意的火花,也能更愉快的交流,扎实的学到技术。


识别海报中二维码,让更多同学来一起学习吧!


grey.gif


grey.gif