移动端H5网站页面的设计要求-三盈网络,深圳网站建设公司 
圈子资讯|咨询电话:183-2065-5007
移动端H5网站页面的设计要求
时间:2016-06-15 00-00-00

移动端H5网站页面的设计稿尺寸大小规范内容如下:

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

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

3、平时制作H5页面时设计原型时,产品经理出的原型稿建议屏宽为320px,用这个尺寸一是为了浏览方便(现在很多手机的屏宽达到1440px,用这个尺寸去模拟显然不现实),

二是以iPhone5s为标准的手机屏宽较小,进行内容排版布局时屏宽应该向下兼容。

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

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


联系我们contact us
  • 18320655007
  • 13924654107(朱经理)
  • 13927414511
  • 460584196@qq.com
  • 深圳市宝安区西乡街道前进二路93号彩虹城4楼B95
  • 信宜市实验学校旁三盈网络
三盈网络科技有限公司 © 版权所有 粤ICP备2023040535号
主营业务:全网营销网站,外贸网站,抖音推广,爱采购,网页设计,全网营销方案