h5设计公司
h5设计公司
h5设计公司
h5设计公司
h5设计公司
扫一扫
h5设计公司
h5设计公司

回到顶部

专业H5设计技巧汇总

专业H5设计技巧 2020年10月29日

对于我们H5设计师来说,有两个东西非常重要,一是职业道德,二是设计能力,职业道德是每个工作者都该有的东西,但设计能力就需要自己不断提升,今天小编给大家分享的就是能帮助大家提升设计能力的专业H5设计技巧汇总,大家可以参考参考。

1、画面:功能按钮等,远离页面底部(大概128px,这个尺寸不是固定值),具体看重构采用什么适配方式(仅供参考:640*1136 px,从上往下计算,主要内容在1008px内)。原因:更好的设备各种屏幕的手机,避免按钮被挡住。

2、操作:慎用向右滑动的操作方式。

如:刮刮乐涂抹效果,左右滑动翻页等。原因:苹果手机上,向右滑动容易触发返回“上一级页面”效果。

3、展现:慎用横屏展示效果。

原因:体验上,需要用户设备开启屏幕旋转功能,才能正常观看,用户操作成本高。对不同屏幕的手机,长宽比例不一,难以展示最佳的视觉效果。

4、动效:尽量避免全屏动画,优先考虑局部动画的方式。

如:各种粒子效果全屏飘过等。原因:如果呈现的视觉效果无法用代码实现,就意味着要用全屏尺寸的序列帧来处理,体积上会飙升,影响加载体验。

5、光感:慎用“光线叠加效果”或PS里面的“图层样式”效果。

如:给图层加个“柔光”、“滤色”、“色相”等等效果,除非这个视觉元素可以合并为一体。原因:给重构挖坑,导致不好切图,无法还原视觉效果。

专业H5设计

6、图片:矢量图? 想做简单的动画? 导出SVG格式试试!

原因:能减少体积的事,为什么拒绝呢……

7、安卓内核:微信5.4-6.1版本,如果有安装QQ浏览器,则用QQ浏览器的内核。否则用手机系统自带的。微信6.1版本后,内嵌了QQ浏览器的内核。

QQ浏览器:6.2版本及以后使用blink内核。之前用webkit内核。

8、重构:音乐请压缩下,能大大减少整体的体积。

技巧:如果没有特殊要求,可以考虑弄成单声道音频文件,比特率48或更低就行了。

以上这些技巧就是本次分享的全部内容,希望对大家有所帮助,如果你们有什么设计问题解决不了,或者是有做H5设计的需求,可以咨询我们蓝橙互动客服,为你提供专业的H5设计服务。


更多服务:微信推文长图设计|表情包定制公司|分销商城开发|题库小程序|小程序定制|商城小程序开发|成都网站优化公司|年会创意游戏|h5投票平台
微信H5设计

微信H5设计资讯

NEWS

让您了解更多关于微信H5设计信息

H5页面设计如何才能引流获客

对于H5这个词而言,想必大家已经很熟悉了,自2014年H5开发技术面世以来,其就受到商家和用户的广泛关注,那么怎样的H5页面设计才能快速引流获客呢?

2021年03月09日

金融海报设计理念和规范

对于一个平面设计师而言,每一张海报设计都是一种挑战,而它的用途也不少,其表现在产品宣传、业务推广及活动宣传等方面。但不同的行业做海报设计,就会有不同的标准与规范。

2021年03月09日

短视频制作如何策划才能吸粉引流

​现在是移动互联网时代,我们时常会通过各大平台来了解实时信息,而现如今,短视频已逐渐充斥着我们的生活,在日益竞争激烈的短视频制作市场上,

2021年03月09日

三折页宣传册设计需要注重哪些方面

现如今,三折页宣传册已经成为各大商家和企业推广品牌,推销产品的主要方式,也是我们常见的一种推广方式。

2021年02月08日

食品包装设计必须考虑的四个方面

做食品类包装,首先应该考虑的是什么?我想大家都知道,就是要保证食品的安全问题,只有一个好的食品包装才更有可能将食品安全的系数提到最高。

2021年02月07日

影响包装设计效果的三个因素

一个好的包装设计不仅可以提升企业产品的档次,还能促进消费者购买,增加产品的销量,所以很多产品销售企业都会对每一件产品进行包装设计。

2021年02月07日

咖啡logo设计需要注意哪些问题

一个好的咖啡logo设计不仅能提高用户的好感度,而且还能吸引用户来消费,所以设计好咖啡独有的logo标志是十分重要的。

2021年02月05日

优秀logo设计具备的四个特征

随着市场竞争的发展,各种类型的公司都拥有了自己的独特logo,而一款优秀的logo不但能增强公司的企业形象,而且还能利于未来的企业发展。所以设计一款优秀的logo是非常重要的。

2021年02月04日

企业VI设计和品牌logo设计的区别

实际上,很多人多将品牌logo设计和企业VI设计搞混了,甚至认为两者就是一个东西,对此小编要说,企业VI设计和品牌logo设计是不一样的。

2021年02月04日