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

回到顶部

微信H5页面设计尺寸规范

微信H5页面设计 2020年11月27日

当我们在做微信H5页面设计时,一定要考虑到不同的机型适配性和基础的页面尺寸规范,如果你还不了解微信H5设计的尺寸规范,那就让小编来带你了解一下吧。感兴趣的伙伴可以参考借鉴一下。

一、微信H5页面设计尺寸规范

1、制作设计稿时,设计师应该把原型稿上的所有尺寸进行2倍处理。这样设计稿在移动设备上预览便可保证清晰。而前端切片时,按照现在流行的做法,可以直接使用原型稿上的尺寸,也就是设计稿上的1/2。

2、一般情况下,H5页面设计稿做成640x1136px是最为稳妥的尺寸,在812px高度处增加一条安全线,重要内容在此线之上(网上有些文章说安全线是960px处,个人认为不太准确)。既保证了在移动设备上显示清晰,也保证了素材的最小尺寸。

3、像素是没有宽高的(不要被Photoshop中的像素格欺骗),它只代表一个采样的色值。

4、任何图片作为数据信息被保存在存储盘中时,只有宽高像素数是有意义的,此时的ppi对于图片来说时没有任何意义,也并不能描述这个图片有多少英寸的宽度或者高度,而只有在被打印出来后才有ppi的意义,被打印出来才可以描述这张图片有多高多宽。

5、平时制作H5页面时设计原型时,产品经理出的原型稿建议屏宽为320px,用这个尺寸一是为了浏览方便(现在很多手机的屏宽达到1440px,用这个尺寸去模拟显然不现实),二是以iPhone5s为标准的手机屏宽较小,进行内容排版布局时屏宽应该向下兼容。

微信H5设计

二、微信H5设计的注意事项

第一:背景图片必须采用background-size:cover;来实现。

第二:我们在进行H5页面内容规划布局设计的时候,不能把重要内容放在太偏下的位置或者偏上,否则前端布局时可能出现内容显示不全的情况。

第三:除去将浏览器全屏显示的情况,几乎所有情况均会有顶部的状态栏和导航栏。iPhone的设计标准,状态栏和导航栏的独立像素高度分别为40px和88px。由于Android系统可以更改状态栏和导航栏的高度,这里可以取默认值为48px和100px(这些尺寸网上均可查)。

综上所述,我们的微信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日