展现形式是什么(网页设计中图片展现形式)
多图展现图片的最大高度或宽度受到限制,以矩阵平铺显示,这是显示多张图片的最常见形式。在传统矩阵平铺布局的基础上,500px.com摆脱了画面尺寸一致性的限制,以基本面积单位的1、2、4倍的尺寸显示画面。不同尺寸的图片展示了打破重复带来的强烈感觉,但它们仍然是按照基本的面积单位排列的,为流动的信息增添了活力。下一个缩略图显示、下一个模糊显示或下一个部分显示都挑战了用户的好奇心。
分别跟随我们去体验目前存在的各种形式的图片展示,让我们的眼睛旅行。
多图展现
图片的最大高度或宽度受到限制,以矩阵平铺显示,这是显示多张图片的最常见形式。不同的边距和距离可以产生不同的样式,用户可以通过快速浏览在短时间内获得更多信息。同时,当鼠标暂停时,会显示更多的信息或功能按钮,这不仅可以防止过多的重复元素干扰用户的浏览,还可以使交互形式变得有趣。然而,传统的矩阵平铺显示格式有点僵硬,浏览体验有点无聊。
在传统矩阵平铺布局的基础上,500px.com摆脱了画面尺寸一致性的限制,以基本面积单位的1、2、4倍的尺寸显示画面。不同尺寸的图片展示了打破重复带来的强烈感觉,但它们仍然是按照基本的面积单位排列的,为流动的信息增添了活力。不规则图片给浏览带来乐趣,但由于不规则的视线流动,这种显示形式不利于信息搜索。
Pinterest的瀑布错落有致,固定宽度和可变高度的设计使页面突破了传统的矩阵式图片展示布局,巧妙地运用了视觉层次,随意的视觉流动缓解了视觉疲劳。用户可以快速浏览许多图片,然后选择他感兴趣的部分。然而,这也使得用户在浏览时很容易错过一些内容。
在最大化图片显示的同时,用户可以看到相册中的其他内容。下一个的部分预览将吸引用户继续点击和浏览。下一个缩略图显示、下一个模糊显示或下一个部分显示都挑战了用户的好奇心。
在Photodom中,用户在浏览特定图片时不提供下一张图片的预览,并且下一张图片的缩略图仅在用户将鼠标悬停在“下一张”按钮上时才会出现。尽管缩略图的动画效果并不能让用户理想地实现预览,但短暂的刺激鼓励用户点击“下一步”。