HTML5设计《明日校园》

视觉传达大二--互联网设计课程

HTML5《明日校园》--臭鸡蛋小组

【查看作品请戳】

http://245102.ih5.cn/idea/_0Dk88n?vxparm=/vxid_1/senderid_c36b0752818c206c/from_timeline/isappinstalled_0&source=null#p4

整理个过去大二的作业，虽然非常不成熟，还是要记录一下。

本着自嘲自黑的调侃娱乐心态，老王说不如我们来做个抒（tu）发（cao）情（xue）感（xiao）的h5互动小游戏吧，结果小组成员一致同意，在班上公开投票选队友的环节竟然这个提案竟然票数最高，看来广美的学生真的对学校的热爱之情（tucao的yuwang）真的非常热烈。

于是几个视觉传达的平面汪外加两个真材实料的信息设计小伙伴就开始了大家共同的第一次合作

从我们到底要做什么，讲述一个什么故事，到底要吐槽些什么能够引起广美学子的共鸣的东西，怎样让互动更加有趣味性，等等等等。

明日校园主要以主人公--小明，一个在广美上学的三好青年，剧情主要分为三个篇章，围绕主人公在广美的那些糟心事来展开，带着一点点调侃的意味小小吐槽一下我们都热爱的大广美和作为一个广美设计汪学生的大学生活，希望这三个每个广美学生都经历过的糟心事小剧情互动，能让大家看完后会心一笑。

ps：既然主人公叫小明，嘿嘿，明日校园这个名字，大家就应该懂了吧，有点小恶趣味。

剧情一：开始偷窥小明的魔性行程

讲述广美学子每天都要经过的广美桥，估计是在广美上学每天必须经过也唯一要露天的路程，广美桥也是广美人共同的美好回忆，记录了大家或风雨无阻或日晒雨淋的早起上下学之路，又或是在工作室熬夜赶完作业后踏着晨曦伴着星光回宿舍的回忆，因此我们设计了个关于小明上学的小互动动画。（但是在我记录这个作业的此刻，广美桥于今年装上了遮雨棚。。。不再是唯一要淋雨的桥也不再是能举头望月的桥了）

剧情二：开始偷窥小明的神秘宿舍

这个剧情应该是每个广美设计汪都经历过的大学生活某一天吧，广美被大家戏称广州熬夜学院，就是因为设计专业的作业非常多，大家都有着在宿舍奋战做作业的经历，然而在14年的时候广美宿舍换成了五人间，从此大家的桌子更小了，宿舍分分钟变网吧，这时候槽点就来了，当桌子连成一排的时候，左边在lu啊lu，右边在看着不明视频，这时候夹在中间的三好青年小明，就有了想狗带的心情。

剧情三：开始偷窥小明的苦逼夜生活

说到熬夜学院，这就点题了，因此此篇章就展开对广美的夜生活的吐槽，沿袭这个h5中的互动模式，熬夜做作业的小明也是给予了两个选项，凌晨三点，人生难题来了，是继续做作业还是上床睡觉，分别点击两个选项会输出两个不同的结果，希望广美学子看完能够会心一笑，属于大家的共同回忆。

虽然这是我们第一次尝试做这样的东西，但是从完全没做过，从零摸索软件，想了很多东西但是却不知道怎么实现，然后三周的课程完成出来（其中成员们还各自有事情忙）还是非常不容易的，欢迎指点评价。