网页设计中重要的，可读性！

规划过程中的文字的思考并不是最终一步，而应当是第一步。

规划的可读性应当是最值得重视的疑问之一，不管涉及到任何规划项目，假如其间的文字不能被读取，那你就没必要把它放在首位。优异文本规划的规范之一即是确保其能被人了解，而可读性是了解的首要组成部分。今日我们将评论怎么规划环绕文本规划，让你的项目变得易于阅览。


啥是可读性


当谈到规划的时分，我们会经常谈到可读性这个概念，可是可读性，易读性和明晰的文本，并不是彻底相同的概念。假如读者能够认出字母，那文字就能够被认为是可读的，可是却不必定是易读的，尽管大多数规划中的文本都易于阅览和了解。

可读性是文字能够阅览的难易程度。了解是在可读性方面的一个关键要素，为的是能够快速检查 - 了解 – 回忆。可读文本能够敏捷从必定间隔进行扫描。

可读性包含文字自身要素，以及怎么便利阅者了解和了解。（有些专家主张通常书面文本用量不应当超越八年级的阅览水平，这么才干完成最大极限可读性。）

让我们看看一些更多的视觉规范，有助于添加可读性。


文字长度


想要刻画完美的可读性，文字的长度本来是个很首要的要素，可是却又常常被人疏忽。


文字的长度，特别是在大块空白的规划中很首要，太长会致使双眼疲乏，阅览艰难。太短又经常会形成为难的开裂作用，断字的运用也会形成许多的复合词，这些开裂严峻的影响了阅览的流畅性。

假如你想让你的文本体现的对比讨喜，首要文本字体应当满足大，这么才简略阅览，但也不能太大，否则会致使古怪的中止或中断阅览。                            
对于完善文字的体现方法，具体一行该有多少字，字体怎么等等疑问，有许多的规范，乃至包含一些数学公式。比方思考文本框的宽度（这种办法最适合打印的时分运用，但相同适用于别的的规划），以其一半为规范，断定最佳的字体巨细。你能够调整文字的巨细，上下方位和起始点，来达到最佳的视觉出现。

所以假如一个列宽是36p，那么文本最佳是18p。

当涉及到正文，每行的字符的最佳数目是50到60，依据永恒排版教科书之一，由埃米尔·鲁德编写的“Typographie：规划手册”。该规模能够有所依据运用类型和设备的它正在观看的样式进行拓展。对于大多数项目的安全规模，桌面设备是每行45至75个字符。用于移动设备的最佳规模是每行35至50个字符。


空间和对比度



空间和适宜的对比度是关键要素，当谈到可读性。每个字符有必要生活在自个的空间，这和文字的色彩和布景有必要有满足的不一样是能够区别的。而且每个字符不与别的文字或图画共享空间。

每个字符同线路长度，间隔也是首要的。所以每个字符之间的空间最少等于字符的尺度，大多数数字规划人员习气挑选一个最小的文字巨细的150％为空间间隔，这就能够留下满足的空间。当每一行中读取大段的文字，且线路长度过多或线之间的空间太少，都会形成了解艰难。

规划师还应当特别注意文本和别的目标之间的空间。请注意包装文本和文本跨越到别的物体的鸿沟。文本换行 - 笔直和水平 - 应最少等于用于文本之间的行距。防止使文本块触碰别的目标或元素，或跨越在图画的顶部上运转。

防止五颜六色类型或文本象征过大。

不要忘了边幅留有余地。记住要留一些空白环绕全部文本结构，发明了一个简直看不见的光环。该确保将有助于有别于别的设置文本的“噪音”，缓解了读者进入副本的冲击。

想想对比度。空间是创建对比度的一种办法;另一种是五颜六色。在苍白的布景上的黑色文本是博客和书籍中对比盛行的趋势，由于大块的内容需求从介质（纸或屏幕）锋芒毕露。当涉及到文本块的阅览，坚持简略的色彩挑选，如黑色，白色或灰色，从布景中锋芒毕露。


连字符和断字


最能影响读者视觉的东西之一即是标题基地或许三分之一处有一个无穷的连字符或许下方有个小标题。它们既能招引读者又能加剧读者了解文本，所以设置的时分千万要注意这些细节。

一些连字符是在大型副本块能够承受，但记住运用的数量不能过多。

差劲的表达和开裂的方法相同会使读者感到不和谐。尽量保持标题和副标题的简略，简略而直接，防止长段运用短语，保持遣词简练，让读者感受到阅览趣味，诱惑他们深入阅览。

当规划电子产品和网络产品项目的时分，可思考许多的空白和副标题的运用。这些空白能够使文字更直观地被承受，哪怕通过重复也不会显得那么突兀。


对其方法



不管是在文本基地，仍是偏左，或许是沿着一个文件的右侧对齐，文本的对齐适当首要，能够极大地影响可读性。通常而言，文本习气向左对齐，由于它反映了你的阅览方法 - 从左至右。你熟悉每一行开端和完毕的地方。

准确的和合理的排版道路本来很难决定。小文本块最佳右对齐，比方大的报价或艺术文本元素。对齐文本需求精确完美的断字，对齐标准和非流体的环境，这么的作用最佳，这即是为啥你在打印规划的限制最常看到它的要素。

文字居中这种对齐方法，尽管很盛行这么运用，但本来这种方法自身不适合添加可读性。它可用于具有持续性的小文本块，但有些状况就不适宜了，比方文本只要特别的几行的时分。居中的文本最艰难的是，仅凭双眼观察很难知道是从哪里开端，又是从哪里完毕的，由于两头的线条参差不齐。


可读性工具


Readability: 这个Web浏览器插件和应用程序能够翻开任何页面并将其转化为洁净阅览的视图，并答应用户搜集页面稍后阅览。

Juicy Studio Readability Test: 了解更多对于一切不一样的可读性测试和算法，以及了解各手法怎么运作，和这些手法会对你的项目发生啥样的影响。

InformationArchitects “The 100% Easy-2-Read Standard:” 这篇文章写于2006年，包含各种各样的可读性清单。尽管它首要适用于页面规划，但许多提示都发人深思，今日依然适用。


定论


总的来说，这些主张能够进步你规划的可读性或许削减影响阅览的要素，假如想让你的内容是有用的，它有必要是可读的。添加可读性规划，能够非常好的为你的读者或许用户服务。

假如有许多信息，用户不能在短时间内了解文本的话，他们会倾向于脱离。而这些读者或许说是潜在客户，你下次想招引他们就不会那么简略了。