400-609-4309

UI色彩搭配技巧

  色彩的搭配一向是UI界面设计的一难题所在,平衡的色彩运用可以更满足用户的视觉需求,这样的色彩设计更容易带给用户一种亲切感,并给用户留下更为愉悦跟舒服的美感。那么,色彩要如何...
颜色但

  色彩平衡

  一、深色和浅色的平衡

  浅色的色彩会让APP界面显得柔和轻盈,不足之处是会显得不够稳定。而深色的色彩显得厚重高级,但是容易给人一种沉闷的感觉。所以,比较好在UI界面进行色彩设计的时候,当主色彩是浅色的情况下,适当补充些深色,可以让画面更为平衡。

  二、冷色和暖色的平衡

  冷暖色的区分是人类在大自然生活总结出来的颜色规律,通过联想将颜色与具体事物连接在一起,再由事物给人的感觉去区分冷暖。冷暖色是自然平衡的规律,可以在设计中大量使用,这样的配色会使作品非常的出彩,不显单调。

  UI中色彩设计原则:

  一、色彩的大小位置

  大块的色彩在烘托气氛跟主题方面较为稳定,而小块的色彩则常用于点缀,起到丰富画面的作用。另外,色彩的搭配需要统一颜色,在不同的UI界面框架中统一招聘色,从而给用户一种非常统一的印象,让用户一目了然,记忆深刻。

  二、相似中找呼应色彩

  需要先定义色彩的基调,找到主要的色彩。在设计中采用单一颜色进行设计,使用大小关系区分功能的主次关系,虽然时间较为平衡但显得比较单调。

  然后在主要功能上使用补色对比,以此让用户聚焦在主要功能上。另外记住不要采用过多色彩,会使得界面没有秩序性,给用户一种混乱感。

  一些色彩搭配原理供没有美术基础的同学:

  原色 色盘上廷伸长的几段表示出了三种原色----红 黄蓝。它们之所以称为原色。是为其他的颜色都可以通过这三种颜色的组合而成。

  第二色(间色) 将任何俩种原色混合起来,你就可以得到间接色:橙(红加黄) 紫(红加蓝) 绿(蓝加)

  第三色(混合色)色盘上另外6种颜色称为混合色。它们是原色和一种临近的间接色混合色

  而成的:桔黄(加橙) 青(黄加绿) 深绿(绿加蓝)绛(红加橙)。

  颜色三要素:色相,以区别各种颜色,如红,绿 蓝等;彩度,以示色彩深浅;明度,以示彩色明暗。

  当不同的色彩搭配在一起时,色相 彩度明度作用会使色彩的效果产生变化。俩种或者多种浅颜色配在一起不会产生对比效果:同样多种深颜色合在一起效果也不吸引人。但是,当一种浅颜色和一种深颜色混合在一起是,就会使浅色显的更浅,深色显的更深。白色是所有中浅的,然后灰度逐渐由浅到深,后变成黑色。靠近白色的颜色在深浅上称为淡色,而靠近黑色的颜色则称为阴影。

  明度也有同样的作用。如果在色彩阴暗的地毯上放一张色彩明亮的椅子,就会使椅子显的更明亮突出形成一个亮点。相对地,如果房间的背景是色彩较亮的地毯窗帘等,几件色彩暗的家具就会沉到背景当中去。

  相对的或者相反的颜色可以互相衬托。红和绿在一起会使红色更红,而绿色显的更黄,红和紫可以产生腥红的色调。

  使色彩搭配的效果好,有许多方式。相关的色系,如红紫和蓝在一起,可以产生非常令人愉快的效果。相对的颜色,如蓝和橙也可以配在一起,产生更强烈的效果。
12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章