刷爆朋友圈的H5页面是怎么设计的?
H5以其交互性的优势,能够提升与用户的互动,利于引起病毒式的传播。的H5设计师也因此成为香饽饽,薪酬大幅提升。那么,一个设计师怎样才能快速设计出让人过目不忘、倍受欢迎的H5呢?
1、排版设计
由于H5只能在比较狭窄的手机屏幕内显示,所以适用的排版原则就是简单集中,将你较想展示的元素放在画面中心,同时设计元素不宜过多,保证视觉重心的突出。
2、动效设计
动效对H5的作用主要是功能性和趣味性两方面。从功能性的角度,动效可以引导用户进行点击、翻页等动作,或吸引用户做较长时间的视觉停留;从趣味性角度,则是提升互动度、游戏性。动效需要符合自然规律,让用户感觉舒服流畅。
3、按钮设计
H5页面的转化是通过按钮这一交互方式实现的,所以设计师要特别留心按钮的设计技巧。据腾讯报告,放置在页面左侧的按钮点击率要低于放置在页面右侧的按钮,而有动态交互效果的按钮比纯文字的按钮点击率更高。
……
还想知道更多设计H5页面的基础窍门?机会来了!
课程内容
1、H5案例分析
观千剑而后识器。只有从的H5案例中归纳、总结它们的共同特点,才能设计出符合传播规律、符合用户行为动机的H5。
2、如何选择工具
哪些设计工具在进行H5页面设计时更高效、更顺手?小呆老师将为你揭开这个谜题。
3、如何快速上手
H5页面设计应该如何选择字体?排版有哪些技巧?动效设计应该避免哪些坑?明白了这些基础技巧,你在H5页面设计之路上会走得更加顺畅。