随（suí）着（zhe）H5交互形式（shì）的增加，H5活动设计时可以选择（zé）的方向越来越多，也让许多H5活动出现了参与门槛高、活动规则复（fù）杂等问题，大大影响了用户的参与积极（jí）性。特别是在无奖（jiǎng）励的活动中，缺少了利益（yì）驱动后，这些复杂（zá）活动更是让人没（méi）有参（cān）与的欲望。相（xiàng）反（fǎn），一些交互（hù）简单、信息传达直接的“简约风”H5却更受人们（men）欢迎。下面，新利和蓝橙互动就通过实战案（àn）例和大家聊（liáo）聊，如何如（rú）何做一个“简约风”H5。

一、项目背景

本次项目是给黑（hēi）龙江卫视“一起读书吧（ba）”全媒体（tǐ）阅读（dú）节目做的线上宣传（chuán）H5活动，项（xiàng）目名称为（wéi）森林（lín）书屋（wū），结合（hé）世（shì）界（jiè）读书日节（jiē）日背景，针对看书的（de）年轻人（年龄阶段主要为大学生到青年职场（chǎng）人），做（zuò）一次好书分享推荐。

二、创意策划

本次活动的核心目的是分享出品方精选推（tuī）荐的（de）几（jǐ）本（běn）好书，H5通过独特的视觉效（xiào）果、脑洞（dòng）大开的（de）切入点（diǎn）将（jiāng）用户引入到这（zhè）场（chǎng）读书之（zhī）旅中。

故事（shì）叙述则（zé）是采用了横版（bǎn）长图（tú）的形式，开头以（yǐ）名（míng）人名言（yán）引（yǐn）入（rù），中间以排（pái）布式现代诗描述各个画面，并（bìng）在画面中巧妙（miào）融入好书推荐（jiàn）的视频，用户可点（diǎn）击查看视频中的年（nián）度推荐书单（dān），最后进行（háng）总结，呼（hū）吁大家多（duō）读书、读好书。

三、视（shì）觉设计

1、人物（wù）风格设定

确定故事流（liú）程后，进入视觉设计阶（jiē）段。在人物的（de）刻画上，视（shì）觉是（shì）有很多表现形式的，需（xū）要根据整体方案的气（qì）质去选择合适的视觉呈现。由于这次的活动是针对爱（ài）看书的年轻人，年龄阶段主要为18-30岁，为了使整体效果更自然，让用户更（gèng）有代入感。尽管这是一个童话风的故事，我们海（hǎi）报摒弃了低龄卡通的设计（jì）方向，在人物设计上选择（zé）了更加（jiā）成熟的青年向设计风格（gé），更符合（hé）对用户（hù）年龄阶段（duàn）的刻（kè）画。

2、故事场景设（shè）计

结合名称“森林书屋”，故事（shì）场（chǎng）景（jǐng）毫（háo）无疑问（wèn）地设计成了一片（piàn）森林，主人公背着（zhe）书包行走在森林中，进入一（yī）本书的（de）魔法之门，开启了他的读（dú）书之（zhī）旅。

在（zài）书的世界里好（hǎo）似进入（rù）了（le）小（xiǎo）人国，主人公放下书包（bāo）拿出书，在鹿身（shēn）边安静的（de）看（kàn）书（shū），岁月静（jìng）好（hǎo）。

河边篝火（huǒ）旁弹吉他，有松鼠作伴，森林里大大小小（xiǎo）的镜子里折射的是（shì）主人公脸的（de）国（guó）王、猫、摩登女郎，表（biǎo）示（shì）在书中体会不同人生美好。

在巨大的书上弹着钢（gāng）琴，远处看到故乡暖暖的灯（dēng）光，一（yī）家人（rén）围（wéi）坐吃饭的场景，体验家的感觉。

书变（biàn）成帐（zhàng）篷一样，在书里面（miàn）邂（xiè）逅无形的舞（wǔ）。

最后看完书的主人公背起书包，拿着书，从森林回到城市。读（dú）完书获得了力量的人，高昂着头，笑容满面。

3、视频设计

视频（pín）内容方面相对简单，主要是将书籍（jí）样式（shì）、书籍名称（chēng）、作者、初版单位等基础信息展示出来，并（bìng）通过转场动画进行切换展（zhǎn）示。

四、程序开发

相比于视（shì）觉设计来说，这（zhè）类展示型H5的制（zhì）作相（xiàng）当简（jiǎn）单（dān），核心在于前端页面的展（zhǎn）示（shì），控制好H5一屏的显示尺寸尤为重要。由（yóu）于H5为横版长（zhǎng）图，且是假横（héng）屏形式，所以页面宽1280px*高870px，主（zhǔ）要内容控制在宽1280px*高630px，以（yǐ）确（què）保页面显示完整。

五、结语

“简约风（fēng）”H5不是说H5的页面（miàn）设计（jì）风格为简约风，而是指整体体（tǐ）验流程的（de）简约，让用户通过简单的活动规（guī）则、简单的操作（zuò）方式来参与活动（dòng），重拾H5只占用用户零碎时间，轻（qīng）量（liàng）小巧（qiǎo）的特（tè）点。欢迎大家扫码（mǎ）体验一下这个休闲（xián）简单的（de）H5活动。