卢松松博客

浅谈博客文章排版

 人参与 | 时间:2010年04月19日 09:50

在上篇文章中我提到过,用户总是很快速的浏览和扫描你的文章,这时,你就需要把页面划分成名明确定义的区域。网页的各个部分可以分为导航栏、内容区、图片 区、广告区,各个区域之间可以使用一些视觉处理方法给予区分,相互不能混杂。

 今天卢松松要谈的是关于内容区,也就是博客文章部分,如何使文章的排版更加容易阅读,使用正确的对齐和排版方式很重要。

减少用户思考时间

减少用户眼光水平扫视范围,他们阅读或扫描的速度便会大大加快。你可以把较宽的文字段落以较小的宽度显示。

在以文字为主的博客中,在适当的位置加入图标或分隔线,以及具有醒目字体和颜色的标题等等,这些都可以成为用户区分不同内容的有效标记。它们能够为用户把 视觉焦点从一个地方移动到另一个地方提供线索。

看看下面的文本,你的视线是否感觉不太容易集中?

浅谈博客文章排版 博客技巧 第1张

(图一)

哪怕我们让每一段文字之间多一个回车,稍微加大点行间距,可能要好得多。

浅谈博客文章排版 博客技巧 第2张

(图二)

下面卢松松就介绍一些常用的用CSS做文章排版代码。

文章第一段自动空行

每个段落加两个字空行不言而喻吧,非常方便阅读,有两点很重要,第一:一定要替换成你内容页的CSS标签,否则没效果。第二:在编辑器里按“回车”是换 行,用的是"P"html语法,按“ctrl+回车”用的是“br”html语法。

例如我博客的内容页使用的CSS是post-info标签,如果这样设置(.post-info p{text-indent:2em;}),意思就是,当你在后台编辑文章时按“回车”,则会自动给文章第一段空出两个字。如图二所示。

文章标题加粗样式

第一种:常见的文字加粗,一般也无需设置属性,点击编辑器加粗即可。当然你也可以单独设置strong属性(注:<B>标签用的少了)。例如 我博客的strong标签属性:

.post-info strong{font-family: "微软雅黑", "黑体", "宋体", "Arial Black", "Arial";font-size: 16px;font-weight: 600;},效果参加本文的加粗文字。

第二种:“可能吧”的加粗风格,其实和第一种方法一样,只是加了个背景色(background-color)而已,具体样式可以设置成,如图三所示。

.post-info strong{font-family: "微软雅黑", "黑体", "宋体", "Arial Black", "Arial";font-size: 16px;font-weight: 600;background-color:#99cccc;}

文章引用样式

看到后台编辑器中的“引用”这个小图标了吗?对,就是这个“blockquote”,引用样式也很重要。blockquote标签在文章编辑方面会给博客 文章增色不少。

第一种:博客默认引用样式,一般都不需要修改的,卢松松用的就是默认的。

blockquote {
margin: 0 20px;
padding: 0 10px 0 25px;
border-left: 4px solid #c9ee58;
}
code {
font-family: monospace;
color: #666;
}

第二种:“可能吧”的引用样式,blockquote左侧的灰边

blockquote{border-left:5px solid #DDD; margin:15px 30px 0 10px; padding-left:20px}

<blockquote></blockquote>标签效果是将文 字包围,然后往右边缩进,N组标签可以往右缩进N个单位。

如图所示:

浅谈博客文章排版 博客技巧 第3张

(图三)

以上代码可以直接放到你网站的CSS文件中使用(注意删除原来的)你也可以自己,调节字体和颜色,改到喜欢为止。然后放到自己的CSS中,方法同上。

用户大部分时间都是使用其他网站的

总之,介绍了这么多文章排版的方法,目的就是一个,“减少用户思考”。用户在长期使用互联网的过程中已近积累了很多经验。很多网页对他们来说都是不言而喻 的,因为他们已经很熟悉网站的普遍使用方法。所以在设计网站时一定要保持通用性和实用性。请记住下面的话:用户大部分时间都是使用其他网站的。

相关阅读:

软文投稿与软文写作经验分享

教你打造优秀IT博文

浅谈博客的更新频率

博客内容写作常出现的问题

写博客别偷懒,原创才是王道

博客文章应该多长为好

写好博客内容的几种方式

Admin5访谈:个人博客的运营和营销

顶: 0踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

必填

选填

选填

◎已有 180 人评论,微信:QQ13340454

1楼博客开发中  2016-07-21 15:19:14
写博客的时候应该怎么去排版,存在数据库里面都是文字,那图片或者html标签要写文章的时候写上去吗?
顶: 0踩: 0 回复
2楼刚哥笔记  2015-05-06 09:40:07
首行首字一定要缩进吗?第一排文字左对齐行不行
顶: 0踩: 0 回复
3楼蒙艳强博客  2014-09-02 21:04:11
确实排版太重要了
顶: 0踩: 0 回复
4楼妹子最多的大学  2014-07-17 20:55:02
图三的小清新风格不错
顶: 0踩: 0 回复
5楼防辐射孕妇装  2014-07-09 22:47:56
排版真的很重要,杂乱无章就没有人愿意看了。
顶: 0踩: 0 回复
6楼妹妹高清  2013-12-30 18:37:39
你博客文字的大小和字间距就很合适。分析的很好,排版很乱的话就没人愿意再看下去了
顶: 0踩: 0 回复
7楼美丽打扮  2013-10-16 15:17:38
个人喜欢微软雅黑的字体,看起来很舒适、
顶: 0踩: 0 回复
8楼提拉米苏  2013-09-30 11:16:01
删除原来的CSS,我找不到原来的在哪怎么办?
顶: 0踩: 0 回复
9楼卢松松  2010-06-10 14:43:12
是因为你没仔细看吧
顶: 0踩: 0 回复
10楼卢松松  2010-07-25 20:46:49
以后常来啊
顶: 0踩: 0 回复
11楼卢松松  2010-04-22 17:26:32
我觉得通常网站用的都是12px或14px
用13的比较少,不过也可以,要根据自己模板来定
顶: 0踩: 0 回复
12楼卢松松  2010-04-22 16:39:28
看了你博客,有两点问题。
1:为什么要加链接提示。你看看那些大站从来不加,至少我不喜欢。
2:为什么不给每个段落 空两个字符,容易阅读嘛,看看我此篇博文
顶: 0踩: 0 回复
13楼闪闪的星  2010-05-01 14:37:35
嗯嗯!
顶: 0踩: 0 回复
14楼卢松松  2010-04-26 16:45:21
加把劲啊
顶: 0踩: 0 回复
15楼卢松松  2010-04-26 16:47:03
http://www.gravatar.com/
在这里注册一个
顶: 0踩: 0 回复
16楼卢松松  2010-04-26 16:49:27
没错
顶: 0踩: 0 回复
17楼超能小子  2010-04-26 16:52:51
用的是国外的空间,确实很慢!谢谢松松关注..
PS:空间在淘宝买的38元/1G/年/不限流量,准备换了..
顶: 0踩: 0 回复
18楼卢松松  2010-04-26 16:50:51
你的网站打开好慢
顶: 0踩: 0 回复
19楼卢松松  2010-04-26 16:51:17
没事常来哈
顶: 0踩: 0 回复
20楼卢松松  2010-04-26 16:51:49
最近忙啥呢?
顶: 0踩: 0 回复
21楼卢松松  2010-04-26 16:57:27
没错
顶: 0踩: 0 回复
22楼卢松松  2010-04-26 17:02:26
是,不能乱用,一般美化一下还是可以的
顶: 0踩: 0 回复
23楼卢松松  2010-04-26 17:03:56
是啊
顶: 0踩: 0 回复
24楼卢松松  2010-04-26 17:06:43
稀松点 更容易阅读
顶: 0踩: 0 回复
25楼卢松松  2010-04-26 17:07:01
我更新一直是这个规律的
顶: 0踩: 0 回复
26楼卢松松  2010-04-26 17:08:58
谢谢建议,两方面都有吧。
不过在我博客的博友大多数不会点的
顶: 0踩: 0 回复
27楼卢松松  2010-04-26 17:09:14
可以美化一下
顶: 0踩: 0 回复
28楼卢松松  2010-04-26 17:12:49
对 是这个问题
顶: 0踩: 0 回复
29楼卢松松  2010-04-26 17:14:34
以后多多走动哈
顶: 0踩: 0 回复
30楼卢松松  2010-04-26 17:15:24
哦耶!
顶: 0踩: 0 回复
31楼卢松松  2010-04-26 17:16:21
很水的评论
顶: 0踩: 0 回复
32楼卢松松  2010-04-26 17:16:38
那就让文字稀松点
顶: 0踩: 0 回复
33楼卢松松  2010-04-26 17:17:18
比我强
顶: 0踩: 0 回复
34楼卢松松  2010-04-26 17:18:32
用上了吗
顶: 0踩: 0 回复
35楼卢松松  2010-04-26 17:19:32
一看就知道你咩仔细看
顶: 0踩: 0 回复
36楼麦麦  2010-04-19 11:54:46
其实这不能算是技术文章,对于排版这个问题,我觉得是一种非技术性的视觉设计,也是一种用户体验设计。文章很受用,构思出优秀的排版模式之后,其次才是通过技术解决~
顶: 0踩: 0 回复
37楼卢松松  2010-04-26 17:21:48
就算做不到沙发我也能找到你
顶: 0踩: 0 回复
38楼卢松松  2010-04-26 17:22:03
以后常来哈
顶: 0踩: 0 回复
39楼卢松松  2010-04-26 17:22:17
好久不见
顶: 0踩: 0 回复
40楼卢松松  2010-04-26 17:23:42

顶: 0踩: 0 回复
41楼卢松松  2010-04-26 17:24:28
过奖了
顶: 0踩: 0 回复
42楼卢松松  2010-05-18 18:35:18
是的哈
顶: 0踩: 0 回复
43楼www.41de.com  2010-04-19 11:10:30
被你抢了··
顶: 0踩: 0 回复
44楼豆诺博客  2011-11-30 00:46:54
这样排版,效果确实不错的。
顶: 0踩: 0 回复
45楼余博医院网络营销  2011-07-13 13:45:48
这个很有用,学习了!
顶: 0踩: 0 回复
46楼Pavel  2011-05-15 18:40:51
我就喜欢文章的字体大一些,间距大一些,那样看起来比较清爽
顶: 0踩: 0 回复
47楼网上赚钱方法  2011-05-11 17:03:00
支持松哥!!!!
顶: 0踩: 0 回复
48楼网上赚钱方法  2011-05-11 17:02:24
支持松哥!!!!
顶: 0踩: 0 回复
49楼静脉曲张袜什么牌子好  2011-05-10 13:13:45
排版可以吸引住用户啊
顶: 0踩: 0 回复
50楼丰胸产品哪个好  2011-04-16 21:06:22
都还不错的啦
顶: 0踩: 0 回复
51楼性感美女  2011-04-08 11:26:40
排版很重要,但也没有认真对待,有点懒,真正搞网站的就要认真对待了,呵呵
顶: 0踩: 0 回复
52楼宜昌房产网  2011-03-20 13:08:55
不错 写的好。。。
顶: 0踩: 0 回复
53楼6366电影网址导航  2011-02-26 02:11:02
看了这篇文章,我感觉自己的博客安排的太难看了
顶: 0踩: 0 回复
54楼淘客吧  2010-12-23 17:50:31
支持啦
顶: 0踩: 0 回复
55楼宁夏网站建设  2010-12-20 23:58:11
淘宝的UED这方面做得不错.
顶: 0踩: 0 回复
56楼博客之家  2010-12-03 07:06:42
学习了,这个需要注意啊
顶: 0踩: 0 回复
57楼Troph  2010-11-12 23:07:42
最后一句很经典,受教了
顶: 0踩: 0 回复
58楼cadtime  2010-11-06 09:35:56
找了好久的文章,在你这里找到了,谢啦
顶: 0踩: 0 回复
59楼ixwebhosting中文  2010-10-19 11:28:06
文章排版写的很好,最主要是写出的东西可以减少用户思考,让人一目了然。
顶: 0踩: 0 回复
60楼长沙网络推广  2010-09-08 22:30:49
我的博客是ZBLOG的,感觉默认的字体不是很好看,也可能是我用的那个主题的缘故。我觉得松哥的字体和引用内容的样式都挺好看的,我那模板引用文字的话是直线下来的,很不好看。
顶: 0踩: 0 回复
61楼睡眠不好怎么办  2010-09-03 18:06:05
的确 这段代码很实用
顶: 0踩: 0 回复
62楼减肥药排行榜  2010-09-01 18:09:17
每次都这么后面,汗
顶: 0踩: 0 回复
63楼华东SEO  2010-08-14 22:34:11
我现在最最需要的就是提高用户体验度,增加文章对用户的粘度
顶: 0踩: 0 回复
64楼宋夏  2010-08-11 00:02:36
我喜欢这个文章 mark
顶: 0踩: 0 回复
65楼surda  2010-08-10 13:52:15
文章的阅感直接关系到我愿不愿继续往下读。就像一盘非常美味的菜肴,如果外表看上去不爽,我连吃的想法都没有了。
顶: 0踩: 0 回复
66楼dudo  2010-08-10 09:03:20
最近一直在纠结于这个问题……没有很好的样式思路,像可能吧这样的样式也不是很完美,层次多了看着很乱,而且会加上各种颜色,不好看
顶: 0踩: 0 回复
67楼desperado  2010-06-10 14:34:07
都不知道讲的什么,下面一些人就叽叽喳喳,买本CSS看看吧
顶: 0踩: 0 回复
67楼卢松松  2010-06-10 14:43:12
是因为你没仔细看吧
顶: 0踩: 0 回复
68楼玖八壹  2010-05-25 19:59:39
排版是一门学问啊,好的排版让人神清气爽!
顶: 0踩: 0 回复
69楼biao166  2010-05-18 00:13:35
试着改了下自己的,好像好了那么一点点,哈哈
顶: 0踩: 0 回复
70楼西贝  2010-05-17 21:17:28
现在发言都难了~

顶: 0踩: 0 回复
71楼网络新鲜事  2010-05-11 14:42:18
在排与不排之间徘徊
顶: 0踩: 0 回复
72楼sz4e  2010-05-11 09:02:24
有道理,说的太好了 现在我终于知道你的博客有这么多人来看了
顶: 0踩: 0 回复
73楼winw  2010-05-09 19:19:13
嗯,这个很有用,我也要改一下
顶: 0踩: 0 回复
74楼推看网  2010-05-08 16:56:21
讨论得很热烈啊,博主真受欢迎!
顶: 0踩: 0 回复
75楼seo  2010-05-06 16:05:44
下次,在我的博客也照這樣的方式來排版好了!不錯吖!
顶: 0踩: 0 回复
75楼卢松松  2010-07-25 20:46:49
以后常来啊
顶: 0踩: 0 回复
76楼无处非中  2010-05-04 17:54:42
在编辑区回车总是会空一行再分段,用</BR>解决了。
顶: 0踩: 0 回复
77楼庸水禅  2010-05-03 13:41:17
不错了,文章排行确实很重要~~
我看着各大门户型网站的排版格式就非常好~~
顺便提一下,老卢我看的这个页面的右侧掉下去了,在ie6下,~~~修改一下吧~~
顶: 0踩: 0 回复
78楼闪闪的星  2010-05-01 14:36:34
学习了松松的方法!
顶: 0踩: 0 回复
79楼袭人瘦腿居  2010-04-27 14:40:01
不错哦, 说到底,还是用户体验第一,文章质量第二, 这个对SEO真的很重要!
看看我的做的如何,绝对让用户不会有不舒服的感觉
顶: 0踩: 0 回复
80楼金祖怀  2010-04-26 20:18:48
学习一点CSS基础就好了,很实用的!
顶: 0踩: 0 回复
81楼xiao3  2010-04-25 19:31:11
恩~说的很好!很到位!
顶: 0踩: 0 回复
82楼neoear  2010-04-25 10:37:36
这文章实用啊~虽然我自己排版不错了,但还要再学习一下,嘎嘎~
顶: 0踩: 0 回复
83楼车主名录  2010-04-23 18:26:11
支持一下
顶: 0踩: 0 回复
84楼乱云  2010-04-23 18:17:12
这篇东西我需要mark一下,很实用。
顶: 0踩: 0 回复
85楼集趣  2010-04-23 12:20:10
发现很多博客,文字的间距都没有调整
顶: 0踩: 0 回复
86楼南京SEO  2010-04-23 09:42:15
恩,先关注一下
顶: 0踩: 0 回复
87楼繁花似锦  2010-04-23 07:21:01
学习了
顶: 0踩: 0 回复
88楼自由人  2010-04-23 01:59:37
很有道理。。。
顶: 0踩: 0 回复
89楼海天无影  2010-04-22 21:27:51
我就是想问松松
以你的眼光 我应该用多大的字体呢?
顶: 0踩: 0 回复
90楼胡余丰  2010-04-22 21:16:01
松松的博客
昨天一直都打不开
顶: 0踩: 0 回复
91楼杭州股票开户  2010-04-22 20:26:42
新手看不太懂哦
排版好像有点麻烦 费时间不过效果肯定很好!
顶: 0踩: 0 回复
92楼海天无影  2010-04-22 17:09:03
谢谢松松
松松 我在我BLOG上回的你的留言
你收到邮件吗?
我的msn邮箱把我的邮件认为垃圾邮件,所以我怕你的邮箱也把我的邮件认为垃圾邮件,所以来问下。
你再帮我看看哦
还有我说的字体 你觉得还大啊?还是原作者用13号字体好呢?
顶: 0踩: 0 回复
92楼卢松松  2010-04-22 17:26:32
我觉得通常网站用的都是12px或14px
用13的比较少,不过也可以,要根据自己模板来定
顶: 0踩: 0 回复
93楼海天无影  2010-04-22 15:11:02
松松啊
帮我去看看我的BLOG的显示有什么改进呢
我一直觉得你说的很有道理
记得你有次说过文章字体大小最好14px的
但我觉得现在的是不是有点大呢
你帮我去看看啊
顶: 0踩: 0 回复
93楼卢松松  2010-04-22 16:39:28
看了你博客,有两点问题。
1:为什么要加链接提示。你看看那些大站从来不加,至少我不喜欢。
2:为什么不给每个段落 空两个字符,容易阅读嘛,看看我此篇博文
顶: 0踩: 0 回复
94楼十堰SEO  2010-04-22 12:48:35
我用了一个小工具,叫一键排版。效果也还不错!
顶: 0踩: 0 回复
95楼敏敏知音  2010-04-22 09:52:18
学习了,改变一下效果就是好!
顶: 0踩: 0 回复
96楼HOMER  2010-04-21 22:30:32
啊 又长了好多知识了。。。果然细节是很重要。。
顶: 0踩: 0 回复
97楼ucgm8  2010-04-21 18:16:29
松松越来越深了........
顶: 0踩: 0 回复
98楼虫虫博客  2010-04-21 15:26:38
对排版不是很在行...
顶: 0踩: 0 回复
99楼vastar  2010-04-21 09:43:34
学习了。将自己的博客字体调整了下。
顶: 0踩: 0 回复
100楼太阳博客  2010-04-21 06:42:26
博客排版也是一门艺术啊。
顶: 0踩: 0 回复
101楼百创工作室  2010-04-21 01:51:05
再来回访
顶: 0踩: 0 回复
102楼一剑  2010-04-21 00:25:21
你博客文字的大小和字间距就很合适。
顶: 0踩: 0 回复
103楼90后的贼  2010-04-20 23:54:24
这个还是很正要的,我的博客现在太乱了
顶: 0踩: 0 回复
104楼aisinvon  2010-04-20 22:04:30
嗯,排版不仅会让文章看着漂亮也会让读者读起来更轻松
顶: 0踩: 0 回复
105楼刘晓林  2010-04-20 21:31:52
前面我换模板的时候就就一直觉得不顺眼,后来找到了,是因为字间距太短
顶: 0踩: 0 回复
106楼沉睡海洋  2010-04-20 20:07:52
Don't make me think
顶: 0踩: 0 回复
107楼赢在网络  2010-04-20 19:45:10
南京电信还是无法访问卢松松的博客,而网通可以。
顶: 0踩: 0 回复
108楼三姿女人坊  2010-04-20 19:30:23
松哥 真的很牛!
顶: 0踩: 0 回复
109楼友情链接  2010-04-20 17:36:18
卢松松的总结很是强
顶: 0踩: 0 回复
110楼寻宝  2010-04-20 17:25:27
排版后耳目一新
顶: 0踩: 0 回复
111楼程控交换机  2010-04-20 16:42:48
写东西的时候排版还是很重要的,这样让人觉得清晰,而且看得不厌烦。这样很好哦~~~~~~~~~~~~~
顶: 0踩: 0 回复
112楼hegelen  2010-04-20 15:44:47
虽然没怎么感觉,还是回复下
排版不错啊 !
顶: 0踩: 0 回复
113楼柳絮轻飞  2010-04-20 14:54:20
排版好了确实很舒服,每次修改模板,最重视的就是正文区的文字排版,这块用CSS写好,编辑文章的时候就可以很少的考虑字体、行距什么的。
BTW:每次都在评论过去100的时候来到松松博客。
顶: 0踩: 0 回复
114楼龙崽  2010-04-20 14:26:50
每次松哥的文章我都看~~
顶: 0踩: 0 回复
115楼王玉明  2010-04-20 14:13:09
哎 我的排版需要很大的努力
顶: 0踩: 0 回复
116楼goldapple  2010-04-20 13:48:44
哈哈,偷师了
顶: 0踩: 0 回复
117楼huangjun  2010-04-20 13:05:01
卢老师上课啦!大家坐好,不要说话~
顶: 0踩: 0 回复
118楼白癜风  2010-04-20 12:53:07
不错。有益处。
顶: 0踩: 0 回复
119楼cyusyu  2010-04-20 12:36:37
值得学习,下次发表日志的时候好好排版一下
顶: 0踩: 0 回复
120楼易凡  2010-04-20 12:20:15
不错!我喜欢!
顶: 0踩: 0 回复
121楼爱.一起.你  2010-04-20 11:53:49
想让别人记住常来,好的内容固原重要,但是排版美观度是让人看得下去的第一前提!
顶: 0踩: 0 回复
122楼风也飘泊  2010-04-20 11:29:52
排版当然很重要。。。每次做网站时,总要在文章排版上纠结很久
顶: 0踩: 0 回复
123楼yiboo  2010-04-20 11:17:07
卢松松一定在做威客吧,
顶: 0踩: 0 回复
124楼SuperRadio  2010-04-20 11:00:40
我一直是追求美观的,呵呵。
顶: 0踩: 0 回复
125楼西贝  2010-04-20 10:24:00
慢慢看~慢慢学~

顶: 0踩: 0 回复
126楼太阳博客  2010-04-20 10:01:51
细节决定成败,松松定会有成就滴。
顶: 0踩: 0 回复
127楼世纪之光  2010-04-20 09:13:51
排版问题追求起来可能也是没完没了的,但个人觉得13号字体便于长时间阅读,行距为1.7em最容易让人接受。
关键词句加粗,让读者对主题一目了然,这是你老卢一贯的作风,我也曾经学了一阵子,但发现学不上来,所以就慢慢放弃了,一般就是将段主题放在段的第一句,不做加粗了。
顶: 0踩: 0 回复
128楼loker  2010-04-20 08:57:01
很实际很有用的东东,偶想问下行间距怎样设置才是最优的
顶: 0踩: 0 回复
129楼deebuu  2010-04-20 00:38:33
又学到东西了。
顶: 0踩: 0 回复
130楼北屯人  2010-04-20 00:07:58
我的很到位,不信你看
顶: 0踩: 0 回复
131楼619  2010-04-20 00:07:32
求卢松松检查一下我的排版工作
顶: 0踩: 0 回复
132楼大脚  2010-04-19 23:06:00
不错,我不知道这是不是所谓的用户体验?
顶: 0踩: 0 回复
133楼阿东  2010-04-19 22:50:22
每次看松松的博文都层次分明。。
顶: 0踩: 0 回复
134楼昵称  2010-04-19 22:27:03
不错,每次来看都可以学到些东西
顶: 0踩: 0 回复
135楼左岸读书  2010-04-19 22:20:30
这是我的弱项,好好学!
顶: 0踩: 0 回复
136楼混乱羽翼  2010-04-19 22:06:26
可能吧如此犀利的排版,还是给和谐掉了~~~
顶: 0踩: 0 回复
137楼征途推广tg0891  2010-04-19 21:55:33
写的很好支持
顶: 0踩: 0 回复
138楼剑贰十三  2010-04-19 21:51:19
看来卢松松是真正研究用户的体验了
顶: 0踩: 0 回复
139楼剑贰十三  2010-04-19 21:50:47
看来卢松松是真正研究用户的体验了
顶: 0踩: 0 回复
140楼集思  2010-04-19 21:50:30
卢松松这篇文章赶得真是时候,我正想给我博客的内容页做改革,及时雨啊。
顶: 0踩: 0 回复
141楼zwwooooo  2010-04-19 21:41:58
排版很重要,但也没有认真对待,有点懒,真正搞网站的就要认真对待了,呵呵
顶: 0踩: 0 回复
142楼路大侠  2010-04-19 21:33:36
排版 对用户体验还是蛮重要的
顶: 0踩: 0 回复
142楼闪闪的星  2010-05-01 14:37:35
嗯嗯!
顶: 0踩: 0 回复
143楼发现者  2010-04-19 21:25:12
写得真好,从这儿学到了不少,也用到了自已的博客上.的确,我的站在文章内容排版方面还真的不好,在工作中也一样,都是按照自已的想法来排,看了这篇文章后,真的受益非浅!发现者期待您的建议,谢谢!
顶: 0踩: 0 回复
144楼巴哥  2010-04-19 20:40:31
早上打开松松的博客是 宕机
现在奇迹般的打开了....
顶: 0踩: 0 回复
145楼81度  2010-04-19 20:23:16
我推荐一个好用的工具“排版助手”!很好用!
顶: 0踩: 0 回复
146楼相信健康的力量  2010-04-19 20:20:15
看到不太舒服的文章排版,我就兴趣立马减少80%,密密麻麻,没有美感可言,用户体验都没考虑,谁还会继续看呐
顶: 0踩: 0 回复
147楼maomao  2010-04-19 20:18:21
排版很重要,能直接影响浏览者在您网站的浏览时间~
顶: 0踩: 0 回复
148楼uboomla  2010-04-19 19:48:17
看到标题,我就想到可能吧了。
往下看,卢松松也讲可能吧了。
经常说细节决定成败。以后我也得多多注意排版了。
文章的排版的好坏能体现作者的用心多少。
顶: 0踩: 0 回复
149楼非博  2010-04-19 19:31:30
呵呵,我每次排版比较随意。
顶: 0踩: 0 回复
150楼平平  2010-04-19 19:26:16
其实 我的方法是 字少点 呵呵
顶: 0踩: 0 回复
151楼yiboo  2010-04-19 19:24:42
看来卢松松也是,把用户的心思摸得很透彻的哦
顶: 0踩: 0 回复
152楼yiboo  2010-04-19 19:22:56
可能吧的设计,的确是相当成功的!不论字体大小、还是风格整体的配色,作为阅读者,我都感到很赏心悦目,以至于有耐心把文章阅读完。呵呵,当然,他的文章内容本来就吸引人[F]Haha[/F]
顶: 0踩: 0 回复
153楼朵未  2010-04-19 19:22:50
松松大哥关注细节,学习了,提供良好的用户体验确实很重要。
顶: 0踩: 0 回复
154楼发哥  2010-04-19 19:18:12
我都很少注意这点,文章写完了直接发表,也不太关注版式
顶: 0踩: 0 回复
155楼yiboo  2010-04-19 19:15:54
做个标记,以后用得着
顶: 0踩: 0 回复
156楼DDBug  2010-04-19 19:01:16
控制好缩进和行距是最基本的。
顶: 0踩: 0 回复
157楼猴子  2010-04-19 17:58:30
这方面我确实一直做的很差劲,需要改进一下。
顶: 0踩: 0 回复
157楼卢松松  2010-04-26 16:45:21
加把劲啊
顶: 0踩: 0 回复
158楼摩尔博客  2010-04-19 17:38:45
学习一下,用户体验还是很重要的
顶: 0踩: 0 回复
159楼永州企业库  2010-04-19 17:27:57
要滑了这么久才到底。真的太佩服你了
有个小问题想请教一下,为什么他们的评论有头像?头像哪里设置?[F]Nothing_to_say[/F]
顶: 0踩: 0 回复
159楼卢松松  2010-04-26 16:47:03
http://www.gravatar.com/
在这里注册一个
顶: 0踩: 0 回复
160楼Firm  2010-04-19 17:21:55
让俺想起了可能吧被河蟹的日子
顶: 0踩: 0 回复
161楼博百优  2010-04-19 17:19:55
分析的很好,排版很乱的话就没人愿意再看下去了
顶: 0踩: 0 回复
161楼卢松松  2010-04-26 16:49:27
没错
顶: 0踩: 0 回复
162楼超能小子  2010-04-19 17:19:02
在这一点上,我很注重.
顶: 0踩: 0 回复
162楼超能小子  2010-04-26 16:52:51
用的是国外的空间,确实很慢!谢谢松松关注..
PS:空间在淘宝买的38元/1G/年/不限流量,准备换了..
顶: 0踩: 0 回复
162楼卢松松  2010-04-26 16:50:51
你的网站打开好慢
顶: 0踩: 0 回复
163楼门禁  2010-04-19 17:13:39
总在关注你的博客,最近忙好久不来了!每次看到你这里的人气都特别的旺盛!!
顶: 0踩: 0 回复
163楼卢松松  2010-04-26 16:51:17
没事常来哈
顶: 0踩: 0 回复
164楼虫儿  2010-04-19 16:46:11
不错。有益处。
顶: 0踩: 0 回复
165楼licream  2010-04-19 15:39:45
太久没来了.真的很抱歉 ....
顶: 0踩: 0 回复
165楼卢松松  2010-04-26 16:51:49
最近忙啥呢?
顶: 0踩: 0 回复
166楼疾风  2010-04-19 15:37:11
排版整理才有下眼看的勇气,密密麻麻的看着都害怕~
顶: 0踩: 0 回复
167楼念念不忘  2010-04-19 15:02:21
先占成楼再慢慢看。
顶: 0踩: 0 回复
168楼huangyuling  2010-04-19 15:01:46
看了这篇文章后,给我的css增加了一行代码,呵呵,实用
顶: 0踩: 0 回复
169楼兰桂子  2010-04-19 14:42:52
收益颇多,版面即网站的脸面,要能勾起浏览者看下去的欲望。
顶: 0踩: 0 回复
169楼卢松松  2010-04-26 16:57:27
没错
顶: 0踩: 0 回复
170楼扯远了  2010-04-19 14:25:06
对啊,阅读体验很重要。
顶: 0踩: 0 回复
171楼ikeeptrying  2010-04-19 14:10:07
我追求的是风格的简洁~
顶: 0踩: 0 回复
172楼萧山seo  2010-04-19 13:41:42
学习 学习
顶: 0踩: 0 回复
173楼于泽鹏  2010-04-19 13:38:45
我一般就是红字,凸显!
顶: 0踩: 0 回复
174楼野草博客  2010-04-19 13:38:10
不错,感谢分享。
野草有点收获:)
顶: 0踩: 0 回复
175楼AnQ  2010-04-19 13:31:49
是需要注意这方面的东西,不论是加粗,还是段首的缩进,可以很方便的让用户理解和休息
顶: 0踩: 0 回复
176楼砼砼  2010-04-19 13:13:12
很有启发,但是个人觉得标签不能为了格式乱用,首先要保证他基本定义的正确使用,比如
blockquote标签,主要用于引用文字,而不是正文~
同样的效果,在保证基本定义正确使用的情况下,完全可以用class熟悉实现~
个人看法~
顶: 0踩: 0 回复
176楼卢松松  2010-04-26 17:02:26
是,不能乱用,一般美化一下还是可以的
顶: 0踩: 0 回复
177楼敏锐的眼睛  2010-04-19 13:11:38
用户体验将是密不可分的~
顶: 0踩: 0 回复
177楼卢松松  2010-04-26 17:03:56
是啊
顶: 0踩: 0 回复
178楼IP985编程开发  2010-04-19 13:07:36
确实 排版样式太重要了
顶: 0踩: 0 回复
179楼张林强博客  2010-04-19 13:06:02
学习了
顶: 0踩: 0 回复
180楼蛋挞  2010-04-19 12:59:59
原来是这个问题,怪不得我觉得我的文章有点密集,文字太拥挤。学习了
顶: 0踩: 0 回复
180楼卢松松  2010-04-26 17:06:43
稀松点 更容易阅读
顶: 0踩: 0 回复
181楼洋葱画报  2010-04-19 12:50:12
松松最近,高产不少。
顶: 0踩: 0 回复
181楼卢松松  2010-04-26 17:07:01
我更新一直是这个规律的
顶: 0踩: 0 回复
182楼站长博客  2010-04-19 12:49:57
真的学学文章模板.
顶: 0踩: 0 回复
183楼西安SEO  2010-04-19 12:49:39
松哥,你的站上的AdSense是为了装饰好看还是为了获得一点收入呢?如果是后者,建议你把广告形式换成文字,文字的比图片单价高,而且现在排第一的大部分是GG自己的广告,谁会点 哈哈~
顶: 0踩: 0 回复
183楼卢松松  2010-04-26 17:08:58
谢谢建议,两方面都有吧。
不过在我博客的博友大多数不会点的
顶: 0踩: 0 回复
184楼weiking  2010-04-19 12:44:23
那个引用样式,没太注意过,经松松这么一说,完全有必要试试。
顶: 0踩: 0 回复
184楼卢松松  2010-04-26 17:09:14
可以美化一下
顶: 0踩: 0 回复
185楼志言  2010-04-19 12:25:36
这方面,对于文字居多的博客确实要好好把握
顶: 0踩: 0 回复
186楼RayChow  2010-04-19 12:18:53
可能吧排版很不错~
你的首行缩进有点点问题就是代码的首行也缩进了
顶: 0踩: 0 回复
186楼卢松松  2010-04-26 17:12:49
对 是这个问题
顶: 0踩: 0 回复
187楼WordPress啦  2010-04-19 12:14:22
每次来看都有这么多人,松哥,你人气真是很好哦!
顶: 0踩: 0 回复
187楼卢松松  2010-04-26 17:14:34
以后多多走动哈
顶: 0踩: 0 回复
188楼博客赚钱  2010-04-19 12:09:10
一切为了用户体验,哦耶!
顶: 0踩: 0 回复
188楼卢松松  2010-04-26 17:15:24
哦耶!
顶: 0踩: 0 回复
189楼脱发自救网  2010-04-19 12:05:40
先占座再研究
顶: 0踩: 0 回复
189楼卢松松  2010-04-26 17:16:21
很水的评论
顶: 0踩: 0 回复
190楼fountain  2010-04-19 12:02:46
我排版能力很差
顶: 0踩: 0 回复
190楼卢松松  2010-04-26 17:16:38
那就让文字稀松点
顶: 0踩: 0 回复
191楼北街  2010-04-19 12:00:18
我一直很关注用户体验~
起码要我自己看着舒服~呵呵

顶: 0踩: 0 回复
192楼万戈  2010-04-19 11:56:02
松松看我的排版如何呀?
顶: 0踩: 0 回复
192楼卢松松  2010-04-26 17:17:18
比我强
顶: 0踩: 0 回复
193楼悠远的驼铃  2010-04-19 11:54:55
这个实用哦,改到我的上面去。
顶: 0踩: 0 回复
193楼卢松松  2010-04-26 17:18:32
用上了吗
顶: 0踩: 0 回复
194楼林西老九  2010-04-19 11:53:37
这篇文章真的不错,以后我也注意一下了
顶: 0踩: 0 回复
195楼跟富爸爸说再见  2010-04-19 11:53:17
细心![F]Haha[/F]
顶: 0踩: 0 回复
196楼skyoy  2010-04-19 11:50:09
主题用得别人的,怎么折腾也改变不了太多了,看来还得定制一款CMS主题。
顶: 0踩: 0 回复
197楼视频志www.shipinzhi  2010-04-19 11:48:24
技术文章,不是很懂。
顶: 0踩: 0 回复
197楼卢松松  2010-04-26 17:19:32
一看就知道你咩仔细看
顶: 0踩: 0 回复
197楼麦麦  2010-04-19 11:54:46
其实这不能算是技术文章,对于排版这个问题,我觉得是一种非技术性的视觉设计,也是一种用户体验设计。文章很受用,构思出优秀的排版模式之后,其次才是通过技术解决~
顶: 0踩: 0 回复
198楼月亮实验室  2010-04-19 11:44:39
没沙发,没板凳,只有坐门槛了
顶: 0踩: 0 回复
198楼卢松松  2010-04-26 17:21:48
就算做不到沙发我也能找到你
顶: 0踩: 0 回复
199楼绿树网  2010-04-19 11:43:18
版面一定要清晰,直达受众,学习了
顶: 0踩: 0 回复
199楼卢松松  2010-04-26 17:22:03
以后常来哈
顶: 0踩: 0 回复
200楼妮裳神话  2010-04-19 11:27:18
还是得多注意一下细节问题。不过我没有怎么去弄。看看
顶: 0踩: 0 回复
200楼卢松松  2010-04-26 17:22:17
好久不见
顶: 0踩: 0 回复
201楼白朗  2010-04-19 11:22:01
有道理!
顶: 0踩: 0 回复
202楼要饭的  2010-04-19 11:21:41
我是怎么好看怎么弄
顶: 0踩: 0 回复
202楼卢松松  2010-04-26 17:23:42

顶: 0踩: 0 回复
203楼www.se7ens.cn  2010-04-19 11:18:24
害我一个大早准备来抢沙发的
顶: 0踩: 0 回复
204楼www.se7ens.cn  2010-04-19 11:17:59
早上松松的博客咋又挂了?
顶: 0踩: 0 回复
205楼www.se7ens.cn  2010-04-19 11:17:44
松松的文章排版一直都这么好。
顶: 0踩: 0 回复
205楼卢松松  2010-04-26 17:24:28
过奖了
顶: 0踩: 0 回复
206楼百创工作室  2010-04-19 11:11:01
视觉的重要性
顶: 0踩: 0 回复
207楼www.41de.com  2010-04-19 11:10:05
我的沙发没了···
顶: 0踩: 0 回复
208楼www.41de.com  2010-04-19 11:09:48
我在前面···哈哈···
顶: 0踩: 0 回复
209楼好心情摄影日志  2010-04-19 10:42:47
哇 !我今天 来的好早哦!
话说 这些 没有 认真的 考虑过唉!
顶: 0踩: 0 回复
210楼冷轩信  2010-04-19 10:36:06
学习了,一直没注意过这些呢
顶: 0踩: 0 回复
211楼卜卜口  2010-04-19 10:32:52
很多细节上的好建议呢!
顶: 0踩: 0 回复
212楼先看看  2010-04-19 10:19:51
总之,让用户看起来爽就对了
顶: 0踩: 0 回复
213楼扒哥  2010-04-19 10:14:39
松松果然是细心之人
每一个细节在你手中都能写篇文章出来分析
学习中ing···
顶: 0踩: 0 回复
214楼扒哥  2010-04-19 10:12:19
这么靠前啊
先占位
顶: 0踩: 0 回复
215楼蓝冰  2010-04-19 10:05:34
先看完再留言。。。竟然是沙发。。。。。。。。。。。。。。
顶: 0踩: 0 回复
216楼蓝冰  2010-04-19 10:04:42
沙发么?
顶: 0踩: 0 回复
216楼卢松松  2010-05-18 18:35:18
是的哈
顶: 0踩: 0 回复
216楼www.41de.com  2010-04-19 11:10:30
被你抢了··
顶: 0踩: 0 回复