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

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

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

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

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

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

网站设计上的图片表现方式相关标签:网站设计公司建设网站网页制作网站设计
相关热点推荐
什么是自助建站系统
如何进行网站首页改版
首页:如何发挥五大引导
网站推广、网站宣传的作
企业VI设计不可忽略的
深色调网页界面设计注意
网站建设前应该准备什么
网站文化与网页设计
什么样的网站才能实现效
SEO教程推荐--网站
怎样让网站友情链接交换
网站百度快照不更新的解
《设计师谈网页设计思维
如何让你的网站或是个人
关键词网页应该放到什么
引发思考的细节设计
什么样网站体验更好一些
现代企业需要建立网站吗
网站如何定位
网站推广方法--资源合
百度优化排名容易遇到的
网站推广技巧之搜索引擎
探讨运用seo技术做网
谈谈什么是成功的网站设
SEO基本技术及策略
SEO的历史
网页设计中的版式原理-
站长经验,建站经验
新手创建优秀网站的6个
企业建站流程及实用技巧
顶尖网络高手写的ale
网站突然被降权到底有什
网站设计八步骤
优秀站长必备思路下
百度《站点子链》工具开
网站建设合同签订需要注
赏析优秀专业网站学习网
网页制作者和网页设计师
网页设计灵感的起源地
WEB可用性测试的问题
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
160个月 8