隨著移動(dòng)端的不斷發(fā)展,現(xiàn)在幾乎所有的人都在用觸屏手機(jī),因此觸屏手機(jī)網(wǎng)站建設(shè)也在逐漸的發(fā)展,這里成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)分享一些總結(jié)的觸屏手機(jī)網(wǎng)站建設(shè)的主要技術(shù):
一、設(shè)備 1、分辨率和尺寸;2、觸屏機(jī)的交互特點(diǎn) ;3、性能
在做網(wǎng)站的時(shí)候設(shè)計(jì)師首要考慮的是iphone/ipod touch目前有2種分辨率:480*320/960*640,屏幕的物理尺寸都是3.5英寸,而Android的開(kāi)源系統(tǒng),生產(chǎn)商很多,導(dǎo)致分辨率屏幕尺寸也很多,但目前最為流行的是480*320、800*420,因此建議以480*320位標(biāo)準(zhǔn)設(shè)計(jì)。
觸屏手機(jī)的特點(diǎn)就是直接通過(guò)手指來(lái)操作對(duì)象,在網(wǎng)站建設(shè)時(shí)要設(shè)定一個(gè)理想的行高來(lái)滿足手指的觸摸點(diǎn)擊:食指點(diǎn)擊的間距約為7*7mm,1mm間距;拇指點(diǎn)擊的間距約為8*8mm,2mm間距,目前推薦值為9mm,最小不應(yīng)小于7mm;列表選項(xiàng)之間距離最小應(yīng)不小于5mm。在設(shè)計(jì)的過(guò)程中要將毫米換算成像素,不同尺寸的分辨率換算的結(jié)果也是不相同的,
由于手機(jī)硬件和網(wǎng)絡(luò)環(huán)境與pc相比有較大的差距,因此手機(jī)網(wǎng)站需要高度的優(yōu)化頁(yè)面的性能,盡量控制頁(yè)面文件的大小,避免使用過(guò)多的圖片,同時(shí)規(guī)范html和css、css壓縮工具盡量減少服務(wù)器的請(qǐng)求。
二、系統(tǒng) 1、UI style;2、flash
iOS和Android OS在設(shè)計(jì)風(fēng)格和交互上有較大差異,如果考慮一套UI同時(shí)適用多個(gè)平臺(tái)(網(wǎng)站可跨平臺(tái)使用,跟APP相比減少了開(kāi)發(fā)和維護(hù)成本)在設(shè)計(jì)時(shí)要避免過(guò)大的風(fēng)格偏差和交互上的沖突及誤導(dǎo)。且iOS不支持flash,JAVA,SVG,Android OS 支持flash10.1以上版本,建議使用gif動(dòng)畫。
三、網(wǎng)絡(luò) 1、GPRS;2、4G;3、WIFI
GPRS是最慢且最貴的移動(dòng)上網(wǎng)方式,對(duì)在這個(gè)網(wǎng)絡(luò)環(huán)境下的頁(yè)面瘦身是最睿智的選擇,建議頁(yè)面文件大小不超過(guò)25K。4G卡速度接近甚至超過(guò)wifi上網(wǎng)速度,但同樣存在資費(fèi)問(wèn)題。wifi是移動(dòng)端通過(guò)無(wú)線路由鏈接固定寬帶的一種上網(wǎng)方式,資費(fèi)和速度等同于pc訪問(wèn)網(wǎng)站的成本,但受地點(diǎn)的限制。