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

一、项（xiàng）目背景

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

二、创意策划（huá）

本次活动（dòng）的核心（xīn）目的是分享（xiǎng）出（chū）品（pǐn）方精（jīng）选推荐的几本好（hǎo）书，H5通过独特（tè）的视觉效果、脑洞大（dà）开的切（qiē）入点将用户引入到（dào）这场读书之旅中。

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

三、视觉设计（jì）

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

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

2、故事场景设计

结合名称“森林书屋”，故事场景毫（háo）无疑问地（dì）设计成（chéng）了（le）一片森林，主人公（gōng）背着书包行（háng）走在森（sēn）林中，进入一本书的魔法之门，开启了他的读书之旅。

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

河边篝火旁弹吉他，有松鼠（shǔ）作伴，森林里大大（dà）小小（xiǎo）的镜子里（lǐ）折（shé）射的是主人公脸（liǎn）的国王、猫、摩登女郎，表（biǎo）示在书中体会不（bú）同人生美好。

在巨大的书上弹着钢琴，远处看到故乡暖暖的灯光，一（yī）家人（rén）围坐（zuò）吃饭的场景，体验家的感觉。

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

最后看完书的主人公背起书包，拿着（zhe）书，从（cóng）森林回到城市。读完书获得了力（lì）量的人，高（gāo）昂（áng）着头，笑容满面。

3、视频设计

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

四、程序开发

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

五、结语

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