什么是网站设计中最重要的一个环节?很多人会回答是网站的可读性,怎么样才能使你的内容更容易阅读。
读者来到你的网站是在阅读他们关心的内容,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离你的网站。
我们可以做些什么来改善网站的可读性,使那些读者留下来继续阅读我们的网站。
你可以做的 30 件事情
1 为你的链接添加下划线。读者期待看到带有下划线的链接,因此不要让他们失望。
2 为段落中的文字使用适当的行高。一种快速、简单的方法,用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。
3 在设计中明确区分你发表的内容。你发表的内容从哪里开始,到哪里结束都应该是显而易见的,其它诸如侧边栏、文章评论、文章附加信息等模块应该在视觉上有别于实际内容。
4 如果你使用Pull-quotes,要保证这部分内容明显,并处于靠近文章顶部的地方。如果用户没有很快地识别它们,那它们就没有什么用处。
5 保持简短。同样的意思,你用书面文字写出来需要50个字,但是用嘴说的话可能只需要30个字。
6 文字与背景的对比度。使用Snook's 的Color Contrast Checker检测网页的文字与背景的颜色,确保那些有视觉障碍的用户也可以正常阅读你的内容。
7 为你的文档使用结构层次。例如:文章标题——介绍——正文标题——内容——副标题——内容,这样会让你的网页更符合逻辑流程。
8 避免在中间插入广告破坏文章的完整性,这样做会打断读者的思路。
9 为以斜体和粗体显示的文字应用样式时,不要改变它们的颜色。这样做容易让读者混淆,会让他们停下来思考:这是不是一个链接?
10 使用语义标记。比如为文章的标题使用 , , 等标签来突出它们。可能你的读者当中有很多人在使用新闻聚合器阅读你的内容,诸如 这样的标签对他们而言是不会显示任何效果的。
11 在开始的文章上使用贴图。这样做的目的是为了吸引读者的注意,通常会在最顶部的文章上应用贴图。
12 避免整块的文本。没有什么能比像一面墙一样的文字更能吓跑访问者的了。
13 将文本居左对齐通常是最好的选择。我们很少能看到将文字居中或两边对齐的示例(标题除外),而将文字居右对齐我想在任何时候都不是一个最好的选择。
14 文本绕图。这主要取决于你如何将文本环绕在一个图像旁,你可以重新考虑文字的措辞,也可以调整图像的大小。
15 文章标题和副标题必须突出。这样做的一个好处是可以让读者在第一时间了解这篇文章标题下面的内容是什么。使标题突出显示要做的工作只是使用更大的字体,为字体添加下划线、更改颜色等。
16 了解何时使用有序列表,何时使用无序列表。如果你的项目列表有一个特定的顺序,最好用数字给它们添加编号。
17 缩进列表。用以表明它们不仅仅是多个段落。
18 图像居中。如果有一些特定图片是你文章中无法划分出来的一部分(比如流程图、统计图),最好把这些图像居中显示,并在图像前后指定一条分隔线。
19 创建一个打印样式表。记住并不是所有的读者都在电脑屏幕上阅读你的文章,建立一个打印样式表保证你的文章在纸上的效果同样出色。
20 选择通用字体。在你决定使用何种字体后,最好再选择一种人人都有的通用字体。
21 添加补充内容时最好与原文章空开一些距离。
22 突出的句子使用相同的字体大小。改变字体大小,将改变该行的高度,打乱页面布局。
23 不要把正文中所有文字设置成使用全部大写。仅针对英文。
24 不要在链接上使用SnapShots 。
25 使文章内容保持一个合理的宽度。浮动布局常常会使文章的内容超出屏幕之外,使人无法阅读。
26 太多的段落总比太少的段落要好。在纸上写作时,通常每一段话有4-5个句子组成;而在网络上,每个段落有2-3句话组成是更加常见的。这样做是为了使段落呈现在一个漂亮的容易理解的小块中。
27 保持侧边栏的短小。
28 分页。如果你为一篇文章使用分页样式,要保证文章的导航是清晰且易于使用的。
29 使用淡化的颜色。为一些非关键信息使用淡化的颜色,比如发表时间、作者等。此外,淡颜色的线条不太会引起人的注意。
30 使用标签。为一些缩写词使用添加说明,并不是所有的读者都了解缩写词的含义。 的常规样式中在缩写词下面加一条虚下划线。
原文链接:
http://www.problogdesign.com/blog-usability/30-ways-to-improve-readability/
分享到:
相关推荐
以下是五个提高网站可读性的方法: 1. 排版基础:了解并应用排版原则至关重要。字距、行高、字体大小和类型都是排版的基础元素。使用常见的字体尺寸如12、14、16、18等,建立清晰的字体层次结构。同时,选择适合...
本文主要探讨了如何通过使用Java 8的新特性,如Stream API和Lambda表达式,来改善代码的可读性和执行效率。 首先,日志代码的优化是一个常见的话题。在描述中提到的例子展示了如何利用条件语句和日志级别检查来避免...
"电信设备-改善移动设备的可读性.zip"这个资料包,显然是专注于探讨这个问题,旨在提供解决方案和最佳实践。以下是针对该主题的详细知识解析: 一、移动设备可读性的关键因素 1. **字体与字号**:字体选择和字号...
一方面,汇编语言指令是用一些具有相应含义的助忆符来表达的,所以,它要比机器语言容易掌握和运用,但另一方面,它要直接使用CPU的资源,相对高级程序设计语言来说,它又显得难掌握。
《Effective C# 中文版:改善C#程序的50种方法》这本书是C#编程领域的一本经典之作,由知名软件开发专家Bill Wagner撰写。本书深入探讨了如何利用C#语言特性来编写出更高效、更易于维护的代码,为开发者提供了宝贵的...
《Effective C#:中文版 改善C#程序的50种方法》是一本深入探讨C#编程实践的书籍,作者Bill Wagner通过50个独立的条目,为程序员提供了优化C#代码、提高程序效率和可维护性的宝贵建议。这本书是C#开发者提升技能、...
最后,结合基于规则的方法和基于机器学习的方法,开发更加智能和可控的对话生成模型,达到更好的指代消解和可读性控制效果。 四、结语 ChatGPT 作为一种创新的对话生成模型,对于指代消解和可读性控制的解决具有...
- 重命名(Rename):给变量、方法、类等赋予更有意义的名称,提高代码的可读性。 - 分解条件表达式(Decompose Conditional):将复杂的条件逻辑拆分成更小的部分。 - 封装字段(Encapsulate Field):将字段的访问...
《More Effective C++》是C++编程领域的一本经典书籍,由Scott Meyers撰写,它提供了35个改进编程和设计的有效方法。这本书旨在帮助程序员更深入地理解C++语言,提升代码的质量和效率。以下是对书中部分知识点的详细...
为了应对这一挑战,《重构改善既有代码的设计》第2版提供了一套系统的方法论,以指导开发者通过重构来持续提升代码质量。 首先,书中给出了重构的定义和重要性。重构是一种特殊的代码修改技术,它不会改变程序的...
这些方法不仅为程序员提供了一种技术手段来提高代码质量,还从更高的层次上改善了软件的设计。例如,重构可以帮助我们重新组织代码,使其更加符合设计模式和原则,从而增强代码的可复用性和解耦。 重构过程中,...
标准化的提案格式是丰田改善提案的一大特色,它确保了提案的可读性和执行性,避免了仅仅追求经济利益而忽视全面改进和发展的问题。格式标准化使得提案的评审、讨论、实施和跟踪变得更加高效和有序,极大地提高了改善...
这里我们以“学习Windows程序设计到color2例子”为例,探讨如何提高代码可读性,并通过重新编写代码来改善原有问题。 首先,我们要理解Windows程序设计的基本概念。Windows API(应用程序接口)是微软提供的一个...
《重构:改善既有代码设计》是一本由Martin Fowler所著的经典IT著作,它详细阐述了在软件开发过程中如何通过重构来提升代码质量、可读性和维护性。重构是一种系统性的方法,旨在不改变软件外在行为的前提下,改进其...
重构是软件开发领域中的一项重要技术,它主要是通过改变软件系统的内部结构,而不影响软件系统的外部行为,来改善系统的可读性、可维护性以及扩展性。重构的过程通常不涉及对功能的增加,而是对既有代码的改进。 ...
- **目的**:提高代码的可读性、可维护性和可扩展性,使代码更易于理解和修改。 - **适用范围**:适用于所有面向对象的编程语言,特别是那些支持动态类型的语言。 2. **重构技巧** - **技巧分类**:书中提供了...
在C++编程中,优化和改善程序的效率与可维护...以上就是C++程序改善的一些关键方法,通过学习和应用这些技巧,开发者可以编写出更高效、更易于维护的代码。记住,好的编程习惯和深入理解语言特性是提升代码质量的基础。
通过一系列精心设计的小型重构操作,如提取方法、提取类、引入参数对象等,可以逐步改善代码的可读性和可维护性。这些重构技术不仅适用于Java、C++等面向对象语言,也适用于Python、JavaScript等其他编程语言。 1. ...
- IDE集成:许多现代IDE如Eclipse、IntelliJ IDEA和Visual Studio等都内置了重构支持,提供诸如提取方法、内联变量、重命名等操作。 - 静态代码分析工具:例如SonarQube,可帮助识别代码中的坏味道,并提供重构...