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

一、项（xiàng）目背景（jǐng）

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

二、创（chuàng）意策（cè）划

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

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

三、视（shì）觉设计（jì）

1、人物风格（gé）设定

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

2、故事场景设计

结（jié）合名称“森林书屋”，故（gù）事场景毫无疑问地设计成（chéng）了一片森林，主人公背着书包行走在森（sēn）林中，进入一本书的魔（mó）法之门，开（kāi）启了他的读书之旅（lǚ）。

在（zài）书的世界里好（hǎo）似进入了小人国，主人公放下书包拿出（chū）书，在（zài）鹿身边安静的看书（shū），岁月静好。

河边（biān）篝（gōu）火旁弹吉他（tā），有松（sōng）鼠作（zuò）伴，森林里大大小小的镜子里折射（shè）的是主人公脸（liǎn）的国王、猫、摩登女郎（láng），表示在书中体（tǐ）会不同人生美（měi）好（hǎo）。

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

书（shū）变成帐篷一样，在书里面邂逅无形的舞。

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

3、视频设计

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

四、程序开（kāi）发

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

五、结语

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