四种常见的配色方法 界面中如何使用颜色


今天和大家分享下界面中如何使用颜色 。颜色在设计中对于我们的情绪和行为有着很大的影响 。很多产品都在抢占我们内心的颜色心智 。因此选择适当的颜色的一个产品成功很关键的点!

四种常见的配色方法 界面中如何使用颜色

文章插图
设计师都有收藏好设计的时候 。我经常会去看我收藏的设计 。当我一次又一次去看的时候 。意识到有一些共同点 。就是当第一眼看见的时候 。它们颜色偷走了我的心 。
今天和大家分享下界面中如何使用颜色 。颜色在设计中对于我们的情绪和行为有着很大的影响 。很多产品都在抢占我们内心的颜色心智 。因此选择适当的颜色的一个产品成功很关键的点!
色彩的情感看过色彩心理学的同学都知道 。除了美学外 。颜色是情感的创造者 。颜色的含义因文化和环境而差异化 。在色彩心理学里面 。不同颜色和含义是不尽相同 。
1. 红色红色通常与激情 。热情联系在一起 。在设计中 。红色的使用能很好的吸引用户 。我们经常被运营或产品说这个地方按钮要大 。按钮要红 。
四种常见的配色方法 界面中如何使用颜色

文章插图
四种常见的配色方法 界面中如何使用颜色

文章插图
2. 橙色橙色是一种充满活力和温暖的颜色 。能带人兴奋感以及热情活力的感觉 。如果你的产品需要带来活力 。有激情使用橙色就没错 。
四种常见的配色方法 界面中如何使用颜色

文章插图
四种常见的配色方法 界面中如何使用颜色

文章插图
3. 黄色黄色是比较代表幸福的颜色 。大家容易联想到阳光 。欢乐和温暖 。一般黄色用的好有很潮的感觉 。但是在设计中也需要注意 。黄色也是很容易让用户有负面反应 。容易感到焦虑 。
四种常见的配色方法 界面中如何使用颜色

文章插图
4. 绿色绿色通常代表自然 。能给人和平清新的感觉 。它相对其他颜色能给人更多正能量感 。绿色意味着成长 。再生与丰富 。天猫超市品牌色就是绿色 。代表着新鲜 。丰富 。健康的寓意 。
四种常见的配色方法 界面中如何使用颜色

文章插图
5. 蓝色蓝色给人科技感 。很多IT公司也都是运用蓝色当做品牌色 。facebook 。twitter 。支付宝等等 。因为蓝色能带来可靠 。给用户平静的感受 。它代表了平静 。放松 。安全 。
四种常见的配色方法 界面中如何使用颜色

文章插图
6. 紫色紫色带来神秘感 。非常神秘的一种颜色 。一般用在奢侈品或者女性产品中比较多 。它代表了浪漫 。奢华 。
四种常见的配色方法 界面中如何使用颜色

文章插图
7. 粉色粉色代表女性 。代表年轻的活力 。粉色比较柔软有爱的感情 。同时粉色和年轻女性气质密切相连 。因此如果你的用户是女孩 。那么粉色是一个很合适的配色 。
四种常见的配色方法 界面中如何使用颜色

文章插图
8. 棕色棕色 。棕色常被联想到泥土、自然、简朴 。它给人可靠感觉 。一般设计中能带来温暖 。舒适的感觉!
四种常见的配色方法 界面中如何使用颜色

文章插图
9. 黑色黑色 。深邃 。黑色是宇宙的底色 。代表安宁 。与白色相反 。没有任何情感倾向 。界面中尽量少用纯黑 。
四种常见的配色方法 界面中如何使用颜色

文章插图
四种常见的配色方法 界面中如何使用颜色

文章插图
10. 白色白色 。干净 。神圣 。纯洁的颜色 。通常被认为是“无色”的 。白色的明度最高 。无色相 。
四种常见的配色方法 界面中如何使用颜色

文章插图
UI常用配色原理在UI中配色有哪几种方式呢 。今天教大家一些小技巧 。要了解UI中配色 。首先我们的知道关于颜色的几个小知识:
1. 纯色顾名思义就是单色 。一个颜色组成 。在界面中经常通过颜色深浅冷暖对比来使用 。
四种常见的配色方法 界面中如何使用颜色

文章插图
2. 邻近色相邻的两组颜色 。色相环中相距30度 。或者相隔五六个数位的两色 。为邻近色关系 。色调统一和谐、感情特性一致 。
四种常见的配色方法 界面中如何使用颜色

文章插图
3. 互补色在色相环中每一个颜色对面(180度对角)的颜色 。称为互补色 。也是对比最强的色组 。把对比色放在一起 。会给人强烈的排斥感 。搭配不好会很山寨 。

推荐阅读