•  业务咨询  -了解公司服务的各种细节
  •  售后服务  -受理正式用户使用中的问题
  •  网站推广  -受理网站推广问题
  •  技术支持  -受理正式用户任何技术问题
  •  值班经理  -代理服务,意见反馈,其他问题
  •  
  • 欢迎拨打7x24小时服务电话:15128291748
网站制作知识
谈网页设计中图片展现的几种形式

        1、下一张预览
        在最大化展示某张图片的同时,让用户看到相册中其他内容。下一张的部分预览,更吸引用户进行继续点击浏览。下一张缩略显示,下一张模糊显示,或下一张部分显示,不同的预览呈现方式都在挑战用户的好奇心。
        在Photodom中,用户浏览具体图片时并不提供下一张的预览,只有等用户将鼠标悬停在“下一张”按钮时才出现下一张的缩略图。虽然出现缩略图的动画效果并不能让用户理想地实现预览,但昙花一现的刺激更促使用户去进行“下一张”的点击。
        2、访客及成员头像
         访客或成员头像本身也是图片,不同于用户所展示的图片,头像更多展示的是历史互动信息,并可进行延伸互动。头像悬停时可显示更多信息及功能按钮,或显示更大尺寸的头像。
        3、QQ空间图片展现优化探索
        通过上文的视觉体验,我们可以大致了解到,图片展现的重点在于:
        便于用户进行浏览,减少视觉疲劳。
        展现更多图片信息及图片相关信息。
        通过鼠标悬停的小动画,提供体验感强的交互形式。
        吸引用户去进行点击,由小图看大图,或看下一张。
        吸引用户去进行图片的相关延伸操作,而不是停留在浏览。
        目前QQ空间同样存在许多图片元素构成的模块,通过上面的总结,我们从这些模块出发,尝试一下新的图片呈现及交互方式,希望起到一个抛砖引玉的作用。
        4、多图展现
        图片限制最大高度或宽度并进行矩阵平铺展现,这是最常见的多张图片展现形式。不同的边距与距离可产生不同的风格,用户一扫而过的快速浏览可以在短时间获得更多的信息。同时,鼠标悬浮时显示更多信息或功能按钮,既避免过多的重复性元素干扰用户浏览,又让交互形式带有乐趣。但传统的矩阵平铺展现版式略微拘谨,浏览体验略显枯燥。
        500px.com在传统矩阵式平铺布局基础上挣脱图片尺寸一致性束缚,图片以基础面积单元的1倍、2倍、4倍尺寸展现。大小不一致的图片展现打破重复带来的密集感,却仍按照基础面积单元进行排列布局,为流动的信息增加动感。不规则的图片为浏览带来乐趣,但由于视线的不规则流动,这样的展现形式并不利于信息的查找。
        图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。

上一篇:如何提高网站的用户体[返回列表]下一篇:新网站优化要按部就班