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

至成科技2021-05-10访问量（730）评论（0）

摘要： 瀑布流式布局应用在展示类网站的独特性。瀑布流式布局是当前图片展示或素材资源类网站中较常使用的一种页面布局形式, 开此先河的是图片社交网站“Pinterest.com”。瀑布流式布局在视觉上主要表现为层次不齐的多列布局。将宽度固定、高度灵活变化以保证原始宽高比的图片排列在固定宽度的多列栏目中, 由此带来水平方向规整分割, 而垂直方向没有均衡对齐

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

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

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