隨著移動端的不斷發展,現在幾乎所有的人都在用觸屏手機,因此觸屏手機網站建設也在逐漸的發展,這里手機網站建設公司小編分享一些總結的觸屏手機網站建設的主要技術:
一、設備 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訪問網站的成本,但受地點的限制。