网页设计中图片展现形式

来源:设计经验分享网
添加时间:2024年02月

我想大家都知道,图片是构成网页的基本元素之一。图片不仅能够增加网页的吸引力,传达给用户更加丰富的信息,同时也大大地提升了用户在浏览网页的体验。网页设计中图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。

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

多图展现

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

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

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

在最大化展示某张图片的同时,让用户看到相册中其他内容。下一张的部分预览,更吸引用户进行继续点击浏览。下一张缩略显示,下一张模糊显示,或下一张部分显示,不同的预览呈现方式都在挑战用户的好奇心。

在Photodom中,用户浏览具体图片时并不提供下一张的预览,只有等用户将鼠标悬停在“下一张”按钮时才出现下一张的缩略图。虽然出现缩略图的动画效果并不能让用户理想地实现预览,但昙花一现的刺激更促使用户去进行“下一张”的点击。



 

平面设计相关资讯推荐阅读:


3个方法让关键词快速上百度*页企业建站对企业的主要价值点浏览器兼容的重要性企业需要一个网页的十大理由解析PHP跳出循环的方法以及continue、break、exit的区别介绍移动端网页设计需要注意哪些细节在网页建设中要做好哪些方面的工作什么样的网页结果有利于用户体验,深圳网页制作什么是企业网页建设的要求和策划深圳建立一个网页需要注意什么深圳网页建设需要做什么工作网页设计常见的构图法简洁明了的网页设计最受欢迎修改标题一定会导致惩罚吗深圳福田网页没有点击量怎么办网页设计包含哪些因素汕尾建站后期的运营中会遇到的问题有哪些企业网页建设的好处360搜索“好搜”出品意在讽刺搜索行业太乱网页优化中软文推广怎么做新网页如何引爆流量的基本方法李宁品牌店铺关闭引发对营销模式的思考房地产网页的三种建设方式深圳网页建设公司要有品牌保护意识深圳企业网页SEO优化的方法有哪些网页如何设计才能达到更好的营销效果中小型企业网页建设方案应该包含哪些内容你如何看待百度支持GoogleAMP页面数据提交快播倒下,千百个“快播”将会如何seo人员和程序员高效沟通的方式 网页页面设计哪家不错 好口碑的网页设计制作费用网页建设的同时树立企业品牌如何打造一个网页,让企业网页焕然一新软件定制开发那家好基本型网页如何制作实际效果会更强更显著软件定制的开发过程是什么网页建设如何赢得用户的技巧现在比较流行的网页设计风格是什么网页建设的标准有哪些网页优化之网页内链优化该怎么做做优秀的网页制作需要掌握哪几点 靠谱的网页设计制作费用如何做好品牌网页建设防止交换友情链接中的小陷阱为什么软件定制项目难做软件外包公司该怎么发展如何选择一个靠谱的网页建站公司出色企业网页实例有什么相同之处用户体验设计师的发展简史科技-企业网页改版需要考虑哪些因素改版时需要注意什么深圳建设网页之企业创建网页后还需要做些什么进阶好文!深圳网页建设公司哪家好网页建设是应该简单还是复杂网页制作:哪些负面因素会影响用户体验网页建设里的心理学企业网页建设需要了解的一些事深圳网页建设中新站如何提升关键词排名电子商务网页的三个不良点选择正确的CPA联盟营销计划如何让网页设计的页面更有特色
网站备案号:豫ICP备2024041165号