2019-10-05
1、 宽度与扩展区域需要注意分辨率
手机网页设计在宽度与扩展区域方面，其实与电脑端的设计方法一样。需要先确定一个安全度，把重要的网页信息控制在640px（以iPhone分辨率为例）的宽度以内。只有保证主流的分辨率，才能让页面显示的清晰，精准。
2、 图片的大小要控制好
手机页面的专题首页图片一般都需要很强的视觉。而使用手机浏览页面的，加载太大的图片等待的时间要很长，会让用户失去等待的耐心，心情会变得烦躁。因此，手机网页设计要注意对图片大小的控制。在做首页的延展区域，也就是超出640px范围，推荐使用纯色、渐变色，这些颜色的图片可以进行平铺，以便减少头图的大小，提高加载速度，并且延展的区域可以无缝连接，不影响网页的美观。当然也可以使用模糊图片。
3、 字体
手机网页设计要重视字体。一般来说，手机中的字号要比电脑中的大两倍。如电脑中使用的是12px字号，那么在手机网页设计就该使用24px。再者，在设计的过程中，也要使用ios或者是安卓默认渲染的字体，以便真实的还原真实环境。
一般来说，规范的手机网页设计，在规范手游移动版专题中，主要的字号控制在三种，大、中、小，都有一个区间。避免用户随意用字体字号，并且字号必须是整数。
4、 空间交互区域适合触控
也就是说手机网页谁的主按钮的高度要大于80px，并且根据网页设计需求放在首页中。再有，文字链接上下的间距大于80px，手指在屏幕上的热区最小感应应该是44px。
5、 少用跳转
为什么手机网页要少用跳转？因为手机的网络环境不像电脑端的，页面的跳转会相对慢一些，会影响用户使用和浏览的体验。如果能把手机页面中的信息合理展示在另一个页面上，而不需要使用跳转，会提高用户的体验。这种方式可以是转开、气泡跳出等。
