当前位置：首页 > 窍门 > 科技数码

移动端网站设计应注意什么问题

来源： 最后更新：22-03-31 12:27:40

　　现如今移动端发展速度非常之快，所以对于网站设计也需要考虑移动端网站设计，那么对于移动端网站设计的时候应该考虑哪些问题呢?又应该如何才能设计好移动端网站设计呢?在这里和大家一起分享其中的方法。

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

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

　　2.控制图片的大小

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

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

　　3.字体

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

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

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

　　5.移动端网页少用跳转

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

标签: 网站设计  因素  标签  简介  

免责声明：本文系转载，版权归原作者所有；旨在传递信息，其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/204433.html

解析幼儿园APP开发需求

网站首页 返回栏目

网站设计都有哪些要求