安全高手大PK：深信服科技 X 深信服智安全

2017-10-26 H5案例分享 H5案例分享

案例：深信服科技 X 深信服智安全

出品：安全高手大PK

亮点：

策划上，测试答题类，共有十道题，首页展现了各种网络安全问题，拉响网络安全战报，需要玩家去击败他们，点击“play”，进入到问题页，点击选项自动进入到下一题，通过一系列的提问让用户了解到关于网络安全和深信服的相关信息，强化用户认知。
设计上，漫画风格，采用紫色、蓝色为主色调，各种网络安全问题以病毒的形象来展现，十分有趣；背景主要采用蓝色的星空夜景，有种神秘氛围。
动效上，首页动效主要采用抖动效果，既展现了网络病毒的嚣张狰狞，也易吸引用户点击相应按钮；问题页的题目采用的是下滑渐现动效，选项采用的是依次上滑渐现动效，大图采用的动效类别稍多一些，主要是渐隐渐现、位移等。

技术实现：捂得太严了，小编看不到啊~~~

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

深信服科技 X 深信服智安全-查阅二维码

完整欣赏此案例大约需要40秒

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签