刷爆朋友圈的H5页面是怎么设计的?

2017-11-08

H5以其交互性的优势,能够提升与用户的互动,利于引起病毒式的传播。优秀的H5设计师也因此成为香饽饽,薪酬大幅提升。那么,一个设计师怎样才能快速设计出让人过目不忘、倍受欢迎的H5呢?
1、排版设计
由于H5只能在比较狭窄的手机屏幕内显示,所以适用的排版原则就是简单集中,将你最想展示的元素放在画面中心,同时设计元素不宜过多,保证视觉重心的突出。
2、动效设计
动效对H5的作用主要是功能性和趣味性两方面。从功能性的角度,动效可以引导用户进行点击、翻页等动作,或吸引用户做较长时间的视觉停留;从趣味性角度,则是提升互动度、游戏性。动效需要符合自然规律,让用户感觉舒服流畅。
3、按钮设计
H5页面的转化是通过按钮这一交互方式实现的,所以设计师要特别留心按钮的设计技巧。据腾讯报告,放置在页面左侧的按钮点击率要低于放置在页面右侧的按钮,而有动态交互效果的按钮比纯文字的按钮点击率更高。