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

一、项目背（bèi）景（jǐng）

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

二、创意策划

本次（cì）活动的核（hé）心（xīn）目的是分享出品方精选推荐（jiàn）的几本好书（shū），H5通过（guò）独特的视觉效果、脑洞大开的切入点将用户引入到这（zhè）场（chǎng）读（dú）书之旅（lǚ）中。

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

三（sān）、视觉（jiào）设计

1、人物风格设定

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

2、故事（shì）场景设计（jì）

结合（hé）名称“森（sēn）林（lín）书屋”，故事场景（jǐng）毫无疑问地（dì）设计成了一片（piàn）森林，主（zhǔ）人（rén）公背（bèi）着（zhe）书包行走在森林（lín）中，进入（rù）一本书的魔法之（zhī）门，开启了（le）他的读书之旅。

在书的世界里好似进入（rù）了小人国，主人公（gōng）放下书包拿出书，在鹿身（shēn）边安静的看书，岁（suì）月静好（hǎo）。

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

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

书（shū）变成（chéng）帐篷一样（yàng），在书里面（miàn）邂逅无形的（de）舞。

最后看完书的主人公背起书包，拿着书，从（cóng）森林回到（dào）城市。读完书获得了（le）力量的人，高（gāo）昂着头，笑容满面（miàn）。

3、视频设计

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

四、程序开发

相比于视觉设计来说（shuō），这类（lèi）展示型H5的制作相当简单，核心在（zài）于（yú）前端页面的展示，控制好H5一屏的显示尺寸尤为重要（yào）。由于（yú）H5为横版长（zhǎng）图，且是假横屏形式，所以页面宽1280px*高（gāo）870px，主要（yào）内容（róng）控制在（zài）宽（kuān）1280px*高630px，以确保页面显（xiǎn）示完（wán）整。

五、结（jié）语（yǔ）

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