五、对比度过低

大多数设计必须要考虑到大多数人，其中包括盲人，色盲和视力障碍的用户。通常，我们会尝试设计看起来不错的产品，而忽略了要与我们的产品进行交互的不同用户。

成熟的设计师更倾向于克制的信息做设计。比如将文字缩小到8px甚至更小，使用浅灰色阴影（因为它看起来不错）。虽然它更适合我的UI界面布局，但是它忽略了有视错误企业信息力障碍的访客。

WCAG（Web内容可访问性指南）提到，必须要保证4.5:1的对比度。为了确保您符合这些标准，请下载Stark，它将检查您的设计是否可访问。

1. 保持留白

如果您将两个完全不同的元素放置在彼此非常靠近的位置，那么用户将不会理解哪个元素是网页“主要”元素。这就是为什么我们可以说对比不仅是对元素应用不同的视觉样式，而且还涉及使用留白的艺术。这是因为有时为了使元素形成对比，您需要使用空格分隔它们。

留白对于使您的内容易于用户阅读很重要。当然，留白可能会被不正确地使用：有太多的留白或将太多的内容塞满了一个很小的区域。许多广告过网页多的网站也缺乏足够的留白。

避免将低对比度的文本复制放置在图像上。文字和背景之间应有足够的对比。要突出显示副本，请在图像上放置一个对比滤镜。黑色是一种流行的颜色，但是您也可以使用明亮的颜色，将它们混合和匹配。

另一种选择是从一开始就使用对比图像。在这种情况下，您可以将副本放置在照片或图像的深色部填写分的顶部。

当您需要通过小符号表达含义或简要说明说明时，图标非常有用。它们还是现代界面的基本组成部分，尤其是在移动设备上。在应用程企业信息总是序中，图标通常等同于按钮。这就是为什么选择正确的视觉图像以符合元素含义的原因非常重要。

您需要使用非常简单且公司通用的图像来讲述故事，每个人都可以理解。您需要将这些图标与U年报I的整体样式进行匹配。然后，您需要将它们以SVG格式提供给开发人员。

有些设计师喜欢用免费的图标，这些图标单个看起来都不错，但是一旦放到一起，就不太协调了。那么如何怎么办来避免这种混年报乱呢？

尽管使用免费图标并没有错，但最好还是谨慎使用它们。使用免费图标会使填报项目看起来廉价，并且在某些情况下不专业。此外，还有很总是多免费的图标，人们可以公司立即识别出来。为什么？他们已错误经看到怎么办它们到处都在使用。

触摸区域太小会让用户抓狂，因为它们会使用户难以完成所需的动作。我们所有人都经历过在智能手机上点击错误按钮，并在屏幕加载错误时必须等待的挫败感！

因此，在设计可点击元素时，请记住，成人食指的平均宽度为1.6到2厘米，以创建手指友好的目标。触摸目标的宽度信息至少为45–57像素。这将为用户提供足够的空间来击中目标，而不必担心准确性。