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

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

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

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

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