在《建设移动端专题页需要注意些什么》这篇文章中让大家了解了制作手机网站专题网页需要注意的两个问题,下面就来说一下移动端专题网页制作应该怎么设计。
第一、专题页面的宽度以及可以扩展的区域要适应主流的分辨率。这个与电脑版的专题页设计是一样的,都要先确定好一个安全的宽度,把页面重要的信息控制在640px内。
第二、对图片的大小要控制好。专题页面中的大图一般都会有一种强烈的视觉感受,但是在移动终端上加载一张图片比在电脑上加载的时间要多很多,而且速度也比较慢。如果一张图片的加载时间超过5秒,70%的用户将会关闭页面,即使再精彩的专题页没有机会展示给用户。如果专题页面的头部图片实在太大超出了640px。可以采用纯色,渐变的,平铺的方式减少图片的大小,提高加载速度。
第三、使用的字体。手机使用的字体大小一般都是电脑上的两倍,而且在字体上的设计要使用iOS以及安卓系统默认的字体,这样可以使得页面更加真实。
第四、空间之间的交互触控范围建设。手机专题网页制作上的主要按钮的高度一般都是大于80px,可以根据活动的需求防止在手机网站的首屏上。文字链接之间的距离是大于80px,手指在屏奴的热区上的最小感应是44px。
第五、手机专题网页制作应该避免使用跳转。要知道在手机上查看网站比电脑麻烦多了,如果页面有跳转的设计,会给用户造成巨大的压力。因此在手机专题设计上,要将主要信息合理地展示在页面中最合适的位置。
设计手机端的专题页面要遵循以上五个原则。