青岛网站建设公司,青岛网站制作公司-奈薇建站网
  •  
  •  
  •  
  •  密 码:
  • 登录名:
建站咨询热线:0532-8878113113165158935 
知识普及 >> 网站设计上的图片表现方式

网站设计上的图片表现方式

奈薇网页设计 2020-01-13 16:40发表
阅读次数 1146
  图片,是构成青岛网站制作的基本元素之一。图片不仅能够增加网页的吸引力,传达给用户更加丰富的信息,同时也大大地提升了用户在浏览网页的体验。图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。

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

  1.访客及成员头像

  访客或成员头像本身也是图片,不同于用户所展示的图片,头像更多展示的是历史互动信息,并可进行延伸互动。头像悬停时可显示更多信息及功能按钮,或显示更大尺寸的头像。

  虾米音乐网的用户头像以平铺的方式展示,鼠标悬停时展开该用户的部分信息。有趣的交互方式让这部分区域不仅仅是展示区域,动态效果吸引用户去悬停的同时也加强了用户的点击欲望。

  2.多图展现

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

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

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

  3.QQ空间图片展现优化探索

  通过上文的视觉体验,我们可以大致了解到,图片展现的重点在于:

  1.便于用户进行浏览,减少视觉疲劳

  2.展现更多图片信息及图片相关信息

  3.通过鼠标悬停的小动画,提供体验感强的交互形式

  4.吸引用户去进行点击,由小图看大图,或看下一张

  5.吸引用户去进行图片的相关延伸操作,而不是停留在浏览

  目前QQ空间同样存在许多图片元素构成的模块,通过上面的总结,我们从这些模块出发,尝试一下新的图片呈现及交互方式,希望起到一个抛砖引玉的作用。

  a.多图动态

  当前QQ空间在展示好友多图动态时,首张图片显示大图,其他图片以缩略图显示。假如定义最小面积单元,然后以1倍、2倍、4倍显示图片,形式上更具动感,有效减少视觉疲劳,而且可以匹配不同数量的图片,用户可以看到更多图片的更多内容。

  b.访客头像

  鼠标悬停访客头像时,该访客头像区域视觉上强化,并在其他区域显示功能或信息。体验感较强的交互形式可以吸引用户去进行悬停操作从而进行点击。

  c.下一张预览

  浏览图像时,显示上一张及下一张的部分内容,鼠标悬停时显示全部内容的缩略图,并以此作为上一张及下一张的操作入口。

  4.下一张预览

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

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

  Dailybooth在可以进行下一张图片预览的同时,还可以预览下一张图片的相关信息。这种更多内容的展现形式,用户不仅会被下一张图片的内容所吸引,或许更好奇下一张图片其他信息的内容。

  随着互联网的发展,青岛网站设计将会有更多创新的图片呈现形式的出现,我们不妨拭目以待,看看互联网又会从视觉上给我们什么惊奇的体验吧。

网站设计上的图片表现方式相关标签:建设网站网站开发网站设计网站注册
相关热点推荐
那些即将在网页设计中被
网页设计中的版式原理-
网站定位的个人建议
使用预定义框架集为网页
网站没有收录被K后的解
网站更换如何保护好我们
十大严重的网站设计错误
如何制作网站才能成功
网站发布软文更容易被收
8个实用的友情链接技巧
网站优化设计的三个具体
学习网站建设中一些容易
如何进行网站首页改版
网站可信度建设十大准则
自助建站的特点
搜索引擎优化相关性排名
交互设计与视觉设计哪个
写文章时应用哪些seo
新做的网站如何获取高质
交互设计的逻辑关系应用
中小企业建站新网站各种
企业建站技巧和方法
如何解决网站中重复度的
网站改版时应注意的问题
做好网络营销就要写好软
网站排名第三页不到首页
做一个开放性的网站需要
科普知识之搜索引擎的工
自助建站时添加背景音乐
个人站长建站失败的几种
Google高排名网站
网站制作流程中,需要双
一个好的网站应具备哪几
增加反向链接的35个技
网站建设发展的几点建议
好设计应该装着不懂用户
网站建设的方案该如何制
删格设计解决网站布局乱
网站优化一定要控制优化
网站建设之互动栏目的重
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
158个月 13