原作者:susie 原文:https://help.fanruan.com/dvg/doc-view-8.html
如果你已经确定了界面的主要用途和要解决的问题,那么接下来你该如何选择配色方案呢?
文本驱动型界面:浅色背景
如果整个 UI 是文本驱动型的界面(比如分析报告等),展示大量的数据信息,浅色背景会让阅读更有效率。因为浅色让整个界面看起来更有呼吸感,能够让用户更专注于内容。
想要表达简约、活力感选择蓝绿黄等色系为主色调,推荐浅色背景:




视觉驱动型界面:深色背景
另一方面,如果整个 UI 是视觉驱动型的界面(比如大屏驾驶舱等),数据简单、以图片为主,那么用深色的背景会更好一些,因为深色的背景衬托着明亮的色彩,会让整个图片看起来更突出,同时会让整个界面的布局看起来更时尚。
想要表达科技感、未来感选择蓝紫色系为主色调,且推荐深色背景:



