网页设计技巧分析网页图片在网页中显现(1)

文章描述：网页设计中图片显现形式的思考.

图片，是构成网页的基本元素之一。图片不仅能够增添网页的吸引力，传达给用户更加雄厚的信息，同时也大大地提拔了用户在浏览网页的体验。图片的展示形式雄厚多样，不同形式的图片显现也让浏览网页的乐趣变得更加多样化。

追随我们分别来体验一下目前存在的各种图片显现形式，让我们的眼睛去旅行吧。

一、多图显现

图片限制好大高度或宽度并进行矩阵平铺显现，这是好常见的多张图片显现形式。不同的边距与距离可产生不同的风格，用户一扫而过的快速浏览可以在短时间获得更多的信息。同时，鼠标悬浮时显示更多信息或功能按钮，既避免过多的重复性元素干扰用户浏览，又让交互形式带有乐趣。但传统的矩阵平铺显现版式略微拘谨，浏览体验略显枯燥。

500px.com在传统矩阵式平铺布局基础上挣脱图片尺寸一致性约束，图片以基础面积单元的1倍、2倍、4倍尺寸显现。大小不一致的图片显现打破重复带来的密集感，却仍按照基础面积单元进行排列布局，为流动的信息增添动感。不规则的图片为浏览带来乐趣，但因为视线的不规则流动，这样的显现形式并不利于信息的查找。

Pinterest的瀑布流错落有致，定宽而不定高的设计让页面突破于传统的矩阵式图片显现布局，巧妙的行使视觉层级，视线的任意流动又缓解了视觉委靡。用户可以在众多图片中快速地扫视，然后选择其中自己感爱好的部分。但这样也让用户在浏览时，容易错过部分内容。