首页 > 网页教程 > 设计分享 > 配色设计:色彩搭配快速入门指南分享,新手必备!

配色设计:色彩搭配快速入门指南分享,新手必备!

时间:2019-09-17    来源:YI易设计

一个设计作品呈现到用户面前,第一眼进入眼帘的就是产品的视觉表现,而产品的色彩在其中起到了举足轻重的作用,毫无疑问色彩搭配对于设计师来说是非常重要的。那么具体到实际项目中该使用什么怎样的色彩,需要怎么做呢?下面我将逐步去分析。

色轮的概念

设计时不同电子终端上显示的色彩都是基于 RGB 模式,是一种加色模型。色光三原色就是红(Red)、绿(Green)和蓝(Blue)。首先来了解一下色轮。

色轮,是一个非常有用的东西。可以由此直观地了解到什么是三原色、互补色、类似色。在基础色轮之上,可以建立一个色彩体系,进行项目设计时可以依据色彩体系去选择颜色,保证了颜色使用的准确性及设计效率。

  • 同类色:15°以内
  • 邻近色:60°以内
  • 类似色:90°以内
  • 对比色:120°~180°
  • 互补色:180°

五种搭配方法

1. 同种色搭配

使用一种色调及其相应的多种亮色和暗色,整个页面会非常统一。

2. 类似色搭配

使用色相相近的颜色,页面元素不会相互冲突,更加协调有质感。

3. 互补色搭配

如果选择使用互补色,最佳搭配是一种作为主色,另一种用于强调。它们有着非常强烈的对比度,用在需要特别强调某个元素时会非常有效。

4. 分散互补色搭配

寻找三种颜色,其中两种互相类似,另一种与它们形成对比。这个配色非常易学而且容易出效果。

5. 三角对立色搭配

顾名思义,就是色环上三角对立的颜色。最经典的就是蒙德里安风格的红黄蓝格构图,时至今日仍然非常符合设计趋势。

相关推荐
30个出色的网页设计色彩搭配案例欣赏
网页配色之色彩搭配技巧与色彩对用户的心理作用
网页色彩搭配教程:三个实用方法搞定网页配色设计
色彩搭配教程:颜色对用户究竟有哪些影响?
三分钟帮你快速入门极简色彩学
网页配色设计:如何运用黄色来表达网页的光感?
网页配色设计:如何用蓝色调搭配出天空和大海的感觉?
PANTONE潘通预测的10种2017年秋冬两季流行色
那些配色方案能让你的设计体验更好?
移动应用图标配色诀窍 APP界面配色设计教程
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取卵”!
网页配色教程:六条网页设计安全配色指南
配色教程:手把手教你从大师的作品中借鉴配色灵感
网页配色设计:红色空间如何设计才好看?
年度总结:最新视觉设计六大趋势分享
3个使用鲜艳配色来制作WEB/APP界面的技巧分享
5个色彩进阶技巧!帮你创造更优质的网页用户体验
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
色彩设计:色盲用户的友好体验,你应该注意五点
配色设计:写给零基础新手的配色指南
100%提升转化率?据说懂这些色彩心理学知识就行
最受欢迎的色彩出炉了,她的名字叫马尔斯绿
配色设计一些有趣且有用的小技巧分享
超全面的UI设计配色指南 拿走不谢!
色彩设计:配色方法论之观感谜题
UI设计中最常用的色彩为什么是蓝色?
配色设计:如何在设计中搭配出好看的颜色?
那些技巧可以帮你玩转单色配色设计?
配色设计:如何学会给配色做减法?
UI设计:字体配色设计总结

精彩推荐

热门教程