做设计工作,了解最为流行的设计风格是必修课,前几篇文章分别向大家介绍了全屏式网页设计、响应式网页设计、扁平化网页设计、视觉滚动设计、无限滚动模式,下面云和学院的UI设计高级讲师就继续为大家讲解较流行的七大设计风格之六:滚动侦测网页设计。
什么是滚动侦测网页设计
利用CSS的实现将导航栏固定在网页顶部(大多数是顶部,当然也有侧面或底部),并将版面内容按照导航顺序垂直或横向排布,使得用户点击相应导航tab时页面自动滑到相应页面,而若点击内容,导航也将随之改变。这样的网页设计页面基本不会跳转,每一个tab所指向的页面内容也基本一屏显示完整,所以在页面呈现的内容上会有所局限。为不影响布局一般也会伴随自适应。
滚动侦测式的网页会给设计师带来了很大挑战——要在有限空间内保证内容呈现的完整性,故设计师会在版面上下足功夫。而这类网站结构和视差设计有异曲同工之处,所以我们发现很多网站会结合两者,给观者带来不一样的视觉感受和用户体验。