做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

133-8386-7325

当前位置:伟之琦建站 > 新闻中心 >> 建站相关 >>

手机端专题页面的注意事项

手机端专题页面的注意事项

1、 宽度与扩展区域需要注意分辨率

手机网页设计在宽度与扩展区域方面,其实与电脑端的设计方法一样。需要先确定一个安全度,把重要的网页信息控制在640px(以iPhone分辨率为例)的宽度以内。只有保证主流的分辨率,才能让页面显示的清晰,精准。

2、 图片的大小要控制好

手机页面的专题首页图片一般都需要很强的视觉。而使用手机浏览页面的,加载太大的图片等待的时间要很长,会让用户失去等待的耐心,心情会变得烦躁。因此,手机网页设计要注意对图片大小的控制。在做首页的延展区域,也就是超出640px范围,推荐使用纯色、渐变色,这些颜色的图片可以进行平铺,以便减少头图的大小,提高加载速度,并且延展的区域可以无缝连接,不影响网页的美观。当然也可以使用模糊图片。

3、 字体

手机网页设计要重视字体。一般来说,手机中的字号要比电脑中的大两倍。如电脑中使用的是12px字号,那么在手机网页设计就该使用24px。再者,在设计的过程中,也要使用ios或者是安卓默认渲染的字体,以便真实的还原真实环境。

一般来说,规范的手机网页设计,在规范手游移动版专题中,主要的字号控制在三种,大、中、小,都有一个区间。避免用户随意用字体字号,并且字号必须是整数。

4、 空间交互区域适合触控

也就是说手机网页谁的主按钮的高度要大于80px,并且根据网页设计需求放在首页中。再有,文字链接上下的间距大于80px,手指在屏幕上的热区最小感应应该是44px。

5、 少用跳转

为什么手机网页要少用跳转?因为手机的网络环境不像电脑端的,页面的跳转会相对慢一些,会影响用户使用和浏览的体验。如果能把手机页面中的信息合理展示在另一个页面上,而不需要使用跳转,会提高用户的体验。这种方式可以是转开、气泡跳出等。


原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

分享到:

案例展示

    收缩
    • 在线咨询
    • 业务咨询:
    • 售后服务:
    • 技术支持:
    • 电话咨询
    • 13383867325
    • 13383867325