网页设计攻略：如何提升界面设计的易读性？

再动听的故事，如果读者无法理解其中的意思，是永远不可能被你的故事所吸引。同样，对设计师而言，无论网页设计有多美观，如果无法保证网页的易读性，用户也绝对不会愿意再停留在你的网站。所以，今天南宁网页集团专门和大家说说，关於「如何提升界面设计的易读性?」这件事。

要完完全全明白这个问题，必须从以下几点入手：

第一点 什麽是可读性和易读性?

网页设计攻略

很多设计师都会将「可读性」和「易读性」当成是同一件事，皆因他们的概念实在太相似了。但如果再深入些研究就会发现，其实它们代表着用户在阅读时，所产生的不同感知结果：

· 可读性：强调用户理解内容的难易程度;

· 易读性：强调用户如何查看内容以及区分内容。

简单来说，可读性注重的是「用户对内容的理解」，即语言是否简单易懂?思维是否清晰?信息是否有用?结构是否合理?等问题。而易读性则注重的是「视觉设计对用户理解内容的影响」，例如：如何确保用户顺利查看内容;如何确保用户区分内容并准确识别内容等。

不过在设计师眼中，可读性的定义会更加广义，对於可读性的理解，他们会更倾向於将视觉设计对用户理解内容的影响，甚至认为，可读性就是用户区分文本的不同元素问题。而易读性则是强调如何区分特定文本中某些特殊字符和符号的问题。

第二点 影响可读性和易读性的因素有哪些?

可读性和易读性虽然从本质上存在很多不同之处，但它们的最终目的都是一致的，「让用户轻松查看并快速阅读内容」。既然这样，有哪些因素会影响APP设计和网页设计的可读性和易读性呢?

因素一：背景色

网页设计攻略

无论是纸质媒介，还是数字界面，背景色对阅读体验、区分交互元素以及识别内容都起着至关重要的作用。通常，如果背景色的配色方案不合理，会给界面带来极差的可读性，继而影响网站用户体验，导致用户无法快速理解网站内容，甚至错过一些重要信息。

所以考虑界面设计可读性前，首先要理解不同背景色，会给用户带来怎样的视觉体验和阅读感知。例如：界面文字内容多，可选用浅色背景，这会让文字显得更加大且突出;界面图片内容多，可选用深色背景，这可突出图片同时带来更为震撼的视觉效果。

* 事实上，任何配色方案都可以保证界面有足够的可读性，但至於突出的重点是什麽?如何突出?就要看具体怎样设计。

因素二：排版

网页设计攻略

排版，即文本内容的外观。说到排版，就不得不提「字体」。字体的属性不仅会直接影响用户阅读的速度和体验，还会影响到识别的速度。此外，对齐、字间距、行间距、行长以及留白等，都是影响排版易读性的因素。

如果设计师没有注重以上的细节，界面设计会显得非常凌乱，内容体验也会变得难以阅读。也因此，不少设计师在排版时，经常吐槽要做到美观和功能的统一，真的是比想像中要难很多。

因素三：视觉层次

网页设计攻略

在设计环节中，营造视觉层次是每个设计师都必须精通的一种技能，能帮助设计师合理组织和布局UI元素，以便用户可根据对象的物理差异来强调颜色。

此外，视觉层次还能帮助用户快速确认这个内容是否他们想要，如果用户确定内容就是他们想看的，便会产生继续阅读的冲动，并在用户脑海中形成记忆的视觉元素。相反，如果网站的视觉层次不明显，内容过於冗长，会对用户造成较大的心理负担，因为他们无法确定需要多长时间阅读文章，文章内容是否值得他们花费时间和精力去阅读。

因素四：负空间(留白)

网页设计攻略

负空间，即留白，指页面中的空白区域。留白不仅出现在某元素的周围，也可出现在元素之间甚至元素内部。元素就像页面的气口，能给页面增加呼吸感。

留白的作用不只是用於页面排版，还应用界面布局中文字和非文字之间的连接。留白的大小和数量，能帮助设计师确认文字和图片的布局是否正确，比例是否合理，关系是否连贯。

因素五：文案

网页设计攻略

文案，即界面中出现的文本内容。文本内容是否清晰、简洁、流畅、有用会直接影响用户对网站的看法。记住，文本内容是给「人」看的，所以打造一种与人交流的氛围是网站设计的制胜之道。

无论是网页、着陆页，亦或是邮件，把文案塑造成与用户对话，减少使用过度夸张的描述，使用简单易懂的语言，能解答用户对网站的疑问，提高用户浏览网站的兴趣。

第三点 如何提升设计的可读性?

网页设计攻略

① 文案要通俗易懂，部分术语和操作命名在同场景使用要保持一致。

② 设置个性化界面和自定义选项，给用户提供选择的机会。

③ 分屏显示不同内容，确保页面可读性，还形成页面对比，增加层次感。

④ 使用小段落，控制文字字数。

⑤ 写文案时适时添加数字。

⑥ 利用列表清晰罗列信息，组织结构。

⑦ 设置字体属性，如加粗、斜体、文字颜色等，突出文案中的最重要内容。

⑧ 适当使用对比手法能区分文本元素，帮助用户快速浏览，但要注意把握好度。

⑨ 选择字体时，要保证文字的可读性，尤其想尝试原创又精美的字体。

⑩ 适当的留白，能给用户提供缓冲和思考的时间，从而让内容更加易读。

⑪ 分段可以帮助用户轻松区分界面上的不同元素，并在统一布局中了解它们的相关联系。

⑫ 对於英语国家的人而言，使用大写来标记文本层次结构依旧是一个重要手段。

做设计久了，很多设计师都会存在「惯性思维」，而忽略用户所需。网页设计是否美观，其实对用户而言都只是其次，要让用户看明白网页才是主要。因此，站在用户的角度，从细节上满足用户的需要，会让网页更受用户的欢迎。