网页规划中图片展示方式的思考

图片，是构成网页的基本元素之一。图片不只能够添加网页的吸引力，传达给用户愈加丰厚的信息，一起也大大地提升了用户在阅读网页的体会。图片的展示方式丰厚多样，不同方式的图片展示也让阅读网页的趣味变得愈加多样化。

跟从我们分别来体会一下现在存在的各种图片展示方式，让我们的眼睛去旅行吧。

一、多图展示

图片限制最大高度或宽度并进行矩阵平铺展示，这是最常见的多张图片展示方式。不同的边距与距离可发生不同的风格，用户一扫而过的快速阅读能够在短时间取得更多的信息。一起，鼠标悬浮时显示更多信息或功用按钮，既避免过多的重复性元素干扰用户阅读，又让交互方式带有趣味。但传统的矩阵平铺展示版式略微拘束，阅读体会略显单调。

500px.com在传统矩阵式平铺布局根底上挣脱图片尺度一致性捆绑，图片以根底面积单元的1倍、2倍、4倍尺度展示。巨细不一致的图片展示打破重复带来的密集感，却仍依照根底面积单元进行摆放布局，为活动的信息添加动感。不规则的图片为阅读带来趣味，但由于视野的不规则活动，这样的展示方式并不利于信息的查找。

Pinterest的瀑布流错落有致，定宽而不定高的规划让页面突破于传统的矩阵式图片展示布局，巧妙的利用视觉层级，视野的恣意活动又缓解了视觉疲劳。用户能够在很多图片中快速地环视，然后选择其间自己感兴趣的部分。但这样也让用户在阅读时，简单错过部分内容。