信息创造价值。在信息创造的诸多价值中，传播知识尤其是向大众传播知识具有最深远的意义。抖音宣布启动“DOU知计划”，树立科学思想，崇尚科学精神，助力全民科学素质提升。我们也与抖音一起为此次活动制作了一支预热H5，这是一支充满“彩蛋”的H5。扫描二维码，探索自然科学！（数英App用户需点击放大二维码后，长按识别）创意的诞生 一开始接到brief，客户希望通过这支H5吸引更多理工科硕博生、科普工作者参加抖音科普大赛。结合目标用户的喜好，我们决定制作一支只有高知人群才能通关的解谜类H5，客户也十分赞同我们的想法。但“知识的普惠”是活动的核心，客户内部最终决定让更多普罗大众也共同参与进来。所以我们将题目及玩法的难度降低，同时客户要求问题的设置要基于自然科学领域，而且需要从抖音科普大v发布的科普视频中进行筛选。于是我们开始下一步工作——观看抖音短视频！在眼睛奋战几个小时后，我们在几百个视频中发现了很多有趣好玩的知识点，经过重重筛选，将选中的知识点设置成以下四道题。题目有了，那展现形式呢？为了增加互动性及趣味性，我们从以往的答题类H5中跳脱出来，将每道问题以解谜类游戏的方式呈现。知识是无穷无尽的，就如浩瀚宇宙般，同时借势近期大热的科幻题材，我们决定采用宇宙星球作为H5主体元素，整体风格以科技未来感为主。具体内容设计我们将生物学、天文学、物理学、化学分别设计成四个不同的星球，为了更好的区分，采用具有代表性的图标作为识别符号，同时也对每个星球进行命名。每个星球内都是不同的场景设定，而且场景内充满了细节元素及小彩蛋，让用户在体验时获得惊喜感。（以下内容涉及通关攻略，体验完H5后观看更佳哦）远祖星球第一个关卡比较简单，用户需要在场景中找出人类的祖先，也就是皮卡虫。我们也在场景中融入其他生物进行混淆视听，而且根据每个生物的特点设计了不同的交互动画。如在设计猛犸象的动画时，我们将保护动物的倡导融入其中，设计猛犸象长出珍贵的象牙，同时发出倡导“没有买卖，就没有伤害”。时空星球这道题目的通关攻略就是拖动黑板擦，将黑板上的月球擦除。但我们在体验版进行测试后发现，由于第一道题的最终结果是点击操作，导致用户在此关卡也下意识进行点击，不知道进行拖动操作，所以我们基于用户体验第一的准则，在黑板擦上增加了箭头提示，降低难度。场景内也埋着各种彩蛋，在GEB书中，夹着“42”的书签，这是宇宙最神奇的数字，也是科幻迷才懂的梗；点击钢琴，会出现一小段巴赫的平均律；望远镜中藏着外星人；黑板上有人类首次登月的标记及时间等等。原力星球要让超导体悬浮于磁性轨道，就需要倾倒液氮，对超导体进行降温后，即可悬浮起来。同样在用户体验测试后，我们在液氮元素上增加了冒烟动效进行凸显，降低通关难度。我们也在场景中埋了各种彩蛋，薛定谔的猫；芝诺的乌龟；辉光管时钟；牛顿摆等等。魔力星球这道题我们一开始的设定是将答案隐藏在纸上，用户只要点燃酒精灯，即可过关。但为了可玩性更高一些，我们加大了一点难度，在点选时设置了先后顺序，需要先点击牛奶，再点击酒精灯才能成功过关，你get到了吗？为了混淆视听，我们在场景中加入了门捷列夫和居里夫人的肖像。贱兮兮地问一句，你们是不是一开始就选择了门捷列夫？（偷笑ing）这个场景也同样少不了有趣的交互动画，如门捷列夫调皮地拿出元素周期表，居里夫人将元素结构式戴在眼睛上。每个场景中还有其他有趣的小彩蛋，在这就不多做介绍了，你们可以好好探索一下。为了让用户能成功通关，我们在每个场景中设置了提示，当用户在15s后仍解答不出时，球上的图标会转变成tips，可点击查看。每道题过关后，我们也会对相应的知识点进行科普。DOU知星球这是整个H5的最后一道题，看似最难其实最简单，现在敲黑板划重点啦，不懂的同学集中精神！“万物皆虚，万事皆允”源于游戏《刺客信条》，此格言表达的是：世间万物无常，总不会维持同样的状态，因此不应过于被旧有的思想所控制；当身处困境时，要记住总会有另一条路。所以这道题无论你输入什么答案，只要勇敢点击确认，即可通关，意不意外，惊不惊喜！同时，这句话也点明了整个H5主题，勇于冒险，多去尝试，世界万物的奇奥，只等我们去探索！交互设计我们希望用户在打开H5后，从loading页就可以玩起来，所以将这支H5的loading页设计成神秘的纵深空间，技术上运用了陀螺仪功能，当摆动手机时，形成视觉差，纵深空间运动起来。为了让解谜交互的过程更加流畅，我们采用了2D游戏引擎进行代码编写。而且这次的素材文件多且大，我们也通过技术在保证素材质量的同时进行了极限压缩。最后问一句，分享页上的题目大家都解出来了吗？（PS：打开抖音搜索“20190321”即可揭晓答案）