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

一、项目背景

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

二、创意（yì）策划（huá）

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

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

三、视觉（jiào）设计（jì）

1、人物风格设定

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

2、故事场景设计

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

在书（shū）的世界里好似（sì）进入了（le）小人国，主人公放（fàng）下书包拿出书（shū），在鹿身边安静的看书，岁（suì）月静好。

河边篝火（huǒ）旁弹吉他，有松鼠作（zuò）伴，森（sēn）林（lín）里大（dà）大小小的镜子里折射（shè）的是主人（rén）公脸的国王、猫（māo）、摩登（dēng）女郎，表示在书中（zhōng）体会不同人生美（měi）好。

在巨大的（de）书上弹着钢琴，远处看到故乡暖暖的灯光，一家人围（wéi）坐吃饭的（de）场景，体（tǐ）验家的（de）感觉。

书变成（chéng）帐篷（péng）一样，在书里面邂逅无形的舞。

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

3、视频设计

视频内容方面相对（duì）简单，主要是将（jiāng）书籍样式、书籍名（míng）称、作（zuò）者（zhě）、初版单位等基础信息展示出来（lái），并通过转场（chǎng）动画进行切换展示。

四、程序开发

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

五（wǔ）、结语（yǔ）

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