配色指南 - 优设网

入门必看涨姿势！为什么有的颜色看起来非常高档？

@-eno-one- ：高档色的色彩纯度、明度、饱和度低，是表象。但不是使得它们看起来显得高档的根本原因。正确的答案是：之所以一些颜色看起来会显得高档，其实是因为该颜色传提出的情绪很少。

2014-09-07 程远 131117 人阅读

红色设计师的读书笔记！带你重新全面认识色彩系列之红色篇

@飞屋睿UIdesign ：你真的了解红色吗？你是否知道所谓“圣诞红”这类命名其实正在扼杀我们对于红色的想象？这篇文章是在看了李正贤的《WOW！

2016-01-16 程远 67743 人阅读

绿色深入浅出学配色！带你重新全面认识色彩系列之绿色篇

@飞屋睿UIdesign ：上次说了色彩系列的黄色，今天继续聊聊绿色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

2016-02-17 程远 123358 人阅读

蓝色深入浅出学配色！带你重新全面认识色彩系列之蓝色篇

@飞屋睿UIdesign ：上次说了色彩系列的绿色，今天继续聊聊绿兰色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

2016-02-28 程远 135693 人阅读

橙色深入浅出学配色！带你重新全面认识色彩系列之橙色篇

@飞屋睿UIdesign ：昨天说了色彩系列的红色，今天继续聊聊橙色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

2016-01-17 程远 86484 人阅读

紫色深入浅出学配色！带你重新全面认识色彩系列之紫色篇

@飞屋睿UIdesign ：上次说了色彩系列的蓝色，今天继续聊聊紫色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

2016-03-21 程远 92708 人阅读

基础知识所谓配色达人，就是一次出48个方案

@研习设K先生：说到色彩或配色，其实无论是方法还是理论都可以算作是规律的总结，但是同样的规律对于有的人来说吸收起来就比较容易，而对于有的不会灵活变通的人就只能自己在那研究来研究去，最后还是丈二的和尚摸不着头脑。不过没关系大家也不用灰心，因为今天我们要为大家讲解的这个配色规律非常简单，简单到什么程度呢？可以说只要你会数数，能从一数到三就可以，到底是什么内容呢？

2019-02-14 研习设K先生 66648 人阅读

色彩定位别再盲目配色了！为你的配色装上GPS！

@研习设K先生：关注我们研习设的朋友一定都或多或少的了解一些色彩理论和配色技法，但是我相信大家往往都容易忽视一个问题就是设计之前的色彩定位。所以本期的教程我们就来探讨一下如何找准配色定位。我们平时在为设计配色时首先要考虑的并不是色彩理论，也不是配色技法，而是色彩定位，也就是要弄清楚我们的设计是给谁看的。

2019-01-28 研习设K先生 37176 人阅读

配色训练那些用色高手，都做过这些训练！

@研习设K先生：其实对色彩的感觉或者说色彩敏感度的提升并不是通过理论来学习的，关键点在于进行有效的色彩训练。豪斯先生平面课堂系列：《高手的平面课堂！最容易上手的配色方法》《作品不够精致？

2018-11-13 研习设K先生 64166 人阅读

配色训练那些好色之徒，都做过这些训练之创建配色体系

@研习设K先生：之前有一期《那些用色高手，都做过这些训练！》教程给大家讲解了一些基础入门的色彩训练方法，今天同样给大家带来关于色彩训练的内容，但是会更加深入一些，算是色彩训练的进阶版，也就是创建自己的配色体系。其实根据我的从业经验来看，如果想真正的了解色彩，就需要一套非常完整、系统的训练方法。

2019-01-24 研习设K先生 26685 人阅读

配色技巧超实用！零基础新手也能轻松学会的配色技巧

@研习设K先生：配色是很多人都比较关心的一个问题，之前的教程我也给大家讲解过一些配色思路和配色方法，而今天我就教大家一个比较简单实用的配色技巧，这个方法就算你不懂色彩理论也是可以上手的。其实配色的过程就跟盖楼一样，只要按照正确的流程进行，最后一定能够得到想要的结果。反之，如果毫无逻辑没有相应的方式和方法，自然也就不会得到好的结果。

2019-01-21 研习设K先生 37961 人阅读

配色技巧你的配色看起来总是不舒服？用这个策略性配色法则！

网易UEDC - @Jady_13 ：很多人在设计完成后，总是对配色不满意，却又无从下手。如何分析设计中的配色问题？如何通过系统的方法，提升配色能力？

2019-01-01 Jady13 104170 人阅读

配色技巧用高手的方法，让你的配色自带主角光环

@研习设K先生：在我们设计配色的过程中容易忽视一点就是通过色彩来强调主角，主角的刻画可以对版面的优劣起到决定性作用，所以在选择完基本色之后一定要通过色彩来强调主角，这样才能达到一个良好的版面效果。本期教程就为大家讲解几种强调主角的配色方式。一说到主角相信很多人就会把它跟主色联系到一起，其实主角和主色是两个完全不同的概念，所以我们首先需要进行一下区分。

2019-02-13 研习设K先生 40685 人阅读

在线工具讲真，这可能是目前最全的在线配色工具合集了

配色是设计师的基本功，也是日常设计中最核心的部分，甚至是每个设计师每天都得做的功课。为网页选择一种基础色并不难，但是想要一套可用的色彩组合，则是一件相对棘手的事情。所以，很多时候，借助配色工具来寻求配色方案是一个颇为不错的想法。

2017-12-04 Hongkiat Lim 143699 人阅读

工具使用那么多在线配色工具，到底怎么用才能秒变高手？

@研习设K先生：相信大部分人都使用过在线配色工具或在线配色网站，那么使用这些工具或网站来配色，真的就能得到正确美观的效果么？当然不能。原因很简单，如果使用这些工具就能轻松完成配色工作，那么就不需要设计师了，随便找一个不懂色彩的人都可以替代我们。

2019-02-02 研习设K先生 35420 人阅读

配色神器零基础小白利用谷歌这个神器，也能成为配色达人！

编者按：本文写给那些看了一堆色彩理论依然做不好配色的同学，@呆呆丶L 教你借助谷歌的Material Design配色板，轻松晋升UI 配色达人。 2017年流行色丨《玩转草木绿！在这里了解2017的年度潘通流行色》前言很多小伙伴都说自己配色如屎，因为没学过色彩，没画过画，导致每次配色时都小心翼翼的。

2017-01-16 程远 26163 人阅读

@木TONG同：挑选合适的配色方案一直都是设计师们最头疼的事情，特别是色感不够好的小伙伴，常常一不小心就配成了车祸现场，和甲方的需求背道而驰。今天神器小分队为大家带来的配色网站——ColorSupply 就是收集了世界各地设计大神的配色方案，供设计师宝宝们放心大胆食用，从此和配色出错说再见。 colorsupply 网站链接：http://colorsupplyyy.com/app 首先，打开网站，画面是这样的：用鼠标拖动色轮的取色杆，旁边提供的色卡方案就会随着色轮的取值而变化。

2018-08-18 你丫才美工 80098 人阅读

配色神器用这个神器，优秀配色采集+分析一键轻松搞定！

@木TONG同：相信很多做UI设计、网页设计的设计师们经常会从网上找寻各类真实的网站案例汲取灵感，然而自己提取、分析网站的配色实在是太麻烦了。今天推荐的 Chrome插件 Site Palette 不仅可以自动提取网站配色，还能帮你分析并有所延展。快来看看怎么用吧。

2018-12-27 你丫才美工 77833 人阅读

配色插件用完即走！设计师必备的Chrome 浏览器配色/取色插件

@木TONG同：配色是设计师永恒的话题，之前神器小分队也给设计师们推荐了很多关于配色的神器网站，但网站每次都要去收藏夹里找出来用，有时候实在是不方便。今天神器小分队就来为大家推荐一款浏览器的配色插件——Color by Fardos，轻便简洁，用完即走。 Color by Fardos 插件链接：https://chrome.google.com/webstore/detail/color-by-fardos/iibpgpkhpfggipbacjfeijkloidhmiei/related（搭...

菜单 优设网 - UISDC

上班也能安心刷的4大设计微博

365天的设计热爱 天天都有新知识

优秀网页设计

400W粉丝！每日更新设计干货

优设

强烈推荐！优设官方品牌微博

优优教程网

免费自学平台！原创海量设计教程

优设基础训练营

零基础入门，设计师就业衔接

您还未登录

登录后即可体验更多功能

配色指南 《一个专题囊括所有配色方法和技巧！》

19 篇文章 1421153 位观众

专题文章

入门必看 涨姿势！为什么有的颜色看起来非常高档？

2014-09-07 程远 131117 人阅读

红色 设计师的读书笔记！带你重新全面认识色彩系列之红色篇

2016-01-16 程远 67743 人阅读

绿色 深入浅出学配色！带你重新全面认识色彩系列之绿色篇

2016-02-17 程远 123358 人阅读

蓝色 深入浅出学配色！带你重新全面认识色彩系列之蓝色篇

2016-02-28 程远 135693 人阅读

橙色 深入浅出学配色！带你重新全面认识色彩系列之橙色篇

2016-01-17 程远 86484 人阅读

紫色 深入浅出学配色！带你重新全面认识色彩系列之紫色篇

2016-03-21 程远 92708 人阅读

基础知识 所谓配色达人，就是一次出48个方案

2019-02-14 研习设K先生 66648 人阅读

色彩定位 别再盲目配色了！为你的配色装上GPS！

2019-01-28 研习设K先生 37176 人阅读

配色训练 那些用色高手，都做过这些训练！

2018-11-13 研习设K先生 64166 人阅读

配色训练 那些好色之徒，都做过这些训练之创建配色体系

2019-01-24 研习设K先生 26685 人阅读

配色技巧 超实用！零基础新手也能轻松学会的配色技巧

2019-01-21 研习设K先生 37961 人阅读

配色技巧 你的配色看起来总是不舒服？用这个策略性配色法则！

2019-01-01 Jady13 104170 人阅读

配色技巧 用高手的方法，让你的配色自带主角光环

2019-02-13 研习设K先生 40685 人阅读

在线工具 讲真，这可能是目前最全的在线配色工具合集了

2017-12-04 Hongkiat Lim 143699 人阅读

工具使用 那么多在线配色工具，到底怎么用才能秒变高手？

2019-02-02 研习设K先生 35420 人阅读

配色神器 零基础小白利用谷歌这个神器，也能成为配色达人！

2017-01-16 程远 26163 人阅读

配色神器 新手配色不用愁！用这个设计神器一键生成配色方案！

2018-08-18 你丫才美工 80098 人阅读

配色神器 用这个神器，优秀配色采集+分析一键轻松搞定！

2018-12-27 你丫才美工 77833 人阅读

配色插件 用完即走！设计师必备的Chrome 浏览器配色/取色插件

2018-12-07 你丫才美工 43349 人阅读

发表评论 快来秀出你的观点

图标绘制指南

高手从零开始带你画图标

UX理论

19条经典理论让你的设计更有说服力！

Banner 设计

从基础到进阶的终极设计宝典！

免费图库

高质量的免费可商用图片都在这儿了！

电影海报设计

看大师如何在方寸之间挥洒才华

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

设计规范

那些条条框框您真得懂？

表单设计

庖丁解牛般全面剖析表单设计

关于我们

热门频道

设计灵感

支持与服务

优设微博