H5移动端网站,由于手机屏幕大小,都应把主要的内容放在屏幕中间部分,字面数量可少就少,表达意思即可。设计的时候以一个使用者的角度去设计,判断哪个页面需要状态栏,哪个页面只需要一个返回按钮,这都是要考虑的细节。当然,H5是html5的前端技术最新版本,里面推出了一些简单好用的标签,如动画效果,视频标签等,直接拿来使用。
移动端页面大家都知道,也就是手机端,这些与pc端的页面差距很大,屏幕小了很多,所以制作和设计都有许多要注意的规范。
下面讲解H5页面的设计规范:
1.整个页面的较为适配于多种手机的屏幕尺寸。
2.设计的时候以一个使用者的角度去设计,判断哪个页面需要状态栏,哪个页面只需要一个返回按钮。
3. iPhone输入法据了解自带搜索按钮,没有必要在页面上进行显示。
尽可能的对页面部件大小边距等元素进行大小的标注。
4.中文字体:使用为黑体–简或者华文黑体。这2种字体比较合适。英文字体:helvetica neue lt;也同样是,网上看的。
5.字号选择:建议最小不小于18像素,其他字号双数,单数很少。同种类别下用一样的字号。
6.排版集中:简单集中,中心元素不宜过多,突出重点为好。
以上6点是H5页面的设计规范,其实还有一些略为不同的规范,因页面的性质不同而改变,比如:手机端网页和一些软件的页面就不同,但是上面的规范还是可以作为参考采用的。