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

一、项目背（bèi）景

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

二、创意策划

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

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

三、视觉设计（jì）

1、人物风（fēng）格设定（dìng）

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

2、故事（shì）场（chǎng）景设计

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

在（zài）书的世界里（lǐ）好似进入了小人国，主人公放下书包拿（ná）出书，在鹿身边安静的看书，岁月（yuè）静好。

河边篝火旁弹吉他，有（yǒu）松鼠作伴，森林里大大小小的镜子（zǐ）里（lǐ）折射的是主人公脸（liǎn）的国王、猫、摩（mó）登女郎，表示（shì）在（zài）书中体会不同人生美（měi）好。

在（zài）巨大的书上弹着钢琴，远处看到故（gù）乡暖暖的灯（dēng）光，一家人围坐吃饭的场景，体（tǐ）验（yàn）家的感觉。

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

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

3、视（shì）频设计

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

四、程序开发

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

五、结语

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