UI设计师必备配色小技巧

  • 时间:
  • 来源:互联网

  合理的使用色彩是每个UI设计师必备的技能之一,而随着扁平化设计的日益普及,色彩理论知识的重要性也变得愈加明显!很多初学UI的小伙伴表示配色很难,接下来给大家讲解几个配色小技巧。

  1、整体色调协调统一

  界面设计应该先确定主色调,主色将会占据页面中很大的面积,其他的辅助色都应该以主色为基准进行搭配。这可以保证整体色调的协调统一,重点突出,使作品更加专业、美观。 

图片23

  2、有重点色

  配色时,可以选取一种颜色作为整个界面的重点色,这个颜色可以被运用到焦点图、按钮、图标,或者其他相对重要的元素,使之成为整个页面的焦点。重点色不应该用于主色和背景色等面积较大的色块,应用于强调界面中重要元素的小面积零散色块。

  3、注意色彩的平衡

  配色的平衡主要是指颜色的强弱、轻重和浓淡的关系。一般来说,同类色彩的搭配方案往往能够很好地实现平衡性和协调性。而高纯度的互补色或对比色,例如红色和绿色很容易带来过度强烈的视觉刺激,使人产生不适的感觉。另一方面为明度的平衡关系,高明度的颜色显得更明亮,可以强化空间感和活跃感;低明度的颜色则会更多的强化稳重低调的感觉。

  4、调和对立色

  当包含两个或者两个以上的对立色时,页面的整体色调就会平衡,这时就需要对对立色进行调和。通常有3种方法进行调和:1)调整对立色的面积,使一种颜色为主色,其他颜色成为辅助色。为了降低辅助色的色感,可能需要适当调整它们的纯度和明度;2)添加两种对立色之间的颜色,引导颜色在色相上逐渐过渡,例如要调和红色和黄色,可加入橙色;3)加入大量的中性色,黑、白、灰称为中性色,它们不带任何正面或负面的感情色彩,用来调和其他彩色是一种非常有效的方法。

 

  如果你没有很好的配色,那就先选择黑白灰,如果搭配得当,黑白灰的设计看上去层次也会很丰富。如果你觉得黑白灰单调,可以在黑白灰的基础上加入一种色彩,可以在大面积的黑白灰上面加入小面积的颜色,这样的搭配高雅又不失活力。如果使用色彩来搭配,那么一个页面最好使用同一色系的颜色来进行搭配,这样就不会出现不协调的问题。

上海千锋
发布了76 篇原创文章 · 获赞 35 · 访问量 6万+
私信 关注

本文链接http://element-ui.cn/news/show-874.aspx