隨著手機(jī)上網(wǎng)用戶的增加,手機(jī)網(wǎng)站建設(shè)成為當(dāng)下可見的趨勢(shì),人們開始著手接觸手機(jī)版網(wǎng)設(shè)計(jì)。但是對(duì)于手機(jī)網(wǎng)頁(yè)設(shè)計(jì),人們還產(chǎn)生一些疑惑,有的人認(rèn)為手機(jī)網(wǎng)頁(yè)設(shè)計(jì)不同于電腦網(wǎng)頁(yè)設(shè)計(jì),需要區(qū)別對(duì)待,有的人則認(rèn)為兩者是一碼事,可以通用。
對(duì)此,專業(yè)的手機(jī)網(wǎng)頁(yè)設(shè)計(jì)人士分析,兩者有一定的區(qū)別,也有一定的聯(lián)系。針對(duì)于手機(jī)
網(wǎng)頁(yè)設(shè)計(jì)的要求,我們?yōu)榇蠹铱偨Y(jié)了以下幾點(diǎn)。
1、導(dǎo)航功能大不同
手機(jī)網(wǎng)頁(yè)與跟一般的網(wǎng)頁(yè)不同的,在于當(dāng)閱讀文章到最后時(shí),要回到最前頭是麻煩的,因此設(shè)計(jì)網(wǎng)頁(yè)的企業(yè),除了減少卷動(dòng)畫面的機(jī)會(huì)外,也會(huì)加強(qiáng)導(dǎo)航的功能,讓網(wǎng)頁(yè)變得更容易于移動(dòng)設(shè)備上閱讀。
2、簡(jiǎn)化內(nèi)容
一般的手機(jī)、平板電腦等移動(dòng)設(shè)備,不易容納下適合于個(gè)人電腦的龐大網(wǎng)頁(yè)資訊,因此手機(jī)手機(jī)網(wǎng)頁(yè)的首要重點(diǎn),就是減少內(nèi)容,不論是圖片、文字或是影音。
請(qǐng)記住一個(gè)重點(diǎn):只要將最重要的資訊放入移動(dòng)版網(wǎng)頁(yè),就是最主要的準(zhǔn)則,重要性較低的、讀取需要時(shí)間的內(nèi)容,則可以透過(guò)超鏈接,連回到正常的官方網(wǎng)站。移動(dòng)手機(jī)網(wǎng)站必須十分的重視內(nèi)容簡(jiǎn)化這一點(diǎn),一個(gè)塞滿內(nèi)容的移動(dòng)手機(jī)網(wǎng)站無(wú)法獲得網(wǎng)路客戶的青睞。
3、減少文字輸入部份
現(xiàn)在智能手機(jī)大多沒(méi)有實(shí)體的鍵盤,或僅只有12鍵的電話輸入功能,因此輸入文字上會(huì)比起使用鍵盤麻煩得多。因此,減少使用者輸入文字的機(jī)會(huì),例如:個(gè)人的帳號(hào)、密碼、搜尋內(nèi)文、使用編輯器...等,都是手機(jī)網(wǎng)頁(yè)要盡力避免的。
4、符合滑動(dòng)屏幕的方式
大部分的移動(dòng)設(shè)備,畫面都不如桌上電腦那么大,尤其是閱讀文字時(shí)更需要加以放大。即使智能手機(jī)都具有網(wǎng)頁(yè)放大縮小功能,但是觀看起來(lái)較為麻煩。因此設(shè)計(jì)手機(jī)網(wǎng)頁(yè)時(shí),海東科技建議是能夠以滑動(dòng)屏幕的方式閱讀網(wǎng)站,因?yàn)榛瑒?dòng)網(wǎng)頁(yè)比起放大網(wǎng)頁(yè)觀看來(lái)得簡(jiǎn)單多了。
5、觸摸屏幕與非觸摸屏幕設(shè)計(jì)
雖然今日觸摸型的智能手機(jī)當(dāng)?shù)溃侨杂袨閿?shù)不少的傳統(tǒng)手機(jī),沒(méi)有觸摸的界面,使用的是傳統(tǒng)的控制方向鍵做為導(dǎo)航的工具。例如:減少畫面中超鏈接的數(shù)量,可以讓選擇鏈接的時(shí)候出現(xiàn)一些減少一些按鈕的動(dòng)作,或是加大文字以減少誤點(diǎn)的問(wèn)題。
此外更重要的是鼠標(biāo)的原理跟觸摸界面的原理有很大的差異,因此移動(dòng)版的網(wǎng)頁(yè)應(yīng)該避免只有電腦鼠標(biāo)才能做到的功能,舉例來(lái)說(shuō):「下拉選單」的這一項(xiàng)功能,因?yàn)橐苿?dòng)設(shè)備沒(méi)有「鼠標(biāo)坐標(biāo)」的設(shè)計(jì),所以無(wú)法觸發(fā)鼠標(biāo)移動(dòng)過(guò)去才會(huì)顯示出來(lái)的選項(xiàng)。
6、思考多種版本的手機(jī)網(wǎng)頁(yè)版本
手機(jī)的規(guī)格眾多,有的解析度為320*240,較新的則為800*480,而次世代的手機(jī)更有720P的解析度,因此移動(dòng)手機(jī)網(wǎng)站如何滿足眾多的需求?一般來(lái)說(shuō)有兩種作法,一種是建立不同解析度的移動(dòng)手機(jī)網(wǎng)站,由用戶于手機(jī)移動(dòng)入口網(wǎng)頁(yè)自行選擇;另一種做法則是透過(guò)手機(jī)的語(yǔ)法,例如CSS語(yǔ)法中的Viewpoint就能夠根據(jù)手機(jī)的解析度加以決定瀏覽畫面的寬度。
綜上所述,手機(jī)網(wǎng)站頁(yè)面設(shè)計(jì)需要符合以上6個(gè)基本要求,這是手機(jī)建站在頁(yè)面設(shè)計(jì)上的基本要求,也是滿足用戶需求的基本要求。