h5页面制作,设计多大的尺寸,怎么和前端适配,实现设计的视觉稿效果

如题所述

H5的页面制作设计尺寸是有一定规范的,正常的话是考虑手机的适配问题,所以这个尺寸的话是基于手机来做的。

具体是多少呢?因为手机的尺寸是不一样的,特别是在比例上,这就要求我们在不同的手机上必须要保证内容的呈现,一定是完整的,但自己要考虑一个问题,要把内容分为重要的和不重要,重要的是什么呢,比如说背景图;重要的话就是放一些文字信息等等。

这样就划分了一个安全区和出血区,出血区和安全区交界的部分,就是不重要的,可以在各位手机上被裁掉的或者用来遮住手机页面背景的;但是安全的内容,是可以保证在任何大小屏幕手机上都可以完整显示。

一般安全区内框的尺寸是375X603PX,但在制作上又是另外一回事了,作铺满内框的图要按照这个尺寸的2倍大小去做。

出血区也就是外框尺寸是422X748PX,作铺满外框的图要按照这个尺寸的2倍大小去做。

这个你可以参考下意派Epub360的画布标准,这个工具是专业级的H5工具。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-08-13
楼主你可以使用在线的H5制作网站,比如应用中心网站,所有制作出来的H5页面自适应,不需要你考虑尺寸的,你可以去试试。本回答被提问者采纳
相似回答