18818788520益阳暴风雨网络科技有限公司
常见问题

您的位置:暴风雨网站建设首页 > 常见问题 > 手机站网页设计注意事项 手机站页面排版方法

手机站网页设计注意事项 手机站页面排版方法

admin 常见问题 2018-03-28 97次

一般情况下都是先做PC版的页面再做手机页面,PC端网页可以呈现更丰富的内容,用户浏览网页时更专注,达到最好的体验。但有很多情况下,页面的访问更多的来自手机端,比如专题页面,用户通过微信、手机QQ入口进入。如果开始就先做PC版的专题,想必手机版的内容将是一个移植的PC版网页,让移动版的体验大打折扣。

1.安全宽度与扩展区域让页面适应主流分辨率

与PC上网页的做法一样,确定一个安全宽度,把重要信息控制在640PX宽度内(以iphone分辨率为安全宽度。目前主要浏览器在iphone8S下的首屏高度如下,可以根据具体页面投放的渠道做相应的首屏高度。

1515415279803488..jpeg

2.控制图片的大小

专题的头图一般有很强的视觉,对于手机用户来说,加载一张图片的等待时间比PC上成本大很多,如果一个页面加载时间超过5秒,70%的用户会选择关闭,那么再出彩的专题也没办法呈现再用户面前了,所以需要对设计稿做折中的处理。

在做头部的延展区域(超出640px范围),推荐使用纯色,渐变,可以平铺的素材,以便于减少头图的大小,提高加载速度,并且延展区域可以无缝连接。模糊的背景可以最大限度的压缩图片质量。

3.字体

手机中的字号一般上电脑中的两倍,一般在电脑中用的12px的字体在手机网页中就该使用24px。在设计的过程中,也要使用iOS和安卓默认渲染的字体,以便更真实的还原真实环境。在规范的专题中,主要字号控制在3个,大中小都有一个区间。避免随意用字体字号,并且字号必须上整数。

4.控件交互区域适合触控

手机专题的主按钮高度大于80px,并且根据活动的需求放在首屏内。文字链接上下的间距大于80px,手指在屏幕上热区最小感应是44px。

5.移动端网页少用跳转

手机用户的网络环境不如PC用户,页面的跳转会对用户产生更大的心理效力,如果在手机页面中能把信息合理的展示在一个页面中最佳。如果非要跳转,咱们可以用些假装不是跳转的方式,比如展开,浮出等。减少用户产生的不安全感。

企业网站有排名为何没有电话没有效益

企业网站建好之后要怎么维护和打理

集团网站建设定位成什么风格比较好

【益阳网站建设公司http://www.yybaofengyu.com/版权与免责声明】网站部分文章来源网络,如发现内容存在版权问题,烦请联系我们,我们将及时删除。谢谢!
TAG

最新案例

相关文章 网站建设最新文章