我想大家都知道图片是网页的基本元素之一。图片不仅可以增加网页的吸引力,向用户传递更丰富的信息,还可以极大地增强用户阅读网页的体验。在网页设计中,图片显示是丰富多样的,不同情况下的图片显示也使阅读网页的乐趣更加多样化
跟随我们的分离体验当前各种图片的显示,让我们的眼睛旅行
多图片显示
图片被限制在最大高度或宽度,并以矩阵瓷砖显示,这是最常见的多画面显示。不同的边距和距离可能导致不同的样式。用户可以通过快速阅读在短时间内获得更多信息。同时,当鼠标悬停时,会显示更多的信息或功能按钮,这不仅避免了太多重复的元素干扰用户的阅读,而且使交互变得有趣。传统的矩阵显示布局有点约束,阅读体验有点枯燥
在传统的矩阵平铺布局中,500pxCom基本上摆脱了图片的大小一致性约束,图片以基本面积单位的1、2、4倍大小显示。不同大小的图片打破了重复带来的浓密感,但它们仍然按照基本面积单位排列,增加了流动信息的动态感。不规则的图片给阅读带来乐趣,但由于视线的不规则流动,这种显示不利于信息搜索
品特蕾斯特的瀑布排列有序。固定宽度和可变高度的网站设计使页面突破了传统的矩阵式图片显示布局。视觉水平的巧妙运用和视线的任意流动缓解了视觉疲劳。用户可以快速浏览许多图片,然后选择他们感兴趣的部件。但这也让用户在阅读时很容易错过一些内容
让用户在最大化图片显示的同时看到相册的其余部分。下一个部分预览对用户来说更具吸引力,可以连续单击和阅读。下一个缩略图显示、下一个模糊显示或下一个局部显示,以及不同的预览模式都会引起用户的好奇心
在Photoom中,用户在阅读特定图片时不会提供下一张图片的预览,只有当用户将鼠标悬停在;ldquo;下一步(&N);rdquo;按钮,将显示下一张图片的缩略图。虽然缩略图的动画效果不能让用户幻想预览,但短期刺激会让用户点击&;ldquo;下一步(&N);rdquo