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

一、项目背景

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

二、创意策划

本次活动的核心目的是分享出品（pǐn）方精选推荐的几本好书，H5通过独特的视觉效果（guǒ）、脑洞大开的切（qiē）入点将用户引入到这场读书之旅（lǚ）中。

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

三、视觉设计

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

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

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

结（jié）合名称“森林书屋”，故事场景毫无（wú）疑问地设计（jì）成了（le）一片森（sēn）林，主人公背着书包（bāo）行走（zǒu）在森林中，进入一（yī）本书的魔法之门，开启了他（tā）的读书之旅。

在书的世界里（lǐ）好似进（jìn）入了小人国，主（zhǔ）人公（gōng）放（fàng）下（xià）书包拿出书，在鹿身边（biān）安静（jìng）的看书，岁（suì）月静好。

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

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

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

最后看完书（shū）的主人公背（bèi）起书包，拿着书，从森林回到（dào）城（chéng）市（shì）。读完书获得了（le）力量的人，高（gāo）昂着头，笑（xiào）容满面。

3、视频设计

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

四、程序开发

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

五、结（jié）语

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