菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

配色技巧话题

首页
设计文章
配色技巧

UI 2.5w

想做好UI配色？只需要这三步！

一套产品色彩需要有哪几种色彩：品牌色+提醒类型颜色（成功、错误、警告）+中性黑白灰颜色（各种字体、背景、分割线颜色等）那么用到的色彩类型：品牌色品牌黑内容底色全局底色分割底色图标色文字链接可点击颜色提示信息错误提示错误提升文字颜色重要文字常规文字辅助文字 1辅助文字 2反白文字或图表次要的反白文字或图表分割线常规分割线（10%）、强调分割线（30%）、最弱分割线（5%）反白：常规分割线（10%）、强调分割线（30%）、最弱分割线（5%）如何确定品牌颜色选取品牌色方面，选择公司 logo 色是最为保险...

2021/07/10

静若秋兰

UI 5.6w

学会HSB色彩模式，让配色有理有据！

我结合在近期项目中对于 HSB 色彩模式的应用，与大家分享 HSB 色彩模式帮助我们进行配色的理论和技巧。

2021/04/08

土拨鼠

神器推荐 3.8w

找不到配色灵感？这个网站有全世界设计师的优秀色板！

找不到配色灵感的时候，不妨来这个网站试试，这里有超多设计师上传自己的色板，你可以直接「抄」走！

2021/03/09

土拨鼠

UI 5.7w

万字干货！超全面的色彩与应用指南

本文从色彩基础知识、色彩心理学、色彩对用户体验的影响、在 UI 中的应用和配色工具等方面，全面剖析色彩的本质。

2021/01/12

印迹

UI 4.1w

新手来看！写给设计小白的色彩基础指南

本文从颜色的本质、冷暖色调、颜色属性、搭配、色彩格式等多方面，为新手全方位科普色彩搭配的基础知识。

2020/12/30

友设青年

平面 5.5w

超多案例！写给新手设计师的配色攻略（二）

继上期讲解确定主色调的四种方法后，本期将继续讲解如何选择副色和点缀色。并为大家推荐3种实用方法，帮助大家成为合格的「色」计师。

2020-03-26

土拨鼠

平面 3.5w

超多案例！写给新手设计师的配色攻略（一）

好的配色往往依靠设计师审美搭配出来，但合理的颜色搭配必定存在合理的配色规律和配色方法论的支撑，本期分享简单有效的配色方法，希望能给新手一些启发。

2020-03-25

土拨鼠

UI 4.2w

用一个实战项目，帮你掌握科学的 UI 配色方法

如何让色彩的搭配平衡，是 UI 设计师需要修炼的一课。今天我用我的项目示例，教给大家一个科学推导颜色搭配的方法。

2020-03-20

土拨鼠

UI 3.7w

超全面！UI配色方法及避坑指南

我今天要给大家分享的是人们是如何认识色彩，并且在产品设计中使用的。

2020-03-05

土拨鼠

教程 4.2w

配色不求人！8步制作出属于自己的色板

本文教你用 8 步快速制作出属于自己的色板，

2019-11-22

土拨鼠

平面 11.9w

为什么高手的配色那么抢眼？原来是用了CMYK 配色法！

曾经遇到过一个用色高手，他的配色干净、舒服、有感染力。被深深吸引后，我开始研究他的配色，才发现这个高手都在用的 CMYK 配色法！

2019-07-02

程远

水手哥学设计

神器推荐 4.5w

高手出品！这是一篇不看会后悔的配色干货！

色彩新手一定要看这篇！不仅有高手的配色流程思路分享，还有独家的3个配色法宝！

2019-05-18

程远

做设计的面条

教程 4.6w

看过很多配色理论还是学不会？来看我总结的这3个实用技巧！

在网上看了很多配色文章，还是没有进步。但今天这篇分享的3个方法肯定能让你恍然大悟！

2019-05-05

程远

平面 4.9w

这个网站不仅可以帮你配色，还能在线快速预览效果！

@WOOD短腿木、@LXYFLASH ：如今，配色工具已经铺天盖地多到数都数不过来，但每次选好配色拖进软件里一吸，发现实际效果总是不如意。一来二去，十分浪费时间。今天神器小分队带来的神器——Paletton就为此而来。

2019-03-29

程远

教程 7.9w

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

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

2019-02-14

程远

研习设K先生

教程 4.5w

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

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

2019-02-13

程远

教程 4.5w

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

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

2019-02-02

程远

平面 6.0w

为什么别人的背景色，永远比你的有气质？

@研习设K先生：无论是色彩学还是其他学科，所谓的理论也好方法也好，它们的本质无非就是规律的总结。我经常喜欢做一个比喻，就是你可以想象色彩是一座高山，而配色方法就是通往山顶的道路，但是通往山顶的道路不止一条，配色的方法也不只一个，你可以选择一条路走到底，也可以从一条路换到另一条路，还可以每次上山都走不同的路，这就是我所理解的色彩学。所以今天我就带大家走一条新的路来登山，这个路就是背景色的类型与应用技巧。

2019-01-31

程远

研习设K先生

教程 4.2w

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

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

2019-01-28

程远

教程 3.2w

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

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

2019-01-24

程远

平面 4.3w

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

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

2019-01-21

程远

UI 11.2w

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

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

2019-01-01

程远

神器推荐 5.5w

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

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

2018-12-07

程远

你丫才美工

教程 4.5w

这些更细致的色彩知识，能让你的设计体验更好

当我们讨论色彩的时候，聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择，但是实际上，色彩对于用户的心理和行为的影响相对更深，最终会反映在用户体验和行为反馈上。经过深思熟虑的配色最终会从「不错」提升到「优秀」，平庸的配色最终会降低用户体验，甚至会影响网站本身的可用性。

2018-12-01

陈子木

教程 7.1w

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

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

2018-11-13

程远

教程 3.7w

我用了这4个小技巧，就轻松选出基础色！

设计行业，无时无刻不在和色彩打交道。配色问题一直是设计圈恒久不变的热门话题，网络上关于配色的知识多如牛毛，看的时候都很懂，但是一旦自己独立做项目时就又原形毕露。究竟应该如何去理解配色呢？

2018-11-12

程远

教程 1.6w

甲方竟敢说你的配色丑！我来教你怼回去（三）

很多设计师在拿到了甲方需求，也和甲方进行了充分沟通的前提下，所完成的作品，甲方还是不满意。可能甲方会说，这个蓝色不是我想要的。虽然你已经按照需求，在色彩上作出了调整，但是你要知道，同样是蓝色，也有分为浅蓝色、天蓝色、深蓝色等等。

2018-10-11

程远

教程 2.1w

甲方竟敢说你的配色丑！我来教你怼回去（二）

在上一篇《甲方竟敢说你的配色丑！我来教你怼回去（一）》中，我们了解了色彩的性质以及色彩的分类之后，我们再通过色彩之间的搭配组合，来展现丰富多彩的配色效果。色彩单体在设计中的影响力很大，而多种色彩的搭配能够展现出更加丰富多彩的印象，将合适的色彩进行有效的搭配，设计作品的质量会有很大的提升。

2018-10-10

程远

教程 4.2w

甲方竟敢说你的配色丑！我来教你怼回去（一）

当我们看到一件设计作品的时候，映入眼帘的先是配色，然后才是其他的内容，配色的好坏，直接决定了我们对这个作品的第一印象。当然，选中一个合适的配色绝不是一个偶然的事儿，这其实是一项系统的工作，只有知己知彼，把色彩研究透了，才能运用的得心应手。以下几个方面也许就是经常困扰你的点：想要表达的设计思想不知道怎么去选取合适的色彩；缺少对色彩全面的认识；对配色没有一个系统的搭配方法；不懂得如何提高对色彩的敏感度。

2018-10-09

程远

教程 4.1w

如果只能着重使用一种色彩，怎样让网页变得惊艳？

如果你的网页中只能着重使用一种色彩，怎么做才好？跟着设计师 Kulik Oleg 来学学用色吧 ~

2018-09-09

陈子木

优秀网页设计

1/2

1
2
下一页
前往页

大家都在看

用户体验设计

文章 292

App设计

文章 261

交互设计

文章 657

职场经验

文章 117

字体设计

文章 328

视觉设计

文章 159

PS教程

文章 771

酷站

文章 642

AI教程

文章 123

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注