很多有心的網(wǎng)頁設(shè)計(jì)需求者,他們對(duì)網(wǎng)頁設(shè)計(jì)的需求很有想法,很多時(shí)候,杭州網(wǎng)絡(luò)公司不能給予需求者實(shí)現(xiàn)預(yù)期的網(wǎng)頁設(shè)計(jì)效果,這要從網(wǎng)頁設(shè)計(jì)方法上找起來了,為何網(wǎng)絡(luò)公司提供的網(wǎng)站設(shè)計(jì)服務(wù)客戶認(rèn)為不理想呢?
一、手機(jī)導(dǎo)航頁設(shè)計(jì)重點(diǎn)
1、只在首頁的部份加入搜尋的功能;
2、建立導(dǎo)航功能鍵,其中以「回到首頁」、「回到上一頁」這兩個(gè)最為重要;
3、最后,「回到上一頁」的按鍵除了首頁以外,其余的頁面都需要放置。
二、手機(jī)網(wǎng)站企業(yè)名稱設(shè)置
手機(jī)網(wǎng)頁的頂部沒有標(biāo)題欄或地址欄,相應(yīng)地,也就沒有網(wǎng)站標(biāo)題和圖標(biāo)。所以你的設(shè)計(jì)應(yīng)該讓用戶知道,他們現(xiàn)在所瀏覽的網(wǎng)站名稱,這對(duì)塑造品牌也很重要。
三、使用視覺元素來完善文本
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)使用者,輸入簡(jiǎn)易的密碼,例如PIN數(shù)字密碼。
六、內(nèi)容呈現(xiàn)方式
從用戶角度來說,他們希望閱讀所有的內(nèi)容,所以我們進(jìn)行內(nèi)容呈現(xiàn),只是用隔斷、重組或其他視覺方案來讓這些內(nèi)容更容易訪問。
七、利用手機(jī)的天生優(yōu)勢(shì)
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),請(qǐng)告訴您的客戶,在他附近有哪一些地點(diǎn)是便于他能夠抵達(dá)的。
手機(jī)網(wǎng)頁設(shè)計(jì)效果有很多,適合的才是最好的。建議大家在整理需求的時(shí)候多考慮整個(gè)行業(yè)大方向的發(fā)展以及特色規(guī)劃。多看看移動(dòng)端手機(jī)網(wǎng)站建設(shè)案例,這樣會(huì)更好的對(duì)自己的移動(dòng)端網(wǎng)站進(jìn)行精準(zhǔn)的定位,歡迎來訪蒙特,一切盡在不言中!
©2000-2022 杭州蒙特信息技術(shù)有限公司版權(quán)所有
Mountor、蒙特是Mountor Corp.的注冊(cè)商標(biāo)。