认识达内从这里开始

认真做教育专心促就业

UI设计之关于配色

发布：武汉IT培训
来源：互联网
时间：2018-08-20 10:52

我们都知道在UI设计中配色占据着极其重要的地位，良好的配色会提升产品的用户体验度，更会吸引更多潜在用户的目光。当然一款产品配色体系的建立是一个极其繁琐的过程，在制定配色方案的时候，你需要考虑到方方面面，今天就由武汉it培训老师为大家介绍一下影响配色有哪些因素：

1.易读性

屏幕背景色的选择会对内容的易读性产生极大的影响，这是产品用户体验中我们最看重的一部分。因为我们主要通过眼睛来获取信息，如果这款产品的屏幕内容我都无法看清，那么就没有继续使用下去的欲望了。特别是对于以文字为主体的app或网站来说，糟糕的易读性会导致用户忽视重要的信息，而且增加了用户的阅读成本。用户必须耗费很大的精力才可以获取信息。所以说即使你的产品在其他方面做得很出色，易读性的缺乏会致使你损失大量用户。

武汉it培训

2.适配

无论是设计一个app页面还是网页，我们要记住用户会在不同的设备下使用我们的产品。在高分辨率屏幕下一些很酷炫的效果在低分辨率的屏幕下就会很“脏”，原有的效果无法体现出来。所以设计师应该注意产品在不同屏幕下的适配问题。当然这个在设计的早期构思过程中就应该被考虑到，什么样的版式与配色会很好的完成适配。比如：卡片式设计就可以对页面内容进行分割重组来适应不同的屏幕。卡片本身还具有很强的伸缩性，可大可小。卡片式设计可以在不同大小的屏幕中仍保持视觉风格的统一。

3.使用场景

在我们选择适当的配色方案和背景类型时，需要考虑的另一个因素就是用户的使用场景。例如在自然光的投射下，黑色背景会产生反射效果，特别是平板电脑和智能手机的屏幕，这会影响用户对屏幕内容的阅读。从另一个方面说，在光线不好的条件下，暗色背景的导航对用户来说更加合适。所以对于不同的使用场景，颜色组合，对比度和阴影的使用，设计师应该足够的考虑。

4.视觉层次

同一个页面中内容有着不同的优先级顺序，有的内容很重要或者我们希望用户首先看到，这类优先级高的内容我们在设计的时候就应该着重表现。我们可以通过色彩搭配来建立页面的视觉层次，凸显用户真正需要关注的信息。模糊效果是我们衡量页面视觉层次的一项重要测试工具。

模糊效果可以帮助我们发现页面的视觉重心，了解用户的目光是否放在我们希望被关注的内容上。方法其实很简单，我们只要将图片导入进Photoshop，并对图片进行高斯模糊处理，强度为5-10px。就像上图一样，模糊处理后页面，模拟的就是用户第一眼看到页面的场景：用户对页面整体布局会有一种大致上的认识，但是不会注意到具体细节。如果模糊状态下的页面我们找不到任何重点，那么就意味着我们要重新做出一些调整了。

更多武汉IT培训相关资讯，请扫描下方二维码

武汉IT培训