因?yàn)镻C端網(wǎng)頁與移動(dòng)端網(wǎng)頁的操作及視覺效果均有所不同，所在在網(wǎng)站設(shè)計(jì)中每種設(shè)備登錄網(wǎng)站都應(yīng)該有著不同的交互規(guī)則設(shè)定。所有的交互的元素比如按鈕、鏈接、菜單等都應(yīng)該既可以用鼠標(biāo)點(diǎn)擊又可以觸摸進(jìn)行操作。但根據(jù)PC端與移動(dòng)端的區(qū)別，還是需要在設(shè)計(jì)上有所區(qū)別。

1、 交互對(duì)象的尺寸設(shè)計(jì)要合理

在網(wǎng)頁設(shè)計(jì)中，PC端的網(wǎng)頁的交互元素設(shè)計(jì)需要根據(jù)鼠標(biāo)點(diǎn)擊的精準(zhǔn)程度而適配。而在移動(dòng)端，因?yàn)橛|摸的特性，需要把網(wǎng)頁的交互元素設(shè)計(jì)成面積稍大一點(diǎn)的交互元素以方便手指的觸摸，在移動(dòng)端的交互元素設(shè)計(jì)中。小按鈕要比大按鈕難點(diǎn)擊得多。經(jīng)過一些數(shù)據(jù)表明，手指面的觸摸尺寸大概是在10毫米到14毫米左右，而指尖的觸摸尺寸是在8毫米到10毫米之間。所以在網(wǎng)站設(shè)計(jì)中，適合移動(dòng)端交互元素的設(shè)計(jì)尺寸大概是在10毫米左右。

2、 交互元素的設(shè)計(jì)要醒目

在許多PC端的網(wǎng)站設(shè)計(jì)中我們經(jīng)常可以看到，當(dāng)鼠標(biāo)懸停在某個(gè)交互元素上方的時(shí)候，無論是鼠標(biāo)還是交互元素都會(huì)響應(yīng)地產(chǎn)生視覺反饋，而在移動(dòng)端，因?yàn)槠潼c(diǎn)擊機(jī)制的原因無法形成這種反饋。這也屬于交互元素設(shè)計(jì)的一種，能夠通過強(qiáng)烈的視覺反饋來是訪問用戶預(yù)判整個(gè)頁面的元素功能及操作結(jié)果。以上就是網(wǎng)站的設(shè)計(jì)中交互元素的設(shè)計(jì)相關(guān)步驟及技巧。