瀑布流式布局应用在展示类网站的独特性

2022-04-27    分类： 网站建设

瀑布流式布局是当前图片展示或素材资源类网站中较常使用的一种页面布局形式, 开此先河的是图片社交网站“Pinterest.com”。瀑布流式布局在视觉上主要表现为层次不齐的多列布局。将宽度固定、高度灵活变化以保证原始宽高比的图片排列在固定宽度的多列栏目中, 由此带来水平方向规整分割, 而垂直方向没有均衡对齐的布局方式, 使网页的视觉区域呈现出流水般的落差感。利用这种视觉上的落差感来引导浏览者视线的流动, 从而营造出轻松愉悦的浏览体验, 也形成了一种区别于传统网格布局的设计风格。另外这类网页可以在单张页面中显示大量信息, 通过页面的向下滚动, 不断加载数据块并添加至当前页面尾部, 而非网格布局, 查看更多的内容要点击下一页。这种新颖的框架结构, 使用户浏览网页时使用较少的操作就可以获得更多地信息。

浏览者的视线在浏览网页时是处于流动的运动状态, 整个视线的轨迹就是贯穿多个视觉焦点和视觉区域形成的迂回曲线。网页中的视觉流程有其天然的纵向性, 这是由组成网页本身的技术所决定的。这和平面设计中的视觉流程不完全相同的, 平面是静止的, 而网页却是纵向动态滚动的, 所以在给网页界面设计视觉流程时如果能顺应其这种天性, 可以为浏览者营造出流利畅快的体验感受。

瀑布流式布局的页面是固定宽度有序排列多列图像, 在垂直方向没有均衡对齐, 所以浏览者的视线轨迹随着视觉焦点的转换呈现出一条不规则的水平波纹曲线, 整个视觉流程是由上而下的有序引导, 非常流畅。流畅的视觉流程使得页面浏览变成一个轻松的发现过程, 而非强制性的搜索过程。页面中不再是刻意划分的的界面框架, 反而更加突出图片信息这一页面主体内容, 让浏览者在不间断的图片中的愉悦地寻找自己感兴趣的信息, 视觉感受也变得更加顺畅而自然。

新闻标题：瀑布流式布局应用在展示类网站的独特性
当前路径：https://www.cdcxhl.com/news/146720.html

成都网站建设公司_创新互联，为您提供网站维护、外贸网站建设、动态网站、网站内链、商城网站、App设计

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

手机网站建设

网站建设知识

行业建站