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

2017-01-03    分类: 网站建设

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

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

一、多图展示

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

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

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

当前文章:网页规划中图片展示方式的思考
标题路径:https://www.cdcxhl.com/news4/74054.html

成都网站建设公司_创新互联,为您提供定制开发网站收录自适应网站关键词优化微信小程序外贸网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管