技术资讯
文章中插入图片的用户体验
2008-12-07 22:59:00
一直以来在写博文的时候,都没有去考虑图片是应该放在左边还是放在右边的问题,今天在确定博客风格的时候,为了风格的统一性,我要在新博客的一开始就确定如何放置图片。
本博客使用都是WordPress的平台,在插入图片的时候,系统会提示图片放置的格式,我想最常用的就是四种了:居中,靠左,靠右,默认。 居中的意思就是图片在文章中间,两边环绕文字;靠左是图片在文章左边;靠右就是图片在文字的右边;而默认,就是不环绕,图片单独站一段落空间。那到底该选用那种风格呢?也许你会想随意吧,看当时心情,放哪边觉得舒服就放哪边,其实不然。在网站风格确立的时候,你就要确定好,你如何放置图片,是选择alignright,还是alignleft,抑或是aligncenter。

图片位置的放置和整个网站(博客)的风格有关,和其整体布局有关,这里不讨论这个因素,单单从用户体验的角度来谈一下到底该如何放置图片。而放置图片就要考虑图片的尺寸问题,如果是宽度和文章宽度一样的图片,那就不需要讨论了,因为你想环绕也环绕不了,我想说的就是豆腐块大小的图片,该如何放置,尤其是在首页中显示摘要的时候,该如何处理。以下针对本站的一篇文章来具体分析,放置在左边和右边的视觉效果,放在中间的个人认为比较丑,所以不在举例,也不再考虑范围内。
按照现代中国人的习惯,读一段文字我们是从左到右边,从上到下。根据这个原理,当你把图片放置在左边的时候,你就在告诉你的读者,你突出的重点是图片,你想让你的读者第一眼看到的图片,甚至是多看图片几眼,图片本身就比文字吸引眼球,读者在打开你的网页的时候,最先看到的是你的图片,是你的图片激起他阅读你文字的兴趣,但是当他开始阅读的时候,他要关注的就不在是图片了,而是看你写了什么。而gbate认为,如果你放置图片在左边,你的读者的眼睛在换行的时候,总要先看到图片,而这个图片此时已经不是他要关注的重点了,这种情况下势必会影响阅读,只是这种影响是不容易觉察的,是让人不好说出来的。而当你把图片放置在文字右边的时候,当读者看到行尾的时候,他就知道要换行了。根据人的习惯,在读文章的时候,人更在乎的是找到开始,而不是关注结束。

就拿我来说,我度文字的时候,我想知道我该从哪里开始,从哪个文字开始,因为我对我要读的文字一无所知,我迫切知道我要从哪里开始读下去,但当我读到行尾的时候,我已经似乎明白了什么,我想我是知道也是有权利决定我要在哪里结束的。从这点上来看,我是希望把图片放在右边的,因为当我不知道哪里开始的时候,我就从最左边开始,等我读到右边的时候,我想我会很清楚我是否该结束此段的阅读。
有一种情况下我会把图片放在左边,就是广告。如果我希望读者多关注一下我的广告的话,我会选择把图片放置在左边,但是我是个人博客,不需要广告,所以对我来讲,我还喜欢把图片放置在右边,这更符合用户的阅读习惯。
原文:http://songguo.net/blog/post/28
近期更新
- [2023-07-26 14:17:28] 为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,品牌网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 品牌定制网站建设——从满足预期到走向超预期
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2012-12-19 22:20:48] 网站反馈表单的用户体验
- [2009-03-05 17:26:00] 用户体验设计?—是什么不是什么
- [2009-03-05 17:30:00] 如何推销用户体验设计?
- [2008-08-21 11:31:00] 我说校内网新版用户体验
- [2011-10-15 13:38:12] dede自定义图片字段图片上传后无法点击选中 的解决办法
- [2013-12-30 12:09:23] 图片宽度自适应 如何通过css控制
- [2019-06-19 10:25:54] 网站建设中如何提高用户体验
- [2013-01-26 00:37:01] 如何复制图片中的文字
- [2008-08-19 11:27:00] 用户体验:用户是一个绝顶聪明的傻子!
- [2016-08-15 15:11:00] iPad Pro上线,意外走红企业市场
- [2008-04-23 14:26:00] 交互设计师和用户体验设计师
- [2012-05-15 11:25:52] dede编辑器图片上传 去掉换行
