移动端网页H5页面UI设计注意事项？

在做web前端切图时，会见到不同设计师设计的各种各样的移动网页设计稿，也经常会见到，有些设计人员交付的移动端PSD设计稿存在很多问题，比如说界面尺寸特别宽，但是缩小之后上面的文字会变的模糊不清，也因此，在前端切图时，很多原有的设计无法通过代码实现，或需要通过直接使用图片填充的方式去替代。比如说，设计人员在移动端网页设计稿上，随意设置页面的宽度，然后在一行上密密麻麻的挤很多字，但是在前端切图，HTML页面制作时，因为移动端有最小字体的限制，这些效果就无法完整实现。

以下我们整理一些大家在设计移动端界面时常见的误区：

一、页面尺寸问题：

一般移动端界面设计我们都是参照Iphone6s的分辨率来进行设计，即屏幕宽度为：750像素。

二、字体大小问题：

移动端UI设计，需要注意，不要使用太小的字体，字体太小用户体验会非常差，除此之外，在进行前端制作时，也不好实现，一般前端开发人员会先与设计进行沟通，更改设计。但是也有些客户的设计稿不好变动，在这种情况下，一般只能使用背景图片进行替换了。一般来说带有文字的图片最终即便在移动端上实现，也会被压缩的非常小，不易辨识。

三、图标使用混乱：

很多移动端的设计稿中，要么图标不成体系，要么比较混乱，当然也有些是用的比较好的，也存在很多设计师是从iconfont上找图标，或者是将设计好的图片上传至iconfont进行转换，但是一般在提供设计稿给前端开发的时候，并未提供和图表有关的索引或者访问路径地址等信息。这种情况下，前端开发人员就需要逐个再去找一番，耗时耗力。因此我们经常建议前端设计师们能够在其使用图标时，将图标的路径保存在txt文档中，与设计稿一并交付前端制作人员，以此开大幅度提高开发效率。

目前先想到这主要的两点，后续想到后再继续补充。。。