网页设计中图片展现形式

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

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

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

多图展现

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

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

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

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

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



 

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


深圳网页建设公司,新手必看的网页建设流程和步骤!网页优化要注意分类链接隔离如何很好的对官网进行网页制作HTML5网页建设中的优势都有什么扁平化网页设计是怎样的商城网页成将来新趋势建立流程有什么哪些因素决定了网页建设能不能留住人怎样看待网页建设费用如何提高网页建设的收录率来看!打造动人心弦的网页设计网页建设如何规划网页内容科技-低价网页建设对企业有哪些不可忽视的负面影响网页设计和开发的7个牛X博客深圳网页建设中网页伪静态技术优化运用如何布局设计手机网页建设APP界面网页制作价格相差太大低至几百高上万营销型网页建设的作用门户网页设计需考虑哪些标准网络营销之如何打造企业独特卖点-深圳网络设计分享营销型企业官网建设怎样提高客户转化率高质量的网页运营与用户成长网页建设如何选择服务器分享初创企业要如何实现盈利模式怎样去做网页建设是最没有前途的网页竞价排名与搜索引擎优化的区别企业网页建设选择定制网页的优势在哪里需要注意哪些问题新技能get!提升网页权重有技巧,免费博客帮你忙学校网页建设方案策划书网页设计与网页设计有什么区别,找网页设计要注意什么要怎么写一份高品质的网页设计方案长沙270名中小学生同台拼创意竞赛网页制作深圳福田企业网页内容的优化该怎么做为什么说软件定制化远比你想象的重要想做好电商网页抓准这10个细则准没错! 建站用户自述:网页建设我较在意的五点房地产网页怎么建设和经营最新2018阿里云网页进行备案流程网页外链优化效果分析最好的外链能够带来流量网页设计有很多工作要做软件定制开发平台大科普中软国际解放号了解一下使用yourphp开源软件小结网页设计制作搜索框怎么做网页建设的变革和出路眉县一对一个性化定制网页建设服务哪家好旅游网页建设当中哪些功能必须要有深圳网页建设,让你的网页牢牢抓住用户的眼球网页设计的关注点网页建设的6大基础知识深圳网页设计模板定制提示深圳网页优化要如何选择网页优化公司四个网页设计中需要注意地方sendmail发邮件空间不支持fsockopen函数的解决办法小编解析企业网页建设需要做哪些工作网页建设时简介内容的要点面对苦逼的SEO,我们该如何去憧憬未来网页建设-企业发展的大势所趋企业网页需求分析流程这些美国虚拟主机退款政策你懂了吗一个好的网页应该具有哪些特点讲解PHP编程效率的20个要点
网站备案号:豫ICP备2024041165号