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

一、项目背景

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

二、创意策划

本次活（huó）动的（de）核（hé）心（xīn）目的是分享出品方精（jīng）选推荐的几本好书，H5通过独特的视觉效果（guǒ）、脑洞大开的（de）切入点将（jiāng）用户引入到这场（chǎng）读书之（zhī）旅中。

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

三、视觉设计

1、人物风格设定

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

2、故（gù）事场（chǎng）景设（shè）计

结合名称“森（sēn）林（lín）书屋”，故事场景毫（háo）无疑问地设（shè）计（jì）成（chéng）了一片森林，主人公背着书包行走在（zài）森林中，进入（rù）一本书的魔法之门，开启了他（tā）的读书之（zhī）旅。

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

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

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

书变成（chéng）帐（zhàng）篷一样，在书里（lǐ）面（miàn）邂逅无形的舞。

最后看完书的（de）主人（rén）公背起书包，拿着（zhe）书，从（cóng）森林回到城市。读完书获得了（le）力量的（de）人，高昂着头（tóu），笑容满面。

3、视频（pín）设（shè）计

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

四、程序开发

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

五、结语

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