随着移动端的不断发展,现在几乎所有的人都在用触屏手机,因此触屏手机网站建设也在逐渐的发展,这里手机网站建设公司小编分享一些总结的触屏手机网站建设的主要技术:
一、设备 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访问网站的成本,但受地点的限制。