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

一、项目（mù）背景

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

二（èr）、创意（yì）策划

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

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

三、视觉（jiào）设计

1、人（rén）物风格设定

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

2、故事场景设计

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

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

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

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

书变成帐篷（péng）一（yī）样，在（zài）书（shū）里（lǐ）面邂逅无形的舞。

最（zuì）后看完书的主人公背（bèi）起（qǐ）书包，拿（ná）着（zhe）书，从森林（lín）回（huí）到城市（shì）。读完书获得了力（lì）量的人，高昂着头（tóu），笑容满面。

3、视频（pín）设计

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

四（sì）、程序（xù）开发

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

五、结语

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