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

一（yī）、项目背景

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

二、创意策划

本（běn）次（cì）活动的核心目（mù）的是分享出品方（fāng）精（jīng）选推荐的几（jǐ）本好书，H5通过（guò）独特的视（shì）觉效果（guǒ）、脑洞大开的切入点将用户引（yǐn）入到这场读书（shū）之旅中（zhōng）。

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

三、视（shì）觉（jiào）设计

1、人物风格设定

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

2、故事场景（jǐng）设计（jì）

结（jié）合名称“森林书（shū）屋”，故事场景毫无疑（yí）问地设计成了一片森林（lín），主（zhǔ）人公背着书包（bāo）行走在森林（lín）中，进入一本书（shū）的魔法之门，开启了（le）他的读书之旅。

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

河边篝火旁弹吉他，有（yǒu）松鼠作伴，森林里大大（dà）小（xiǎo）小的镜（jìng）子里折射的是主人（rén）公脸的国王、猫、摩登女郎，表示在书中（zhōng）体会（huì）不（bú）同人生美好。

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

书变成帐篷一（yī）样（yàng），在书里（lǐ）面邂逅无形（xíng）的舞。

最后看完书的（de）主人公背起（qǐ）书包，拿（ná）着书，从森（sēn）林回到城市。读（dú）完（wán）书获得（dé）了力（lì）量（liàng）的人，高昂着头，笑容满面。

3、视频设计

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

四、程（chéng）序开发（fā）

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

五、结语

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