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

一、项目背（bèi）景

本次项目是给黑龙江（jiāng）卫视“一起读书吧”全媒体阅（yuè）读节目做的线上（shàng）宣传H5活动，项目名称为森林书屋，结合世界读（dú）书日节日背（bèi）景，针对看书的年轻人（年龄阶段主要为大学生（shēng）到（dào）青年职场人（rén）），做一次好书分享推荐。

二、创意策划

本次活（huó）动的核（hé）心目的是分享出品（pǐn）方精选推荐（jiàn）的几本好书（shū），H5通过独特的视觉效果、脑洞大开的切入点将用户引入到这场读书之旅中。

故事叙述则是采用（yòng）了横版长图的形式，开头以名人（rén）名言引入，中间（jiān）以排布式现代诗描述各个画面，并在画面中巧妙融入好书推荐（jiàn）的视频，用户可点击（jī）查（chá）看视频中的年（nián）度推荐书单，最后进行总结，呼吁大家多（duō）读书、读好书。

三、视觉设计

1、人物风格（gé）设定

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

2、故事场景设计

结合名称（chēng）“森林书屋”，故事场景毫无疑问地设（shè）计成了一片森林，主人公背（bèi）着（zhe）书包行走在森林中，进入一本书的魔法之门，开（kāi）启（qǐ）了他的读书之旅。

在书的世界里好似进入了（le）小人国，主（zhǔ）人（rén）公放下书包拿出（chū）书，在鹿身边安静（jìng）的看（kàn）书，岁月静好。

河边篝火旁（páng）弹吉他，有松鼠作伴，森林（lín）里大大小小的镜子里折（shé）射的是主人公脸的（de）国（guó）王、猫、摩登女郎，表示（shì）在书中体（tǐ）会不同（tóng）人生美好。

在巨大的书上（shàng）弹着钢琴（qín），远处看（kàn）到故乡暖暖的（de）灯光，一家人围坐吃饭的（de）场景（jǐng），体验家（jiā）的（de）感觉。

书变（biàn）成帐篷（péng）一样，在（zài）书里面邂逅无形的舞。

最后看完书（shū）的主（zhǔ）人（rén）公背（bèi）起书包，拿着书，从森林回到（dào）城市（shì）。读完书获（huò）得（dé）了力量的（de）人，高昂着头，笑（xiào）容（róng）满面。

3、视频设计

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

四（sì）、程（chéng）序开发

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

五（wǔ）、结语

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