对于互联网创（chuàng）意工作（zuò）者而言（yán），永（yǒng）远保持充沛的（de）精力和灵（líng）感可并（bìng）不轻松，他们平时向外界输出智慧成果，迎接一轮又一（yī）轮的头脑风暴，面对高强度的作业需（xū）求，还要努（nǔ）力（lì）维持着工作状态。在这样的情况下，大家期盼（pàn）着有一座创（chuàng）意加油站（zhàn）出现，能够为我们（men）提供取之不竭的灵感（gǎn）源（yuán）泉。本期小编给大家带来的（de）就是全网最新的H5案（àn）例分享，希望能给大家带来一些创意灵感。

案例名称：建党（dǎng）100周年互动微电（diàn）影《抉（jué）择》

品牌：人民日报新媒（méi）体×Bilibili

人民日报新媒体联合Bilibili在（zài）建党100周年（nián）之际推（tuī）出（chū）的作品，用（yòng）户化身为剧中人物，在电影中选择情节走向，感受（shòu）建党，建国（guó），科研和祖国建设的艰辛之路和胜利之路，为党献出（chū）真挚的祝福。

打开作品（pǐn）后，从“红色起点”“归（guī）国巨轮（lún）”“圆梦茶（chá）乡（xiāng）”中选择一个，开启体验，在出现（xiàn）选（xuǎn）择（zé）时点击（jī）自己想要（yào）的剧情走（zǒu）向即可（kě），电（diàn）影（yǐng）播放完毕后，用户可以看到自己的故（gù）事梗概，和（hé）剧情（qíng）解锁图（tú），三个（gè）电影（yǐng）对应（yīng）了建党（dǎng）前，建国时，和建国（guó）后的（de）时间段。

案例名称：欢迎来到特区金色（sè）大道

品牌：深（shēn）圳（zhèn）银（yín）保监局

通过对深圳经济特区四十年发展过（guò）程中，银（yín）行保（bǎo）险重点企业的（de）重大（dà）事件回顾，展示（shì）银（yín）行保险行（háng）业支持特区（qū）建设，发（fā）挥了（le）巨（jù）大（dà）的金融作用。特别是深圳银（yín）保监局成立以来（lái），银行保（bǎo）险（xiǎn）行业继续（xù）发（fā）扬敢闯（chuǎng）敢（gǎn）试（shì）、敢为人先、埋头苦干的（de）特（tè）区（qū）精（jīng）神，永（yǒng）葆（bǎo）“闯”的（de）精神、“创”的劲（jìn）头、“干”的作（zuò）风，续写更多春天的故事！

画面以时间为顺序，从80-90-00-10-至（zhì）今，画面元素也会随（suí）着（zhe）时代而（ér）变化（huà），比如车辆、道路、人物（wù）和建筑风（fēng）格等（děng）；事件详（xiáng）情（qíng）页背景也选（xuǎn）用了三个不（bú）同时期的深南（nán）大道风景，与（yǔ）深圳金色（sè）大道呼应。

案例（lì）名称：清华大学（xué）美术学院线上（shàng）毕业展

品牌：清华大学（xué）美术学院

这是清华大学美术设计研究（jiū）院联合清华（huá）大学（xué）-阿里巴巴人机自然交互体验（yàn）实验室、阿里云制作的一（yī）场线（xiàn）上毕（bì）业展（zhǎn），通过线上展览（lǎn）的方式让更多的（de）人看到清华美院学生们的设计理念、艺术设（shè）计技（jì）能（néng）、执着理想、求真务（wù）实（shí）、自信的文化态度。

在展览中，用户（hù）左滑（huá）屏幕依次浏览展位，每个展位首先是作者名字，照片，作品名称，设计（jì）理念阐述，然（rán）后是作品展览（lǎn），展览包括图像（xiàng）和视频两种方式，有的会有一些简单的（de）小（xiǎo）互（hù）动（dòng），让作者更（gèng）直观的感（gǎn）受作品主（zhǔ）旨，点击右下角（jiǎo）作者名字会弹出作品图（tú）选（xuǎn），细节欣赏（shǎng），或（huò）其他平台的（de）个人二维码，左下角有展位序列号。用户（hù）在欣赏过程中可随（suí）时点击左（zuǒ）侧（cè）列表（biǎo），跳（tiào）转至其（qí）他展区或系别（bié）。

案例（lì）名称：CHOCAPIC® Nutri-Game

品（pǐn）牌：雀巢（cháo） Nestlé

这是雀（què）巢的chocapic产品宣传H5，目（mù）的是通过小游戏（xì）的形式黏连（lián）年轻用户。

H5采用小游（yóu）戏的形（xíng）式，首屏是（shì）chocapic的产品介绍和游戏说明，点击“OK”按钮，进入游戏（xì）机界（jiè）面； 

游戏机界面，提示（shì）点击（jī）右侧黄色“X”按钮，开始游戏（xì），而后（hòu）是对话完毕，点击屏幕左侧上下左右键小狗运动；点（diǎn）击右侧黄（huáng）色“X”按钮，小狗跳跃，游戏有点像小时候（hòu）玩（wán）的超级马里（lǐ）奥；游戏过程中，小怪（guài）物（wù）可以跳跃踩，谷物形式的动态（tài）元素碰到后让右上（shàng）角的（de）小条（tiáo）一点点颜色充（chōng）满。

案例名称：小小星途揽（lǎn）月人

品牌：网易（yì）新闻 X EXEED星途

神州（zhōu）十（shí）二号成功（gōng）发射的新闻相（xiàng）信也点燃了许多小朋友的太空梦想（xiǎng），网易新闻与星途汽车联合（hé）制作了此作品，根（gēn）据孩子（zǐ）的性格生成小小探（tàn）险家（jiā）海（hǎi）报，呼应最近关注度极高（gāo）的神舟十二号成功（gōng）发射事件，表（biǎo）达对中（zhōng）国航（háng）天事业（yè）的尊重与自豪。

点击导语下的“立刻出道（dào）”，回答问题，包括孩（hái）子（zǐ）遨游（yóu）太（tài）空（kōng）会被（bèi）什么吸引（yǐn），遇到外（wài）星人会怎么做，然后（hòu）输入名字，上传照片，选择海报背景，调整照片在背景中的大小和位置（zhì），即可生成海报（bào），包括报头“小小星途揽月人”，成品效果图，和根据用户选（xuǎn）择授予的称号“人见人爱的月球御用小（xiǎo）摄影（yǐng）家”“深藏blue的太空救援小能手”等，用户可保存海报，或点击分享参与（yǔ）抽奖。也可点击跳转（zhuǎn）页面（miàn），了解相关活动和预约（yuē）新款星途汽车的试驾。

案例名称（chēng）：你能通过公司（sī）实（shí）习期的考验吗？

品牌：南（nán）方（fāng）+

这家“创业公司”，史上最强！以进公司实习互动为主题，设（shè）定不同的场景和问题让（ràng）用户（hù）选择“继（jì）续实习”还是“歇一歇”进（jìn）行游戏

每个环节（jiē）出现4次对话框考（kǎo）验（yàn），结果页分（fèn）别为“这（zhè）就放弃了，XXXX”与“恭喜（xǐ）你通过第X关”两（liǎng）种情况（kuàng），制造（zào）反（fǎn）差（chà），放弃后则弹出中国共产党人（rén）的初心使命，让大家了解和（hé）关心（xīn）党员群体背后的坚持与奉献。    最（zuì）终结（jié）果页（yè）显示你（nǐ）拿到世界最牛创业公司offer的潜力值结果，设（shè）置两个按钮，一个为查看完整故事（shì）（三（sān）个故事党员（yuán）群像合（hé）并），一个为生成结（jié）果（guǒ）页，进一步分享传播（bō）。

案例（lì）名称：壳牌（pái）“0”收益（yì）投资计（jì）划

品牌（pái）：壳牌

壳牌（pái）的环保主题（tí）作品（pǐn），模拟在地球上种树，消灭二（èr）氧化碳的过程（chéng），让用（yòng）户参与环保行动，提高环保（bǎo）意识。

主（zhǔ）页点（diǎn）击接受（shòu）挑战，在20秒倒（dǎo）计时（shí）内尽量多的（de）点击不断冒出的二氧（yǎng）化碳标（biāo）志，让其变成小树，倒计时（shí）结束（shù），用户可（kě）以看到（dào）自己的种树数量，获（huò）得的称（chēng）号和排名，点（diǎn）击跳转到最后页面，可以看到最终（zhōng）种树数量对应的（de）二氧化碳吸（xī）收（shōu）量，排行榜（bǎng），和1分52秒的主（zhǔ）题视（shì）频。

案例名称：欧（ōu）罗（luó）巴蹴（cù）鞠大赛画传（chuán）

品牌（pái）：Formovie峰米X网易文创X哒哒

峰米（mǐ）宣（xuān）传作品，将现代足球报（bào）导与（yǔ）古代蹴鞠（jū）画面结合，宣传传统（tǒng）文化和（hé）峰米产品优（yōu）势（shì），为店铺引（yǐn）流（liú）。

横屏浏览，点（diǎn）击（jī）打开长轴画卷，卷首（shǒu）是标（biāo）语和简约导语，点击蹴鞠球逐幅（fú）浏览，画面内（nèi）容有场上伤员急救，比赛引发（fā）企（qǐ）业股价波动，疫（yì）苗立大功，乌龙球，名流云集（jí）看台，国家队赶赴球场，头球进决赛，点球争议，最后用户选（xuǎn）择一副主图生成收藏海报（bào），海（hǎi）报右（yòu）方（fāng）有（yǒu）峰米（mǐ）产（chǎn）品（pǐn）优势描述，用户可重选主图和登陆（lù）店铺。