丝路旗下全国CG人才培养基地【股票代码:300556】

搜索课程
  • 24小时免费客服热线
  • 025-6965-8961

当前位置:首页>资讯中心>UI设计>Web UI设计>正文

【页面设计】浅谈H5运营类页面设计

2018-08-13 13:55 来源: 丝路培训学院 分类: Web UI设计
96 作者:丝路培训学院

[导读] H5运营页面设计是指用于进行运营活动、品牌活动或信息传播的移动端页面设计。具有显示空间小、时间间隔短、交互操作等特点。直接目标是让用户以病毒式传播的方式分享,从而提

H5运营页面设计是指用于进行运营活动、品牌活动或信息传播的移动端页面设计。具有显示空间小、时间间隔短、交互操作等特点。直接目标是让用户以病毒式传播的方式分享,从而提高活动和品牌形象。

展示型:多用于图文展示,通常采用上下滑动或者左右滑动来进行多页切换,每页集中一个内容点,搭配动效出现;
 

游戏型:以简单操作的小游戏为主,交互性和趣味性更强,经常伴有挑战记录或者测试结果,让用户乐于分享;
 

产品型:通常会有2级页面存在,提供内容让用户对运营活动有更进一步的了解,同时,常会有表单出现,与用户进行互动;
 

二. 用户为何分享

为了最大化传播效果,需要了解一下用户分享的动机有哪些?一般有以下4类:

 

三. 更好地吸引用户

除了依靠分享动机来让用户进行传播,在设计层面,可以通过场景趣味化、动效、参与感、讲故事的方式,来更好地吸引用户读下去,进一步产生分享的冲动。

1. 趣味化:在素材有限或场景不好直接构建的情况下,通过画面的卡通、夸张,让用户耳目一新,产生有趣的感受,更愿意进行分享;

2. 动起来:通过动效来让用户每一次操作都充满未知、惊喜,从而吸引用户阅读到最后,大大提高常规性运营内容的阅读乐趣。

 

(1)万能某宝:通过信息可视化和动效,让原本复杂枯燥的内容一下产生了魔力,让你有一直滚下去的冲动;

3. 参与进来:让用户参与进来,让用户的互动成为页面最终结果的一部分,从而产生荣耀感、专属感,用户也更愿意去分享自己的成绩单。

 

(1)大众点评9块9看大片:画面很黄很暴力,最重要的是让用户参与进来,最终也让用户看到自己的选择,然后顺便卖个小广告。如此黄暴的画面,怎能不分享呢?

(2)京东母亲节:无论你选择哪个,你都是逃脱不了被打的画面,前面玩的时候有一种被戳破的感觉,最后一页的转折,让人有点小感动。你可以说他讲了故事,让你玩了游戏,无论哪种,都比单纯说教来的自然、感人。

4. 讲故事:故事永远是最吸引人类的艺术形式之一,通过沉浸式的体验,勾起用户的回忆,引起共鸣,从而促使用户分享。

 

QQ浏览器的《感谢你,与我共渡的那些年》,画面很漂亮,加上意想不到的动效细节,让你把它拿在手中的时候,迅速进入到故事中去,勾起那些年自己也干过的事情......主题在最末道出,或许,你也肯定想把这种感觉,分享给自己的好友吧!

四. 实用Tips

1. 字体

默认中文字体 Heiti SC ,中文名称叫黑体-简,一般用华文黑体来代替,两者差异微小;

默认英文字体 Helvetica Neue LT ;

字号选择不要小于18号,其他字号双数,同种类别下用同一样字号。

2. 动效类型

3. 图片和音效大小

PNG图片压缩请使用tinypng.com;音效大小一般控制在100k以内

4. 适配

一般情况下用640X1136进行设计;其他安卓机器前端切图时可以适当拉伸,变化不会太大就不用每个进行适配。


版权声明:

本文由丝路设计培训学校的编辑人员所撰写,未经同意严禁转载,否则将严肃追究相关法律责任。文章原始链接:http://www.silucg.net/article/web/qian.html

热门课程

优惠活动:【领取免费学习资料】+【0元免费试听课程!】热线电话:025-69658961