相信大家对H5页面已经很熟悉了,前面已经讲过很多关于H5页面的优点以及如何制作H5页面的文章,但是也有一些简单易忽略的问题,今天凡科微为大家介绍一下H5页面的标准尺寸是多少?理解了微信h5页面制作的尺寸,我们可以用原稿提供的模板来制作。
一般H5设计尺寸为740*1136px就可以了,但实际尺寸为720x1280/750x1334px就可以实现了,用来填充不同的手机屏幕边缘区域,保证不会露白。
内框区域为640*960px,此区域中的内容能保证所有手机屏幕都能完全显示。在设计H5时,不要把重要的按钮/内容放得太靠下,避免出现不完全显示的情况。
除了一些浏览器全屏显示没有标题,h5页面通常都会出现状态栏和导航栏。因此,设计标准iPhone时,状态栏:40px,导航栏:88px;
因为Android系统可以改变状态栏和导航栏的高度,所以默认值是50px和98px。
因此设计的页面整体会向下挤压,进入盲区,根据不同的布局方式,可能会将重要内容挤压出盲区,取两个系统的最大值为148px,所以设计图要尽量保证非重要区域与底部的高度保持在148px。
无论h5设计大小如何,在布局时都应该将页面放置在合适的位置,无论页面大小如何,都有可能导致内容无法显示,甚至按钮等被遮挡。
理解了微信h5页面制作的尺寸,我们可以用原稿提供的模板来制作。如图出国流行的模板,上面加学生图片,下面合理搭配文字,处处体现主题内容。若要重新编辑此模板的大小,请重新编辑。
假如您在为H5页面而抓耳挠腮,您想要制作H5页面而又无主意,欢迎您进入喜鹊请柬官网!阅读本文后,人人都可以制作一份H5页面,凡科微传单为您提供了大量的H5页面模板,下载一个出色的H5页面,只需简单的图文替换,就可以轻松搞定企业H5页面!