网络无障碍访问不仅惠及色盲用户，也惠及诵读困难用户。诵读困难是一种学习障碍，会影响人们阅读、书写和拼写的流畅性或准确性[10]。

作为设计师，我们可以通过避免那些会损害阅读障碍用户的不良设计实践，帮助他们更好地阅读文本。从他们的视角看待事物，可以让我们更好地理解无障碍设计的重要性。

患有阅读障碍的人在阅读文本时，有时会出现视觉扭曲的效果 [5]。这些效果的程度因人而异，但它们会使阅读文本变得更加困难。

以下六种不良习惯可能会给阅读障碍者带来视觉扭曲效果。这些不良习惯也会给非阅读障碍者带来阅读困难。但它们对阅读障碍者的影响更为严重。

河流效应

诵读困难者有时可能会在阅读的文本中看到“河流效应”[1]。这是指连续的文本行中出现较大的空白。它看起来就像一条空白的河流顺着页面上的文字流淌而下。有一些不良习惯会导致“河流效应”的发生。

1. 对齐文本

对齐文本不仅对有阅读障碍的用户来说难以阅读，对没有阅读障碍的用户来说也同样如此。这是因为它会在字母和单词之间产生较大且不均匀的空白 [8]。当这些空白彼此重叠时，就会出现一条令人分心的空白河 [4]。

这可能会导致患有诵读困难症的读者在阅读时反复忘记读到哪里 [6]。你可以使用左对齐文本，而不是两端对齐的段落 [2]，来避免产生“河流效应”。

2. 句号后双倍行距

我们大多数人都有在句末句号后加双倍行距的习惯。这种做法起源于打字时代。那时的打字机使用的是等宽字体。因此，人们认为在句号后加双倍行距会使句子的结尾更加清晰 [9]。

但句号后单倍行距就足够了，因为大多数网站都使用等距字体。句号后双倍行距会在文本中形成“河流”，使用户难以找到句子的结尾[9]。在网络上，单倍行距更胜一筹。

模糊效果

诵读困难者可能出现的另一种视觉扭曲效应是模糊效应 [1]。诵读困难者阅读时，会看到文本模糊、旋转或混杂在一起 [5]。这会严重影响诵读困难者的阅读能力，使他们感到疲劳 [7]。可以通过避免一些不良习惯来减轻这种影响。

3.纯白背景上纯黑文字

你现在阅读的文字不是纯黑色 (#000000)，背景也不是纯白色 (#FFFFFF)，这是有原因的。这是因为许多阅读障碍者对高对比度颜色产生的亮度很敏感。这会导致文字旋转或模糊不清 [3]。

为了避免这种情况，请使用灰白色作为背景，例如浅灰色或棕褐色。您也可以使用深灰色代替纯黑色作为文本，以进一步减少眩光。

4. 长段连续的段落

长段不间断的段落文本不仅对阅读障碍者来说难以阅读，对非阅读障碍者来说也同样如此。阅读障碍者很容易在阅读长段落时迷失方向 [1]。

这就是为什么最好使用表达单一观点的短段落 [2]。这是因为阅读障碍者比非阅读障碍者需要在观点之间有更多停顿 [6]。将文本分解为每段一个观点，无论阅读障碍者还是非阅读障碍者，都能更轻松地阅读。

冲刷效应

有时，诵读困难者会经历“洗出效应”。当这种情况发生时，文字会显得模糊不清 [5]。这会使阅读速度变慢，并导致诵读困难者因为看不清单词而猜测单词是什么。为了减轻这种影响，在处理文本时应避免两种不良做法。

5.衬线字体

衬线字体在字母笔画的末端有钩。它们看起来很有装饰性，但可能会给患有阅读障碍的用户带来阅读障碍。衬线字体往往会遮挡字母的形状，使字母显得杂乱无章[1]。

但无衬线字体可以让诵读困难者更清晰地看清字母的形状。这是因为没有了钩状结构，字母之间的间距就更大了，更容易辨认。[6]

6.斜体文本

斜体有时用于突出显示文本。但不应使用斜体文本，因为它们会使字母难以阅读。与非斜体字体相比，斜体字母的线条呈锯齿状。这些字母还会倾斜，使患有阅读障碍的用户难以辨认单词 [6]。

当文字较小时，斜体文本更加难以辨认[3]。更好的突出显示方法是使用粗体文本，因为字母更清晰，对比度也更好。

人人可及

许多用户患有阅读障碍，难以阅读文本。您应该通过纠正这些不良做法，让您的网站对所有人都易于访问。您已经了解了阅读障碍用户的网络体验。在视觉扭曲的情况下阅读时，获取信息并不容易。每个人都有获取信息的权利，无论他们是否患有阅读障碍。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan

UI 设计思路应先放飞概念探索多种可能，如将泡泡圈视为独立 APP 进行设计，尝试简约风格、气泡形通知栏、胶囊形头像、实心图标等创新设计，再结合实际落实到产品，比如因开发资源和屏幕显示限制去掉渐变和弥散投影、回归分割线和返回按钮，同时要明确设计与艺术的区别，设计需围绕客观问题解决，概念稿后要提取可用点推动落地，注重用户习惯和跨平台适配，像用爱奇艺 Logo 代替文字返回按钮。

UI 设计师若想让前端实现设计稿的像素级还原，需在出稿时注意：将可复用控件规范化并输出文档，避免相同控件样式或交互不一致；把控颜色（规范色值、将 Sketch 颜色配置改为 sRGB）和间距（设定文本行高规范、考虑控件间距的盒子模型）；遵守盒子模型，将界面布局盒子化，辅助前端准确定位元素，如此才能通过各部门协同合作实现优质项目落地。

UI 设计中的构图与排版需将文字、图片及色彩等要素有组织组合，构图通过黑林错觉等心理学原理和居中、九宫格等九大技巧构建和谐布局，排版依据格式塔原理的接近性、连续性等法则及亲密性、对齐等原则，合理运用对比、重复等手法，同时结合界面投影等设计形式，以提升页面用户体验及相关性。

UI 设计中的情感化设计是设计师基于满足产品功能性和易用性后，设计出满足用户更高层级需求的创意表达工具，其目的是赋予产品情感以增加用户粘性、树立品牌形象以增强用户认知、引导用户操作以达成设计目的，可从本能层次（视觉）、行为层次（交互）和反思层次（思维）融入情感化设计，如视觉层次用独特 IP 形象、风格明确的规范化设计和拟人化动作，交互层次遵循操作前可预知等原则，思维层次明确服务者定位等，如此才能设计出以人为本的产品。

仪表板 UI 设计需注重一致性，在颜色、字体、元素位置等方面保持各设备统一，优先传达重要信息，采用卡片布局、将关键内容放中心路线、用 18 像素内字体和独特颜色突出，设计要便于用户定制，如拖放交互、修改字段、换主题等，图表选择条形图等简单类型，避免 3D，图标选熟悉的，字体不超两种并建立视觉层次，色彩遵循心理学且不过度使用，利用对比度，同时要了解用户偏好，才能设计出实用美观的仪表板。

UI 设计需从产品经理、交互设计师、用户和自我这 4 个角度思考：像产品经理一样关注用户群体、相关竞品、主要商业模式；像交互设计师一样考虑用户体验、使用场景、信息优先级、转场、使用习惯；像用户一样思考产品能否解决问题、设计是否美观、使用是否顺畅；像自己一样保持设计观，不盲目接受错误设计。如此才能做出符合用户需求且有自己韵味的设计。

UI 设计中按钮用圆角还是直角需综合考量，圆角在网格布局中更易辨识，如 TurboTax 仪表板中圆角卡片比尖角更引人注目，全圆形按钮在 Spotify 中因突出交互引导成功，但全圆形按钮可能被误认标签、嵌套选项触摸区域小、不适合堆叠，而直角按钮在表格等堆叠布局中更合适，此外圆角传达现代、简约等感觉，像 Chrome 浏览器更新为全圆形地址栏，总之设计需以鼓励用户交互、减少干扰为目标，而非单纯选择圆角或直角。

UI 设计的终极目标并非单纯追求极致用户体验，而是在「商业」「用户」「技术」等多方面条件限制下取得平衡，得出「综合最优」的解决方案。设计师常陷入拿到需求就找参考、凭感觉设计、在细节纠结的误区，正确做法是先明确需求背后的商业目标，将大目标拆解为小目标，如加油宝 APP6.0 改版时为提升 “收益增值业务下单率”，反推需提升标的 item 点击率、“立即投资” 按钮点击率等，再针对性解决，最后通过数据验证设计效果，如此才能积累经验、理清思路。

本文主要介绍留白设计准则（包括留白与裁剪可突出主体、留白与重心能凸显重点功能、留白影响视觉流使阅读有序、留白可对信息分组）和 UI 设计排版准则（层级通过字号、颜色建立，重复增加页面整体感，对齐引导视觉流，接近原则整合关联元素），强调合理运用这些准则可提升设计效果与用户体验。