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

一、项（xiàng）目背景

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

二、创意策划

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

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

三（sān）、视（shì）觉设（shè）计

1、人物风格设定

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

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

结合名称“森林书屋”，故事场景毫（háo）无疑问地设计成了一片森（sēn）林，主人公背着书包行走在森林中，进入一本（běn）书（shū）的魔法（fǎ）之门，开启（qǐ）了（le）他的读书之旅。

在（zài）书的世界里好似进入了（le）小人国，主人公放下书（shū）包拿出书，在鹿身（shēn）边（biān）安静（jìng）的看书，岁月（yuè）静好。

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

在（zài）巨大的书上弹着钢琴，远处看到故乡（xiāng）暖暖的灯光（guāng），一家人围坐吃饭的场（chǎng）景，体验（yàn）家的感觉。

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

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

3、视频设计

视频（pín）内（nèi）容方面相对（duì）简单，主要（yào）是将（jiāng）书籍样式、书籍名（míng）称、作者、初（chū）版单位（wèi）等基础信息展示出（chū）来（lái），并通过转场（chǎng）动（dòng）画进行切换展示。

四（sì）、程序（xù）开发

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

五、结语

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