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

一、项目背景

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

二、创意策（cè）划

本次活动的核（hé）心目（mù）的是分享出品（pǐn）方精选推荐（jiàn）的几本好书，H5通过（guò）独（dú）特的（de）视觉效果、脑洞大开（kāi）的切入点（diǎn）将用户引（yǐn）入到这场读书之（zhī）旅中。

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

三（sān）、视觉设计

1、人物风格设（shè）定

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

2、故事场景设计

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

在书（shū）的（de）世界里（lǐ）好似进入了小人国，主人公放下书包拿出书，在（zài）鹿身边安（ān）静的看书，岁月静（jìng）好。

河边篝（gōu）火旁弹吉他，有松鼠作伴，森林里大大小小的镜（jìng）子（zǐ）里折射的是（shì）主人公脸的国（guó）王、猫（māo）、摩登女（nǚ）郎，表示在书中体会不同人生（shēng）美好。

在巨（jù）大的书上（shàng）弹着（zhe）钢琴（qín），远处看到故乡暖暖（nuǎn）的灯光，一家人围坐吃饭的场景，体验（yàn）家的感（gǎn）觉。

书（shū）变成帐篷一（yī）样，在书里面邂逅无形的舞。

最后（hòu）看完书的主人公背起书（shū）包（bāo），拿着（zhe）书，从森（sēn）林回到城市（shì）。读完书获得了力量的人，高昂着（zhe）头，笑容满面。

3、视（shì）频设计

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

四、程序开发

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

五、结语

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