UI设计中色彩运用应该注意哪些问题？

简单的奔奔 2016年04月07日

跟帖 | 0条内容

Yves 2016年04月07日

和穿衣的原则相同的一点，一般建议不要超过三种颜色运用在同一个版面中。但这里的颜色指的是色相，也就是说，同一个色相（也可以理解为我们常说的色调、色系）中的颜色并不受这个原则限制。相反，UI设计中常常需要同色相的颜色来给用户提供不同的反馈，比如按键的突起效果，按键的下压效果等等。除了同色相的颜色使用以外，还可以利用对比色来突出主题，以及满足一些功能上的对比差异，比如字体色和背景色等。

另外需要注意的一点就是，黑色在UI设计中无法很好的显示出来，所以一般选择暗灰色或者混合色去替代纯黑色运用。比如在纯白色的背景下，灰色的字体会读起来很舒服。

最后给题主一些配色的小工具网站，希望对你有帮助：

Material Palette http://www.materialpalette.com、

New Flat UI Color Picker http://www.flatuicolorpicker.com/、

Flat UI Colors http://flatuicolors.com/、

Coolors http://coolors.co/、

Skala Color http://bjango.com/mac/skalacolor/、

Couleurs http://couleursapp.com/、

Material UI Colors http://www.materialui.co/colors、

Colorful Gradients http://colorfulgradients.tumblr.com/

GuyGaoKing 2016年04月10日

1.定好主色和辅助色，并严格执行； 2.统一按钮和可点击内容的颜色，比如链接和操作性文字.这样使用者一看到这种颜色的内容就知道是可点击的； 3.界面内除非必要，否则不要出现大面积的装饰颜色； 4.统一界面中使用的不可点击的内容颜色，比如已经点过了被置灰的按钮和连接性文字、图标等。 6.使用统一的已选择状态的颜色，一般与主色统一。 7.慎用红色！红色一般是作为警示颜色和提醒通知类颜色使用的，如果主色定的是红色，在界面中少用则醒目。

我叫面试官 2016年04月10日

UI设计中色彩搭配的三点原则：UI设计中用大色块烘托气氛和主题比较稳定，而UI设计中则用小色块丰富画面。统一颜色可以让用户认准店面，首先需要在不同的界面UI设计框架中统一招牌色，保证产品给用户能一目了然的找到这个店，用户方便了，就会得到更好的用户体验。原则二：严谨而有节奏在界面UI设计中的可以运用相似性与来进行色彩的呼应，这样的画面更有节奏感和舒适性。在界面UI设计中运用颜色渐变穿插，让界面平衡在一个频率上。原则三：在相似中，找呼应 1.定义了色彩的基调，找到了形象店面色。在设计中我们只采用了单一的颜色进行了设计，使用大小关系区分了功能的主次关系。界面UI设计上比较平衡但是页面显得单调。 2.为了让用户聚焦在主要的功能上，在主要功能上使用了补色对比。这种方式比造型上的区分更为强烈。 3.但在采用过多的色彩会使界面UI设计没有秩序性。这种色彩的搭配会给用户一种混乱感。 4.用色上不仅需要聚焦，还有讲究颜色的呼应性。同类色彩会彼此呼应，聚焦点只要在主要的点上。所以说注意彩色的关系与功能的区别及其重要。这样才能把握好色彩的节奏感。也才能带来更好的用户体验。　　