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

一、项（xiàng）目（mù）背景

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

二、创意策划

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

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

三、视觉设计

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

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

2、故事场景设计

结合名（míng）称“森林书（shū）屋”，故事场（chǎng）景毫无疑问地（dì）设计成了一片森林，主人公背着书（shū）包行（háng）走在（zài）森（sēn）林中，进入一（yī）本书的魔（mó）法之门（mén），开启了他的读书之旅（lǚ）。

在书的世界（jiè）里好似进入（rù）了小人国，主人公放下（xià）书包拿出书，在（zài）鹿身边安静的（de）看书，岁月静好。

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

在巨大的书上弹着（zhe）钢琴，远处看到（dào）故乡（xiāng）暖（nuǎn）暖的灯光，一家（jiā）人围坐（zuò）吃饭的场景，体（tǐ）验家的感觉。

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

最后看完书的主人公背（bèi）起书包（bāo），拿着书，从森林（lín）回到城市。读完书获得了力量（liàng）的人（rén），高（gāo）昂着头，笑（xiào）容满面。

3、视频设计

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

四、程（chéng）序开发

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

五（wǔ）、结语

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