2023-01-01

​如何制作网站的页面链接交互效果

在PC端制作网站时,大部分的交互效果还是由访问用户通过鼠标控制来完成的,例如鼠标的单击、双击以及右击和悬停等动作。而访问用户与网页发生交互行为的具体对象也主要由图像、页面以及文本三个类型组成,下面就简单介绍一些页面链接的交互效果设计。


fangan34.png


1、 打开当前页的交互场景

一般在制作网站时,可以操作的链接主要分为三种,它们分别是Icon、文字链接以及按钮,而在网页的交互性设计中打开当前页面是经常会遇到的场景。在打开一个页面时,访问用户通过点击链接,从而在浏览器的页面中展示链接所对应的内容,而在制作网站时一共有四种适用于打开当前页的场景。

①一些访问流程所必须的功能性页面,操作的前后都有着影响和关键性,例如支付或者下单等

②在同一个层级内进行内容的切换,例如使用“Tab”键的切换操作。

③在同一个路径中,主页的内容显示会收到访问用户的操作影响的。例如改变一个配置后,当前的页面会刷新出新的结果。

④访问用户一些目的性极强的操作,一些有利于让访问用户的注意力被锁定的设计,例如在电商网站中“我的收藏”按钮。

2、 打开新页面的交互场景

这个交互场景是指到访问用户进行了单击网络链接的操作后,在当前的浏览器上会重新开启一个新的标签页面,从而进行内容显示和操作,这也是制作网站经常遇到的设计场景。