UI设计中的颜色就像其他所有元素一样,如果执行得当,正确的调色板可以给网站的新访问者起到提示作用,并推动销售和潜在客户。因此,选择合适的颜色对于改进产品的转换率和提高产品的可用性是非常有用的。那到底如何配色可以使设计感更强?哪些配色不好看?

对此,Pixso拥有十年丰富经验的UI设计师总结了UI设计师在颜色方面犯的6个常见错误,希望能够帮助刚入行的UI设计小伙伴尽量少走一些弯路。

UI设计工具Pixso

1. 设计可访问性低

围绕设计可访问性的讨论正在增长。但许多设计师仍然没有意识到,为色盲用户或戴处方眼镜的人设计与为非色盲用户设计一样重要。世界上2亿视障者中的许多人对某些颜色和对比度的敏感度下降。如果不能确保两种相邻颜色之间有足够的对比度,那么用户在你的界面中导航会变得特别困难。Pixso高级UI设计师建议将浅色元素放在深色背景上,以使一切更清晰。

设计可访问性低

2. 追逐潮流

经常看到很多UI设计师为了追逐趋势而不断更换颜色。这样做有很大的风险,当这种颜色趋势过时时,你将不得不从头开始。大多时候,用户已经习惯了以某种方式表现的常见界面元素,因此与UI设计惯例保持一致将减少用户的认知负担,能让他们直观地浏览界面。

3. 过度使用颜色

你的调色板不应超过六种颜色,大多数设计师选择三种或四种。这些应包括一种主色、一种标准颜色(主要用于文本,例如黑色或灰色)和两种强调色。过度使用颜色只会削弱你决定使用的每种颜色的强度。例如,如果你使用颜色对太多重叠的符号集进行视觉分组,你的用户将不知道去哪里寻找,这是非常不利的!

过度使用颜色

4.忘记用户

许多设计师会经常忘记他们正在设计的网站或界面不是为他们设计的,它是专门为最终用户设计的。虽然设计师和客户的个人喜好都会影响到它,但是不应严重影响所选择的调色板。很多时候,UI设计师陷入了过于认真地对待来自客户的主观反馈的陷阱——而不是捍卫基于用户研究和用户测试的方法选择。最终的结果是,设计出来的产品不会受到用户的喜欢。

5. 完全不参考竞争对手

使用你的竞争对手正在使用的相同调色板的版本根本不会使你的产品与他们区分开来,如果他们的品牌已经很成熟,你最终会失去重要的潜在客户。Pixso设计师认为,一定要做好市场调查,看看你的竞争对手使用什么颜色,然后做得更好。

同样,试图偏离你所在行业的其他网站所做的事情也同样有害。这主要是因为色彩心理学,即色彩如何影响人类情绪和行为的研究。如果你的服务需要用户的大量信任(例如,在线银行服务),色彩心理学决定你应该选择蓝色——一种通常被认为是权威、可靠和值得信赖的颜色。当你的大多数竞争对手选择其基色为蓝色时,选择黄色或粉红色可能意味着你失去了领先优势。

6. 使用纯黑色的文字

纯黑色搭配纯白色会导致眼睛疲劳。很多UI设计师经常选择最黑的黑色,尤其是文本,试图通过高对比度实现良好的可读性。色彩和谐意味着不能太少,同样,色彩对比,但也不能太多。你应该避免在白色背景上使用纯黑色文本,因为白色具有100%的颜色亮度,而黑色几乎不具备颜色亮度如此高的对比度导致用户在阅读文本时看到的光线水平存在差异。

颜色是一个难以掌握的概念,特别是在现在这个数字时代。以上是Pixso设计师总结出的6条UI设计师常犯的错误,希望能帮助你找到正确的UI颜色设计方法。学习创造令人惊叹的配色方案的最佳方法是练习,现在你就可以打开Pixso开始去玩颜色啦!

Pixso一款专业的在线设计协作工具,Pixso为设计师提供智能化高阶设计功能,全局样式演示功能能实现创作前先设定全局样式同时,Pixso还支持自建云端组件库,帮助设计师建立统一的设计规范。颜色、文本样式、图层样式不仅可以一键保存为资源,还可搭配起来重复添加为组件资源,可以大大提升设计创作及迭代的效率,实现快速复用。 

Pixso社区