认识达内从这里开始

我们在前几期的文章中给大家简单介绍了UI设计师在设计作品的时候需要优先考虑产品的可读性以及易读性等方面的内容，而本文我们就通过案例分析来简单了解一下，影响产品可读性与易读性的因素都有哪些。

1、背景色

和书本、报纸等纸质媒介一样，在数字界面中，背景色对阅读体验、区分交互元素以及识别内容有着至关重要的作用。我们都知道，在不同的背景下看同一个物体，会有不同的视觉体验。类似地，相同的文字内容，在白色或浅色背景上显示为黑色时，字体看起来会比在深色背景上的显示为白色时大很多。

如果设计师有研究过不同背景色，并且理解了不同的背景色会带来不同的阅读感知，并搭配了合适的字体，那么理论上讲，则任何配色方案都可以保障足够的可读性，就看具体怎么设计了。此外，不同类型的页面也要有不同的解决方案：如果是文字很多的页面，则倾向于使用浅色背景，并可以采用多种配色方案;如果页面上图片很多，则常常采用深色背景，这样可以突出图片，带来更为震撼的视觉效果。

2、排版

排版是什么?排版就是文本内容的外观。说到排版，字体就不得不提，它不仅会直接影响用户阅读的速度和体验，还会影响到识别的速度。此外，字体的大小，字体的宽度，字体的颜色以及文本结构，每个点都特别重要。字体作为页面的必备元素，和图片一样，会影响整体的视觉样式。设计师在排版时，要做到美观和功能的统一其实远比想象中艰难。

要做好排版，这些问题都要注意：

留白(负空间)：元素之间的空白区域

对齐：放置并对齐文本

字间距：字和字之间的间距

字母间隙：两个字母之间的间距

行距：文本线之间的间距

行长：一行文字的长度

3、视觉层次

视觉层次结构是一种内容组织的方法，可以明确内容优先级。它基于格式塔理论，涉及到了很多元素视觉感知的心理学，并阐述了用户为何喜欢统一的视觉元素。视觉层次帮助设计师合理组织和布局UI元素，以便用户可以根据对象的物理差异(例如大小，颜色，对比度，样式等)来区分信息。

对于用户而言，打开一个网页后，他们更加倾向于浏览内容，而不是逐字逐句地阅读。回想一下，当我们打开一篇博客，我们先看的一定是文章题目，其实是副标题，后才是正文部分。那既然如此，是不是说正文的重要性没有那么突出了?当然不是!

用户的心理其实是这样的：先看看大标题和副标题，快速确认这个内容是不是他们想要的。如果标题的层次结构和正文的排版可以很好的让用户get到这个内容就是他们想看的，那么他们则会真正去阅读。反之，如果用户先看大的是冗长的文字，心理上就会立即产生负担，他们不知道阅读文章需要多长时间，也会怀疑这个内容是否值得投入时间和精力去阅读。

4、视频播放器

可持续能源生产创新服务的主页分部分列出了内容，并按清晰的元素层次进行组织。

因此，对于文本内容，采用逐渐呈现信息的方法显得至关重要。对于文本部分，这里涵盖了可以囊括到视觉层次中的全部元素，包括标题、副标题、正文、CTA按钮，标题等等。

5、负空间

负空间(或称空白)就是页面中的空白区域。留白会出现的地方，不仅仅是某一元素的周围，也会是某些元素之间甚至是元素内部。留白就像是页面上的一个气口，是空的，纯粹的，可呼吸的。在讲排版时，我们已经提到过了留白的作用，不仅仅是对于页面排版，留白对界面布局中文字和非文字元素之间的连接也很重要。比如，在浏览一张图片很多的页面时，留白的大小和数量可以帮助你确认文字和图片的比例是否合理，关系是否连贯。

6、文案

这里还是有必要说一下文案本身，界面中出现的文本内容要保证至少以下4个基本功能：

清晰：用户理解你在说什么，核心信息清晰易懂

简洁：每段文字都是有意义的，直奔主题的，没有大量修饰，没有空话、套话

有用：内容为用户提供了必要的信息，或者帮助用户更好地使用产品

一致：内容表述的语气一致、手法一致

对于App、网站和博客的内容打造，其实只需记住一点，你的用户都是人，因此打造一种与人交流的氛围就是制胜点。无论是网页，还是着陆页，还是邮件，把编排文案想象成你是在和一个人对话，使用简单易懂的语言，不要过度夸张的描述，这只会让用户感到疑惑不解。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。