致力于打造电子商务,信息安全的一流服务商

To focus on creating e-commerce, information security, first-class service providers

news center

新闻中心

怎样让网站更出彩?一文了解网页交互

发布日期:2022年07月20日 浏览次数:

 在浏览一些网页的时候,感觉空有一副美观的皮囊,却少了些什么。为什么不交互创新一下呢?比如从这个网页进去时,内容会有入场动效,用户就会很惊喜。那么,先让我们了解一下什么是网页交互吧。

 

 

 

 

 

图片

一、网页交互的概念

网页(Web端页面)交互的概念即触发到呈现的过程。用户可以使用交互设备进行事件触发或变量,页面则将内容进行对应的呈现。其中交互过程主要影响的事件由“可交互的元素“、“功能交互“、“转场切换“构成。页面内容呈现通常分为“默认时“、“选择时“、“运行时”三个时态(鼠标短暂的点击时属于“选择时”,若长按有内容影响则属于“运行时”)。

微信图片_20220820113134.png

二、网页交互支持

网页交互围绕计算机为中心。主要涉及键盘鼠标两类设备的交互,个别网站的产品可能会涉及麦克风声音采集或摄像头应用。

微信图片_20220820113131.jpg

三、交互影响的元素

简单来讲,包括看得见的元素、听得见的元素。听得见的元素是声音,涉及一些音效的交互控制。而看得见的元素则会相对丰富很多,可以归为颜色、文字、图形、动画、按钮、控件、模型等。

微信图片_20220820113134.png
微信图片_20220820113137.gif

四、Web端内容呈现结构

因为电脑显示器更大的缘故,Web端结构上比移动端更加灵活,同时根据产品的性质也有需要考虑移动端响应式的需求,一般来讲这些页面结构可以分为这六类:上下长屏滚动,全屏上下滚动,全屏左右切换,全屏页面覆盖,自适应平铺,三维场景呈现。

微信图片_20220820113141.gif

五、网页的组成区块

网页的组成区块通常分为五大类型,即导航、面包屑、背景、内容呈现、弹出框。菜单导航栏通常分为顶部导航、侧边导航、底部导航、组合导航四大类,也有个别是通过点击弹出的导航。内容布局则更是五花八门了,是版式与技巧的呈现了。

微信图片_20220820113144.png

了解网页交互常见的形式和呈现结构,结合页面设计,让网页“动”起来,使用户获得优质的浏览体验,让网站更加出彩。

 

来源:MicroUX公众号

 

 

 

Service phone
0533-3583100
山东省淄博市高新区柳泉北路西侧先进陶瓷产业创新园B座6楼
龙8国际版权所有 业务范围:
友情链接:
QQ客服 问题建议

公告

诚聘

所有岗位应聘者,敬请拨打电话,预约面试时间。

详情请咨询人事部

电话:0533-3589281