前言
本文的写作目的主要有两点，其一，探究在设计中，影响Web和App界面可读性和易读性的因素有哪些；其二，提出相应的解决办法，即如何提升界面设计的可读性。
再动人心魄的故事，如果无法以清晰易懂的方式讲给读者，读者永远也不可能被你的故事吸引。同样地，对设计师而言，无论你的设计多么用心，如果可读性无法保障，用户也绝对不会有非常愉快的用户体验。今天我们就来专门说说这个事儿-——如何提升界面设计的可读性。
要完完全全弄懂这个问题，以下这些问题都是必要的：
- 可读性和易读性究竟是什么？
- 为什么要重视设计中的可读性和易读性问题？
- 影响Web和App界面可读性和易读性的因素有哪些？
- 如何提升界面设计的可读性？
倘若看到此文的你，还在纠结是不是要花费大量时间弄懂设计的可读性问题，那么我可以肯定的告诉你：这是必须的。原因很简单，如果用户连你页面上的内容都看不清楚，他们还愿意欣赏你的设计么？还会认真了解你的产品么？答案显而易见，用户绝对不会。
那么不废话了，正式开始吧~
第一部分 什么是可读性和易读性？（这里主要针对数字内容）
可读性和易读性这两个概念非常相似，以至于很多设计师把他们混作一谈，但这两者本质上是不尽相同的。用户在阅读某一内容时，会产生不同的感知，根据感知结果的不同，可以细分成可读性和易读性——
可读性：内容的可读性强调的是用户理解某一内容的难易程度。
可以这么说，可读性关注的问题更加深入，它涉及到了用户对文本内容的理解问题，而不是仅仅停留在用户查看内容和识别内容的层面上。基于此，要解决内容的可读性问题，就要思考更多，诸如，语言是否简单易懂？思维是否清晰？信息是否有用？结构是否合理？
易读性：内容的易读性强调的是用户如何查看内容以及如何区分内容。
从这个角度来看，设计师需要解决的问题有两点：第一，确保用户可以顺利查看内容；第二，确保用户可以区分内容并准确识别内容，比如识别字符、单词、句子，以及数字等等。基于此，我们可以这么认为，易读性主要解决内容视觉呈现的相关问题，使内容变得容易“读”，并让用户快速了解页面上的信息。
在当今的设计师眼中，这两个术语的定义又略有变化，设计师们普遍认为，可读性的定义更加广义，在思考可读性问题的时候，他们也更倾向于将视觉呈现和内容本身相结合。他们甚至认为，可读性问题就是用户如何区分文本的不同元素的问题，而易读性则强调如何区分特定文本中的某些特定字符和符号的问题。
但其实无论你如何理解这些术语，归根结底始终是一个事儿：用户如何轻松查看并快速阅读你的内容。
第二部分 影响Web和App界面设计中可读性和易读性的因素有哪些？
很多因素都会影响内容的可读性和易读性，这里主要集中和设计过程直接相关的要点来探讨。
背景色
和书本、报纸等纸质媒介一样，在数字界面中，背景色对阅读体验、区分交互元素以及识别内容有着至关重要的作用。我们都知道，在不同的背景下看同一个物体，会有不同的视觉体验。类似地，相同的文字内容，在白色或浅色背景上显示为黑色时，字体看起来会比在深色背景上的显示为白色时大很多。
之所以有这种差异，原因在于配色。错误的配色方案极可能会带来糟糕的可读性，进而导致失败的用户体验，致使用户无法快速浏览数据、文字，或者其他任何内容。一旦内容本身不可读了，即使数据之间具备相关性，用户也会产生紧张情绪，不仅无法理解内容，甚至还会错过一些重要信息。
如果设计师有研究过不同背景色，并且理解了不同的背景色会带来不同的阅读感知，并搭配了合适的字体，那么理论上讲，则任何配色方案都可以保障足够的可读性，就看具体怎么设计了。此外，不同类型的页面也要有不同的解决方案：如果是文字很多的页面，则倾向于使用浅色背景，并可以采用多种配色方案；如果页面上图片很多，则常常采用深色背景，这样可以突出图片，带来更为震撼的视觉效果。
Travel Planner app使用了浅色背景确保每个页面都是可读的
这是一个关于饮茶的网站，专门留出了白色背景的一块，展示文案
这是一个书店网站，深色背景，使用了特定的字体和字体大小，形成对比，确保可读性
文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站
