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

一、项目背（bèi）景（jǐng）

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

二、创（chuàng）意（yì）策划

本次（cì）活动的核心目的是分享（xiǎng）出品方精选推（tuī）荐的几本好书（shū），H5通过独特（tè）的视觉效果、脑洞（dòng）大开（kāi）的切入点（diǎn）将用户引入到这场读书之旅中。

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

三、视觉设计

1、人物风格设定

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

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

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

在书（shū）的世界里（lǐ）好似进入了小（xiǎo）人国（guó），主人公（gōng）放下书包拿（ná）出书（shū），在鹿身边安静的看书，岁月静好。

河边篝火旁弹吉他，有松鼠作伴（bàn），森林里大大小小的镜子里折射的（de）是主（zhǔ）人公脸（liǎn）的国（guó）王、猫、摩（mó）登女郎，表示在书中体会（huì）不同人生（shēng）美好。

在巨大的书上弹着钢琴（qín），远（yuǎn）处看（kàn）到故乡暖暖的灯光，一家人围坐吃饭的场（chǎng）景，体验家（jiā）的感（gǎn）觉。

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

最后看完书（shū）的主人公（gōng）背起（qǐ）书（shū）包，拿着书，从森林回到城市。读完书获（huò）得了力量的人，高昂着头，笑容（róng）满面。

3、视（shì）频（pín）设计

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

四、程序开（kāi）发

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

五、结语

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