UI设计教程!界面配色配图技巧分享(3)

来源:网络   作者:热心网友   发布时间:2017-07-18    浏览次数:678

四、色彩的配置方法

文章的最后,我想分享配色中的几个小方法。

1.色彩统一

在我们把握界面色彩的同时,我们要把控住色彩的明度、纯度、色相在一定范围内,不能悬殊过大。我们可以看到下图中(如图22),画面中颜色明度纯度都差不多。

图22

想要作品比较亮眼,最好避免使用纯度太高的颜色,纯度高的色彩组合在一起,虽然纯度上达到统一,但是也会显得十分的花哨和辣眼睛(如图23)。

图23

2.画面节奏感

节奏感是指我们在用色的时候,界面上难免会出现冷色和暖色,在他们的配色比例上我们需要做到偏重哪一边。大面积冷色调中如果出现一点暖色,那么整个画面会出现亮点和协调。下图中(如图24),冷色面积和暖色面积比例还是有偏重的,蓝色面积、灰色面积、红色面积和橙色的面积各不一样,这种色彩的层次感就增加了节奏感,给人带来印象深刻的视觉冲击。

图24

3.色彩的重量

画过颜料画的同学可能知道,在我们构建一幅画的时候,会有一个大调子,比如说冷色明亮的调子,暖色昏暗的调子。我们在亮调子的画中,会多加白色亮色颜料;在暗调子的画中,会加入深色的颜料调和。决定这些的因素是色彩的明度和纯度。我们把明度提高纯度降低,会使得画面变亮变轻,同时给人的感觉是轻快放松的;我们把明度降低纯度提高会使得画面变沉重,给人的感觉是沉稳冷酷。我们在思考一个界面配色的同时,不是看到好的配色就立马用到设计中,首先考虑的是设计的主题是什么,符合什么样的特性,然后我们再根据分析结果找到最匹配的色彩范围。

这是我总结出来的一些配图以及如何让配图与界面整体更加和谐的小技巧,希望各位都能设计出更棒的作品来!

最后来做一个作业吧,请依据今天所学,为下面三个新闻界面配色配图(如图25)。源文件可下载。

图25

123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/6174.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通