隨著移動(dòng)端的不斷普及，我們發(fā)現(xiàn)移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)也越來越受到客戶的重視，從近幾年的數(shù)據(jù)來分析，之前大部分客戶都會(huì)選擇響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，現(xiàn)在大家更愿意PC和移動(dòng)端分開設(shè)計(jì)，雖然成本更高了，但效果也更好了。

今天深圳尼高網(wǎng)站設(shè)計(jì)公司和大家分享一些移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)技巧。

1）按鈕應(yīng)該是可見的
號(hào)召性用語按鈕應(yīng)該是可見的。請(qǐng)不要將其設(shè)為超鏈接。它應(yīng)該位于層次結(jié)構(gòu)的頂部，脫穎而出，并和諧地融入整個(gè)界面。如果它是按鈕的形式，用戶會(huì)更容易地感知呼叫。因此，他們將直觀地了解如何處理它。

2) 可壓元素應(yīng)該有邊界
這是關(guān)于直觀的平板電腦應(yīng)用程序設(shè)計(jì)。界面中所有可點(diǎn)擊的元素都應(yīng)該有一個(gè)清晰的輪廓，最好是按鈕的形式。這個(gè)視覺指示器幫助用戶不要將可點(diǎn)擊的文本與快捷方式混淆。

3) 為目標(biāo)選擇最佳尺寸
觸摸的最小按鈕大小為 42 像素。但平板電腦的屏幕比手機(jī)大，用戶在使用時(shí)比智能手機(jī)握得更遠(yuǎn)。所以，按鈕越大，越容易按下。因此，最好將其設(shè)置為 60 像素的大小。

4) 調(diào)整與按鈕有關(guān)的觸摸目標(biāo)的大小
用戶應(yīng)該能夠快速按下按鈕。這意味著觸摸目標(biāo)應(yīng)該大于按鈕。這是在開發(fā)過程中調(diào)整的。

5）不要制作大的文本層次結(jié)構(gòu)
任何內(nèi)容都應(yīng)該易于理解。不要做長(zhǎng)的層次結(jié)構(gòu)線。最好的選擇是停留在第一級(jí)和第二級(jí)層次結(jié)構(gòu)。第三層以下的信息在視覺上很難區(qū)分，因此對(duì)界面沒有意義，因?yàn)樗粓?zhí)行其直接功能。

6）突出顯示活動(dòng)元素
活動(dòng)元素可以通過顏色對(duì)比突出顯示。界面中的強(qiáng)調(diào)色將用戶的注意力吸引到項(xiàng)目上，從而提示他們對(duì)該元素采取一些行動(dòng)，特別是點(diǎn)擊它。

7）小心訪問區(qū)域中的活動(dòng)元素
我們牢記最容易點(diǎn)擊的區(qū)域。這些是平板電腦屏幕的左側(cè)和右側(cè)。如果要在其中一側(cè)排列元素，請(qǐng)嘗試計(jì)算用戶移動(dòng)的可能軌跡。很大一部分人是右撇子。這意味著左手拿著平板電腦，他們可能會(huì)不小心點(diǎn)擊某個(gè)元素，從而打開一個(gè)他們不需要的窗口。

8) 最小化滾動(dòng)
長(zhǎng)時(shí)間滾動(dòng)會(huì)降低用戶的注意力，新信息感知難度更大。因此，最好將內(nèi)容分成幾個(gè)塊，將提供的信息系統(tǒng)化。

9）用簡(jiǎn)單的動(dòng)畫為界面增添趣味
小而簡(jiǎn)約的動(dòng)畫將為用戶提供提示。可以添加它以確認(rèn)用戶已執(zhí)行任何操作。

10）書籍和橫向應(yīng)該有一種風(fēng)格
在縱向和橫向之間切換時(shí)，請(qǐng)保持導(dǎo)航。不要做劇烈的改變。因?yàn)橛脩舨幌胫匦聦W(xué)習(xí)界面，所以這種變化會(huì)令人困惑和煩人。相反，選擇一種風(fēng)格并堅(jiān)持下去。