Smashing Magazine did a design study of popular blogs that contains just this kind of information. The information you're looking for is located in section 2.2 quoted below.
2.2. How many characters per line?
To ensure best readability one needs to ensure comfortable reading. While some research results claim that an optimal line length is 52 – 68 characters per line (including punctuation marks and empty spaces), other studies show that even if the lines are getting longer it does not significantly affect usability. Since no rules of thumbs are provided, designers experiment with a variety of different line lengths.
To compute the max. number of characters per line we have used default setting of the browser as well as default typographic settings provided by the style sheets.
10% used 65-74 characters per line (PostSecret, Beppegrillo, Perez Hilton, Scobleizer, Blogoscoped)
18% used 75-84 characters per line (Dooce, Blogs.nytimes.com, Joystiq, CopyBlogger, TUAW, Slashfilm)
34% used 85-94 characters per line (Lifehacker, Huffington Post, Kottke, Ars Technica, Huffington Post, BoingBoing, Seth Godin, Treehugger, Problogger)
18% used 95-104 characters per line (Mashable, ReadWriteWeb, Smashing Magazine, Google Blog, A List Apart, Search Engine Land)
16% used over 105 characters per line (Engadget, TechCrunch, GigaOM, Wired, TMZ)
Based upon our findings we feel confident to suggest that the most usual (not necessarily most user-friendly) line length lies between 80 and 100 characters.
It is interesting to remark that not a single blog used justified text-alignment — 100% of the blogs used left text-alignment.
So the width is not really important, it's the number of characters that influence the readability.
I think you can use the 960 grid as a guide and set a max-width for your fluid layout (I set mine at 960px) because nobody would like to read text across a wide-screen monitor if the layout adapts to the width of the viewport.
So, for your question, I think you should set the width according to your overall spacing for the font (line-height and padding/margin of the contents) and make sure it blends well within the design. The line height for your font should be somewhere between 20px and 26px, while the padding/margin depends on the style of your design.
发布评论
评论(3)
Smashing 杂志对流行博客进行了一项设计研究 就包含此类信息。您要查找的信息位于下面引用的第 2.2 节中。
所以宽度并不重要,影响可读性的是字符数量。
Smashing Magazine did a design study of popular blogs that contains just this kind of information. The information you're looking for is located in section 2.2 quoted below.
So the width is not really important, it's the number of characters that influence the readability.
我认为您可以使用 960 网格作为指导,并为您的流体布局设置最大宽度(我将我的设置为 960px),因为如果布局适应屏幕的宽度,没有人愿意在宽屏显示器上阅读文本。视口。
因此,对于您的问题,我认为您应该根据字体的整体间距(行高和内容的填充/边距)设置宽度,并确保它在设计中很好地融合。字体的行高应介于 20 像素和 26 像素之间,而填充/边距取决于设计风格。
希望它有帮助:)
I think you can use the 960 grid as a guide and set a max-width for your fluid layout (I set mine at 960px) because nobody would like to read text across a wide-screen monitor if the layout adapts to the width of the viewport.
So, for your question, I think you should set the width according to your overall spacing for the font (line-height and padding/margin of the contents) and make sure it blends well within the design. The line height for your font should be somewhere between 20px and 26px, while the padding/margin depends on the style of your design.
Hope it helps :)
这取决于
设备。我想说,您应该检查分析中的平均屏幕分辨率并迎合该人群。
也就是说,如果您有一列实心文本,您可能希望通过添加
a) 更多列或
来缩短行长度
b) 图形或图片
This depends on
I would say that you should check the average screen resolution in your analytics and pander to that demographic.
That said, if you have one solid column of text, you may wish to shorten the line length by adding
a) more columns or
b) graphics or pics