十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

UI界面设计中如何正确运用色彩

百恒 2019-10-28 15:40:15 2620

    UI界面设计运用色彩在搭配颜色的时候我们只要确定了主色,辅助色和点缀色的颜色就很好确定了,因为一般来说辅助色都是主色的邻近色,而点缀色都为主色的互补色。如果你的主色和辅助色是对互补色的话那么恭喜你,你的页面做出来的效果会有比较好。为什么会这样呢,应为互补色本来就是一对相冲的颜色,如果他们在页面都占据一定的比例,会使人有种不舒服的感觉,但也因为他们生来相冲,会在对方的领域十分耀眼,所以用来做点缀色是在适合不过了。因为点缀色在页面中占据比例极小,所以即便使用互补色也不会使画面不协调,更因为他们天生相冲的特性会使得被点缀的对象会在画面中极为突出完美实现了点缀色的作用,所以点缀色多半为主色的互补色。而辅助色选择邻近色说到底还是为了画面的协调感。


UI界面设计中如何正确运用色彩


    配色的平衡:色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此,即使相同的配色,也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。 处于补色关系且明度也相似的纯色配色,如:红和兰绿的配色,会因过分强烈感到刺眼,成为不调和色。可是若把一个色的面积缩小或加白黑,改变其明度和彩度并取得平衡,则可以使这种不调和色变的调和。 纯度高而且强烈的色与同样明度的浊色或灰色配合时,如果前者的面积小,而后者的面积大也可以很容易的取得平衡。 将明色与暗色上下配置时,若明色在上暗色在下则会显得安定。反之,若暗色在明色上则有动感。

    配色时要有重点色:配色时,为了弥补调子的单调,可以将某个色作为重点,从而使整体配色平衡。在整体配色的关系不明确暧昧时,我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点: 重点色应该使用比其他的色调更强烈的色。 重点色应该选择与整体色调相对比的调和色。 重点色应该用于极小的面积上。而不能用于大面积上。 选择重点色必须考虑配色方面的平衡效果。

    配色的节奏:由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放,形状,质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的,所以就产生了阶调的节奏。 将色相、明暗、强弱等等的变化做几次反复,从而会产生反复的节奏。 可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏,等等。我们可以通过学习或训练来掌握更多的节奏效果。

    配色方案

    1、相邻颜色搭配选择色轮上相邻的颜色,这种类型的配色方案用于不需要对比度的UI设计,包括web端或banner背景。

    2、三色搭配当设计需要更多的颜色时,可以尝试三色方案。它基于色轮上等距的三种不同颜色。为了画面的平衡,建议使用一种颜色作为主导,另一种作为辅助。

    3、四分色搭配四分色配色方案适合有经验的UI设计师,因为它是最难平衡的,它采用色轮的四种互补颜色,如果将所选颜色上的点连接起来,会形成矩形,这种方案很难平衡色彩。

    4、高对比搭配选择色轮上对立面的颜色混合,以下方案与相邻色和单色相反,旨在产生高对比度,灰色背景上的红色动物非常吸睛。
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×