2022-12-04

​网站设计中应该怎样进行交互元素的设计

因为PC端网页与移动端网页的操作及视觉效果均有所不同,所在在网站设计中每种设备登录网站都应该有着不同的交互规则设定。所有的交互的元素比如按钮、链接、菜单等都应该既可以用鼠标点击又可以触摸进行操作。但根据PC端与移动端的区别,还是需要在设计上有所区别。


fangan19.png


1、 交互对象的尺寸设计要合理

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

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

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