企术资讯

因為(wèi)PC端网页与移动端网页的操作及视觉效果均有(yǒu)所不同，所在在网站设计中每种设备登录网站都应该有(yǒu)着不同的交互规则设定。所有(yǒu)的交互的元素比如按钮、链接、菜单等都应该既可(kě)以用(yòng)鼠标点击又(yòu)可(kě)以触摸进行操作。但根据PC端与移动端的區(qū)别，还是需要在设计上有(yǒu)所區(qū)别。

1、 交互对象的尺寸设计要合理(lǐ)

在网页设计中，PC端的网页的交互元素设计需要根据鼠标点击的精准程度而适配。而在移动端，因為(wèi)触摸的特性，需要把网页的交互元素设计成面积稍大一点的交互元素以方便手指的触摸，在移动端的交互元素设计中。小(xiǎo)按钮要比大按钮难点击得多(duō)。经过一些数据表明，手指面的触摸尺寸大概是在10毫米到14毫米左右，而指尖的触摸尺寸是在8毫米到10毫米之间。所以在网站设计中，适合移动端交互元素的设计尺寸大概是在10毫米左右。

2、 交互元素的设计要醒目

在许多(duō)PC端的网站设计中我们经常可(kě)以看到，当鼠标悬停在某个交互元素上方的时候，无论是鼠标还是交互元素都会响应地产生视觉反馈，而在移动端，因為(wèi)其点击机制的原因无法形成这种反馈。这也属于交互元素设计的一种，能(néng)够通过强烈的视觉反馈来是访问用(yòng)户预判整个页面的元素功能(néng)及操作结果。以上就是网站的设计中交互元素的设计相关步骤及技巧。