手機(jī)不同于電腦，其屏幕小又是觸摸方式，不管是在網(wǎng)頁瀏覽還是用戶體驗(yàn)上，與電腦網(wǎng)頁相比，存在一定的缺點(diǎn)。這些缺點(diǎn)也是導(dǎo)致企業(yè)進(jìn)行手機(jī)網(wǎng)站建設(shè)的阻礙因素。雖然這些缺點(diǎn)是因?yàn)槭謾C(jī)本身的特點(diǎn)所致，我們無法改變，但是我們可以改變設(shè)計(jì)，讓其符合手機(jī)自身的特點(diǎn)，不僅能夠增強(qiáng)手機(jī)網(wǎng)站的美觀效果，還能提高用戶的整體體驗(yàn)。

　　下面，我們將手機(jī)網(wǎng)頁設(shè)計(jì)效果體現(xiàn)的方法給大家介紹一下：

　　一、導(dǎo)航的設(shè)計(jì)重點(diǎn)

　　1、只在首頁的部份加入搜尋的功能;

　　2、建立導(dǎo)航功能鍵，其中以「回到首頁」、「回到上一頁」這兩個(gè)最為重要;

　　3、最后，「回到上一頁」的按鍵除了首頁以外，其余的頁面都需要放置。

　　二、企業(yè)名稱的設(shè)置

　　手機(jī)網(wǎng)頁的頂部沒有標(biāo)題欄或地址欄，相應(yīng)地，也就沒有網(wǎng)站標(biāo)題和圖標(biāo)。所以企贏001認(rèn)為你的設(shè)計(jì)應(yīng)該讓用戶知道，他們現(xiàn)在所瀏覽的網(wǎng)站名稱，這對塑造品牌也很重要。

　　三、使用視覺元素來完善文本元素

　　1、標(biāo)題同時(shí)使用文字和圖標(biāo)。

　　2、使用圖形元素日期代替文字日期。

　　3、使用小信息圖標(biāo)來加強(qiáng)解釋的部分。

　　4、除了字體的大小變化，使用不同的文章/標(biāo)題顏色。

　　5、使用不同的淺背景色來區(qū)別不同的內(nèi)容。

　　6、使用高亮來強(qiáng)調(diào)重要部分。

　　7、使用padding和negative space來突出文本或區(qū)分文本。

　　8、使用不同的“視圖”，將內(nèi)容分解成較小的部分。

　　四、使用視覺反饋機(jī)制來與用戶交流

　　1、用色彩來突出已選擇的區(qū)域。

　　2、當(dāng)用戶切換時(shí)使用淡入淡出動(dòng)畫。

　　3、使用邊框顏色和漸變來表示按鈕觸摸狀態(tài)。

　　4、使用不同的按鈕或文本顏色來顯示狀態(tài)的變化。

　　5、當(dāng)選擇下拉菜單時(shí)，使用正在轉(zhuǎn)向/已經(jīng)轉(zhuǎn)向箭頭。

　　6、在視圖之間使用滑動(dòng)或漸變動(dòng)畫以顯示區(qū)域的改變。

　　五、減少文字輸入部份設(shè)計(jì)

　　1、允許移動(dòng)上網(wǎng)使用者儲(chǔ)存輸入的帳號(hào)密碼資訊。

　　2、輸入的區(qū)塊盡量加以放大。

　　3、允許移動(dòng)上網(wǎng)使用者，輸入簡易的密碼，例如PIN數(shù)字密碼。

　　六、內(nèi)容呈現(xiàn)方式

　　從用戶角度來說，他們希望閱讀所有的內(nèi)容，所以我們進(jìn)行內(nèi)容呈現(xiàn)，只是用隔斷、重組或其他視覺方案來讓這些內(nèi)容更容易訪問。

　　七、利用手機(jī)的天生優(yōu)勢

　　手機(jī)有著許多傳統(tǒng)電腦所沒有的優(yōu)勢，其中最大的優(yōu)勢就是「移動(dòng)力」，因此手機(jī)版網(wǎng)頁應(yīng)該要特別發(fā)揮這些特性，讓手機(jī)網(wǎng)頁具有一般網(wǎng)頁更多的優(yōu)勢。舉例來說：

　　1、移動(dòng)定位：大部分的智能設(shè)備都有GPS或是定位的機(jī)制，可以讓客戶主動(dòng)找到您的位置。

　　2、移動(dòng)聯(lián)系：如果客戶使用的是移動(dòng)電話，可以立即發(fā)話;如果是平板電腦，也可以使用短信或是E-mail的方式傳遞信息給客戶。

　　3、鄰近地點(diǎn)：如果您的事業(yè)有很多據(jù)點(diǎn)，請告訴您的客戶，在他附近有哪一些地點(diǎn)是便于他能夠抵達(dá)的。