许多因素会影响内容的可读性和可读性,这里主要关注与设计过程直接相关的要点。
背景色
与书籍、报纸和其他纸质媒体一样,背景色在数字界面中对阅读体验、区分互动元素和识别内容起着至关重要的作用。我们都知道,在不同的背景下看同一个物体会有不同的视觉体验。同样,当相同的文本内容在白色或浅色背景上显示为黑色时,字体看起来比在深色背景上显示的要大得多。
这种差异的原因在于颜色匹配。错误的配色很可能会带来不良的可读性,导致用户感觉失败,用户无法快速浏览数据、文本或任何其他内容。一旦内容本身不可读,即使数据之间有相关性,用户也会感到紧张,不仅无法理解内容,甚至错过一些重要的信息。
如果设计师研究了不同的背景颜色,并理解了不同的背景颜色会带来不同的阅读感知,并匹配了合适的字体,那么理论上,任何颜色搭配都可以确保足够的可读性,这取决于如何设计它们。此外,不同类型的页面也应该有不同的解决方案:如果有很多页面,重点使用浅色背景,可以使用各种颜色搭配;如果页面上有很多照片,经常选择深色背景,可以突出照片,带来更令人震惊的视觉效果。
排版
什么是排版?排版是文本内容的外观。说到排版,字体必须提到,它不仅会直接影响用户的阅读速度和体验,还会影响识别速度。此外,字体的大小、字体的总宽度、字体的颜色和文本结构,每一点都特别重要。字体作为页面的必要元素,会影响整体视觉风格,就像图片一样。设计师在排版时,美观和功能的统一实际上比想象的要困难得多。
要做好排版,这些问题要注意:
空白(负空间):元素间的空白区域
对齐:放置并对齐文本
字间距:字与字间距
字母间隙:两个字母之间的间距
行距:文本线间距
行长:一行文字的长度
设计师会根据上述要点设计文本,大限度地使设计愉悦,体验阅读方便。任何细节,如字间距太小,行间距太窄,字体太小或文本颜色无法与背景形成对比——所有这些问题都会使内容难以阅读,让用户感到不舒服,但不清楚问题是什么。此外,如果有多行文本,将每行的字数控制在适当的长度可以使阅读更顺利。
视觉层次
视觉层次结构是一种内容组织方法,可以明确内容优先。它基于格式塔理论,涉及许多元素的视觉感知心理学,并解释了为什么用户喜欢统一的视觉元素。视觉层次协助设计师合理组织和布局UI元素,方便用户根据目标的物理差异(如大小、颜色、对比度、款式等)来区分信息。
对于用户来说,在打开一个网页后,他们更注重浏览内容,而不是逐字阅读。回想起来,当我们打开一个博客时,我们必须首先阅读文章的主题,实际上是副标题,后是文本部分。在这种情况下,文本的必要性是否不那么突出?当然不是!
其实用户的心理是这样的:先看大标题和副标题,快速确定这个内容是不是他们想要的。如果标题的层次结构和文本的排版能让用户很好get当他们想看到这个内容时,他们会真正阅读它。相反,如果用户首先阅读冗长的单词,他们会立即产生心理负担,他们不知道阅读文章需要多长时间,他们也会怀疑内容是否值得花时间和精力阅读。