




已阅读5页,还剩5页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
图片,是构成网页的基本元素之一。图片不仅能够增加网页的吸引力,传达给用户更加丰富的信息,同时也大大地提升了用户在浏览网页的体验。图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。 一些事 跟随我们分别来体验一下目前存在的各种图片展现形式,让我们的眼睛去旅行吧。 一.多图展现 图片限制最大高度或宽度并进行矩阵平铺展现,这是最常见的多张图片展现形式。不同的边距与距离可产生不同的风格,用户一扫而过的快速浏览可以在短时间 获得更多的信息。同时,鼠标悬浮时显示更多信息或功能按钮,既避免过多的重复性元素干扰用户浏览,又让交互形式带有乐趣。但传统的矩阵平铺展现版式略微拘 谨,浏览体验略显枯燥。 500在传统矩阵式平铺布局基础上挣脱图片尺寸一致性束缚,图片以基础面积单元的1倍、2倍、4倍尺寸展现。大小不一致的图片展现打破重 复带来的密集感,却仍按照基础面积单元进行排列布局,为流动的信息增加动感。不规则的图片为浏览带来乐趣,但由于视线的不规则流动,这样的展现形式并不利 于信息的查找。 Pinterest的瀑布流错落有致,定宽而不定高的设计让页面突破于传统的矩阵式图片展现布局,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳。用户可以在众多图片中快速地扫视,然后选择其中自己感兴趣的部分。但这样也让用户在浏览时,容易错过部分内容。 互联网的一些事 二.下一张预览 在最大化展示某张图片的同时,让用户看到相册中其他内容。下一张的部分预览,更吸引用户进行继续点击浏览。下一张缩略显示,下一张模糊显示,或下一张部分显示,不同的预览呈现方式都在挑战用户的好奇心。 在Photodom中,用户浏览具体图片时并不提供下一张的预览,只有等用户将鼠标悬停在“下一张”按钮时才出现下一张的缩略图。虽然出现缩略图的动画效果并不能让用户理想地实现预览,但昙花一现的刺激更促使用户去进行“下一张”的点击。 Dailybooth在可以进行下一张图片预览的同时,还可以预览下一张图片的相关信息。这种更多内容的展现形式,用户不仅会被下一张图片的内容所吸引,或许更好奇下一张图片其他信息的内容。 三.访客及成员头像 访客或成员头像本身也是图片,不同于用户所展示的图片,头像更多展示的是历史互动信息,并可进行延伸互动。头像悬停时可显示更多信息及功能按钮,或显示更大尺寸的头像。 一些事 虾米音乐网的用户头像以平铺的方式展示,鼠标悬停时展开该用户的部分信息。有趣的交互方式让这部分区域不仅仅是展示区域,动态效果吸引用户去悬停的同时也加强了用户的点击欲望。 yixieshi 四.QQ空间图片展现优化探索 通过上文的视觉体验,我们可以大致了解到,图片展现的重点在于: yixieshi 1.便于用户进行浏览,减少视觉疲劳 2.展现更多图片信息及图片相关信息 互联网的一些事 3.通过鼠标悬停的小动画,提供体验感强的交互形式 4.吸引用户去进行点击,由小图看大图,或看下一张 yixieshi 5.吸引用户去进行图片的相关延伸操作,而不是停留在浏览 一些事 目前QQ空间同样存在许多图片元素构成的模块,通过上面的总结,我们从这些模块出发,尝试一下新的图片呈现及交互方式,希望起到一个抛砖引玉的作用。 a.多图动态 当前QQ空间在展示好友多图动态时,首张图片显示大图,其他图片以缩略图显示。假如定义最小面积单元,然后以1倍、2倍、4倍显示图片,形式上更具动感,有效减少视觉疲劳,而且可以匹配不同数量的图片,用户可以看到更多图片的更多内容。 b.访客头像 鼠标悬停访客头像时,该访客头像区域视觉上强化,并在其他区域显示功能或信息。体验感较强的交互形式可以吸引用户去进行悬停操作从而进行点击。 c.下一张预览 一些事 浏览图像时,显示上一张及下一张的部分内容,鼠标悬停时显示全部内容的缩略图
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 《无言之美》(2022年湖南株洲中考满分作文5篇附审题指导)
- 2023七年级英语下册 Unit 4 Don't eat in class Section A 第2课时(3a-3c)说课稿 (新版)人教新目标版
- 消阶知识培训后感课件
- 气血讲课件教学课件
- 歌声真美妙(活动 山谷回声)教学设计小学音乐西师大版二年级上册-西师大版
- 绿色蛋品供应链行业跨境出海项目商业计划书
- 羊肉烹饪课程培训企业制定与实施新质生产力项目商业计划书
- 管道巡检无人机解决方案创新创业项目商业计划书
- 环保人才培训创新创业项目商业计划书
- 社区养老公寓创新创业项目商业计划书
- 建筑工地安全施工规范
- 人教版八年级数学上册重难考点专题04因式分解(知识串讲+13大考点)特训(原卷版+解析)
- 2024至2030年全球及中国海洋休闲设备行业市场分析及投资建议报告
- 左心发育不良综合征超声
- 幼儿园小班语言课件:《小狗找朋友》
- 南方主要虫害图谱-稻飞虱课件讲解
- (正式版)JBT 106-2024 阀门的标志和涂装
- 心脏搭桥手术病历
- 医药商务的工作总结
- 托育早教中心家长常见问题(百问百答)
- 2024年上海嘉定城市发展集团有限公司招聘笔试参考题库含答案解析
评论
0/150
提交评论