随着移动端的不断发展,现在几乎所有的人都在用触屏手机,因此触屏手机网站建设 也在逐渐的发展,这里成都 网站建设 公司创新互联 分享一些总结的触屏手机网站建设的主要技术:
一、设备 1、分辨率和尺寸;2、触屏机的交互特点 ;3、性能
在做网站的时候设计师首要考虑的是iphone/ipod touch目前有2种分辨率:480*320/960*640,屏幕的物理尺寸都是3.5英寸,而Android的开源系统,生产商很多,导致分辨率屏幕尺寸也很多,但目前最为流行的是480*320、800*420,因此建议以480*320位标准设计。
触屏手机的特点就是直接通过手指来操作对象,在网站建设 时要设定一个理想的行高来满足手指的触摸点击:食指点击的间距约为7*7mm,1mm间距;拇指点击的间距约为8*8mm,2mm间距,目前推荐值为9mm,最小不应小于7mm;列表选项之间距离最小应不小于5mm。在设计的过程中要将毫米换算成像素,不同尺寸的分辨率换算的结果也是不相同的,
由于手机硬件和网络环境与pc相比有较大的差距,因此手机网站需要高度的优化页面的性能,尽量控制页面文件的大小,避免使用过多的图片,同时规范html和css、css压缩工具尽量减少服务器的请求。
二、系统 1、UI style;2、flash
iOS和Android OS在设计风格和交互上有较大差异,如果考虑一套UI同时适用多个平台(网站可跨平台使用,跟APP相比减少了开发和维护成本)在设计时要避免过大的风格偏差和交互上的冲突及误导。且iOS不支持flash,JAVA,SVG,Android OS 支持flash10.1以上版本,建议使用gif动画。
三、网络 1、GPRS;2、4G;3、WIFI
GPRS是最慢且最贵的移动上网方式,对在这个网络环境下的页面瘦身是最睿智的选择,建议页面文件大小不超过25K。4G卡速度接近甚至超过wifi上网速度,但同样存在资费问题。wifi是移动端通过无线路由链接固定宽带的一种上网方式,资费和速度等同于pc访问网站的成本,但受地点的限制。