菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

配色理论话题

首页
设计文章
配色理论

教程 4.7w

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

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

2019-05-05

程远

教程 2.0w

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

相信在日常工作中，经常会听到「这个画面看起来很凌乱」、「颜色太多太杂了」、「画面没有重点」之类的意见（吐槽）。怎么才能合理的把这些「意见」怼回去呢？今天真的要开怼了。

2018-10-12

程远

教程 1.7w

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

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

2018-10-11

程远

教程 2.1w

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

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

2018-10-10

程远

教程 4.3w

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

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

2018-10-09

程远

教程 3.2w

基础科普！配色过程中需要牢记的 9 个设计要点

本文总结了配色过程中需要牢记的9个设计要点。欢迎关注「优秀网页设计」公众号：图片素材作者：Maggie Appleton「高手的配色技巧」《高手的平面课堂！最容易上手的配色方法》《高手用10分钟，就能让你搭配出好看的颜色》《快速上手！

2018-08-28

程远

教程 4.0w

超全面！UI设计中的字体配色方法总结

王M争：今天来给大家分享产品设计中文字配色的一些知识点。要给文字配色，首先我们要知道你的产品(界面)中有哪些文字。在这里，我将产品中的文字主要分为以下四种：标题类、正文类、提示类和交互类。

2017-10-22

程远

UI 9.6w

看过那么多UI 配色指南，这篇可能是最全面的（附大量实例）

编者按：本文包括如何选择配色方案/适合上手的配色工具/如何利用色彩提高可读性/为色盲用户配色等多个小节，涵盖了大部分UI 配色的知识点，同时附有大量实例，强烈推荐阅读。就重要性而言，在APP 应用中色彩元素扮演的角色仅次于功能。人与计算机的互动主要基于与图形用户界面元素的交互，而色彩在该交互中起着关键作用。

2017-02-10

程远

平面 6.6w

高手私藏系列！怎样的PPT 配色会让人觉得舒服?

编者按：排版、配色、字体号称平面设计里的三大杀手，昨天已经将排版的方法教给大家，今天继续第二部分——配色。看完这期的配色教程，保证让你的PPT 格调猛增！高手私藏系列：4个高手私藏方法，省下你50%的PPT制作时间高手私藏系列！

2017-01-29

程远

新视野 1.3w

2017年度设计大奖+构建色彩平衡的6个小技巧

编者按：本栏精选了优设的精选微博，人气不一定最高，但一定能帮你扩大设计视野，学到实战设计知识的。想学习更多的设计知识，欢迎关注优设微博主编：@爆炒地瓜权威设计杂志 Wallpaper* 2017 设计大奖揭晓轻松搞定配色问题！构建色彩平衡的6个小技巧【优设网原创文章投稿邮箱：yuan@uisdc.com】================关于优设网================“优设网uisdc.com“是国内人气最高的网页设计师学习平...

2017-01-27

程远

红点设计大奖

平面 1.9w

不会用高饱和色彩？来学习这3个实战方法！

编者按：这段时间高饱和度的鲜艳色逐渐流行起来，不过这类色彩难度比较大，一不小心容易脏。@喪心病狂十六夜貓特意带来这个教程，教你在Web/App 界面中运用单色，双色以及重叠效果。说到色彩，优设一直在跟上潮流，比如2017年的潘通流行色，刚发布不久，优设就有了相关的介绍和运用方法，想不落潮流的同学，记得多关注优设官网哟：《玩转草木绿！

2017-01-21

程远

教程 17.4w

超多案例！零基础学配色系列之黄色+绿色篇

@飞屋睿UIdesign ：人气超高的从零开始学配色教程出进阶版咯。进阶版不仅增加了更多案例，而且案例的配色也越来越丰富，特别全面的系列教程，建议收藏。往期回顾：《带你重新全面认识色彩系列之橙色进阶篇》《超多案例！

2016-12-30

程远

教程 13.0w

新手学配色，看这篇《色彩设计原理》读书笔记就够了（一）

拉麵Ramen Wu：这篇笔记主要是针对该书中各章节内容的核心内容摘录，作为温故知新的目录也好，作为反复精读的索引也好，希望对喜欢色彩搭配设计的你们能在本文中有所收获。Chapter 1 色彩基础（Basic Knowledge of Color Rules）1.1 色彩的构成1.1.1 什么是色彩印刷品设计：色彩就是可见光在物体颜料上除去被吸收的光后，散射出来的光的颜色，是一种「反射色」互联网设计：色彩就是白色光透过带颜色的电子屏幕后，表现出来的光的颜色，是一种「透过色」1.1.2 色彩的构成色...

2016-12-29

程远

教程 4.6w

超多案例！零基础学配色系列之红色+蓝色篇

@飞屋睿UIdesign ：人气超高的从零开始学配色教程出进阶版咯。进阶版不仅增加了更多案例，而且案例的配色也越来越丰富，特别全面的系列教程，建议收藏。上期回顾：《带你重新全面认识色彩系列之橙色进阶篇》红色色彩是光的魔术。

2016-12-27

程远

教程 3.2w

超实用！设计师自学手册之色彩搭配简易指南

这篇文章比较系统的介绍了寻找配色方案灵感的一些思路，辅以大量案例来解释配色方法，通俗易懂，最适合新手了。色彩是设计师手中强大的武器。它吸引着用户的视线，唤起情感，传达内涵。

2016-12-15

程远

教程 2.2w

确实好使！在设计项目中合理使用色彩叠加效果

色彩几乎是所有设计中都至关重要的组成部分，无论是明亮大胆的配色方案，还是简约的黑白色调，你的用色将会直接影响整个设计的实际效果。近两年，在色彩运用上有许多值得一提的手法，其中最有意思也最常见的应该就是色彩叠加。使用半透明的色块（纯色或者渐变）叠加到图片或者视频上，这种效果能够强化图片本身的氛围，赋予含义，并且更好地吸引用户的注意力。

2016-10-26

陈子木

优秀网页设计

教程 1.1w

感觉配色不科学？设计师用色前需要这样思考！

Kana：“为什么一定要用这个颜色？”、“这几个颜色有差别吗？为什么要设定这么多色值啊？

2016-10-14

程远

教程 1.6w

超多案例！从3个方面帮你学习色彩层级的奥秘

@傻傻的张晓明：如何快速简单让你的设计看起来更加有系统性和节奏感，并且有自己分析设计的方法？因为之前也看过很多关于设计的分析，大都是“色彩心理学”、“配色原理”之类的巴拉巴拉… 这些内容大都落在单个画面中，不太强调色彩的系统规划。

2016-09-07

程远

教程 4.2w

人气教程最终版！写给非科班设计师的渐变色学习指南

Samuel：本渐变系列教程包括上中下篇，上篇介绍了见渐变的基础概念和线性渐变的运用，中篇通过实战巩固上篇的知识，同时学习放射性渐变。今天下篇是渐变色的进阶教程，除了复习前两篇的基础外，还会学习角度渐变和金属渐变，整个教程循序渐进，零基础也可以轻松学会。由于本教程是一个系列，没看上中篇的同学阅读时可能会吃力，所以建议先阅读以下两篇：上篇：《一份全面系统的渐变色自学指南》中篇：《如何用渐变色绘制高格调的背景+球体》（下）篇主要会介绍以下三个主题：基础复习/练习角度渐层变化（ Angular Gra...

2016-07-28

程远

教程 2.4w

让配色更加顺畅，你需要记住的7条定律

编者按：与发现惊艳的色彩搭配相比，想创造一个和设计作品更为贴合的配色方案可能更难。今天@喪心病狂十六夜貓这篇好闻，分享了7个方法，从了解目标用户开始，步步深入，帮你找到好看还实用的配色方案。配色对于设计师来说，不论是用来集中用户的注意力还是表达感情或者是传递信息都是非常有力的工具。

2016-07-10

程远

教程 2.2w

色彩的意义！用户体验设计师必知的色彩基础知识

编者按：色彩的含义和对于用户体验的影响算的上是基础的色彩知识了，在开始做配色方案满脑子浆糊的阶段，这些色彩知识可能会非常有用~紧跟上次的文章《从这里入手！让你的设计拥有高转化率的配色知识简明指南》，咱们继续探讨色彩对于用户体验设计的影响。色彩和形象是用户视觉感知中最快也是最直接的元素，无需语言和文字，色彩会在第一时间通过眼球反馈到大脑，触发感受，影响情绪。

2016-07-09

陈子木

教程 1.7w

从这里入手！让你的设计拥有高转化率的配色知识简明指南

编者按：我们总希望自己的设计能够拥有不错的转化率，但是高转化率并非一蹴而就，也没有一劳永逸的万能方案，一切都是要从基础上着手。今天我们聊聊要做高转化率的设计，应当具备哪些色彩上的基础知识~对设计师而言，色彩是最强有力的工具之一，不同的色彩能够唤起用户不同的情绪和不同的感受，这也是大家都熟知的事情。可如果你真的从零开始一个全新的设计项目就会发现，要拿出一套真正适合这个项目的配色方案是何其艰难。

2016-07-07

陈子木

如何优化网页转化率

教程 4.0w

入门必看！给零基础新手的超快速色彩知识小科普

编者按：今天这篇好文，是国外一个价值99美元的动态设计收费教程中的一小节，文章简单精炼，图例精美，适合新手快速学习色彩方面的知识，一起来看@Damon_Yuen 的译文。动态设计首要就是一种视觉媒介。我们使用视觉去传达，获取灵感以及引导。

2016-06-19

程远

教程 3.9w

高手怎么配色？一个优秀配色方案的探索过程全揭秘！

@可乐橙_ColaChan ：选择配色方案往往是个难题，尽管网上有各种各样的色彩库，配色仍然至关重要，有时候最好还是亲自动手。而且这个过程也非常有意思。今天这篇好文来自一位配色高手，来看看人家是怎么做出一个优秀配色方案的。

2016-05-15

程远

教程 6.0w

新手配色手册！可能是最简单实用的色彩搭配指南

编者按：今天的色彩搭配教程是针对零基础的新手写的，分别是<基础：色彩的组成>、<进阶：色彩的搭配>、<高阶：调色三要素>3个部分，有图有实例，文末推荐了一个网站一个视频，都是帮你提高配色技巧的，建议阅读。1. 基础教程：色彩的组成关键词：原色间色复色色环所有的色彩都是源自”红黄蓝”三种原色。有人可能会潜意识地认为三原色是”红绿蓝”，但其实不是。

2016-05-10

程远

教程 2.2w

思路很重要！搞定完美配色方案应当思考的八个问题

编者按：配色的文章并不少，有的是关于趋势，有的则探讨技巧。那么要搞定一整套的配色方案，从头到尾应当注意哪些问题，又该拥有怎样的思路呢？今天的文章，就帮你解决这个问题。

2016-04-22

陈子木

教程 3.2w

新手入门！给零基础小白专门打造的色彩基础教程

色彩的内容很多，我们分3篇讲解。第一篇：颜色基础知识；第二篇：颜色的理论和配色实例；第三篇：教你如何利用颜色工具处理照片。今天先说前两篇，不会配色的同学记得阅读收藏。

2016-04-19

程远

教程 5.0w

配色黑名单！有哪些配色方案是一定要小心规避的？

编者按：当我们讨论配色的时候，通常聊的是配色趋势、配色规则和配色方法，但是与此同时，我也应当合理的规避一些比较典型的错误配色方式。这个配色黑名单并不长，但是覆盖了多属的配色问题，不妨仔细看看~网络是一个多彩的世界，而色彩也是网络吸引用户注意力的主要手段之一，它令人产生兴趣，给人带来影响，并且通过对比、衬托带来愉悦的浏览体验。与此同时，色彩还是设计趋势中无法忽略的一个重要组成部分，无论是扁平化设计还是Material Design，色彩的运用都是重中之重。

2016-04-12

陈子木

教程 2.0w

超全面！完全没有设计基础的新手如何做好PPT配色？（附神器）

@程利健：对于不是科班出身的我，虽然没有接受过专门的色彩学习，但是我擅长从生活中积累，从实战中学习。大学毕业至今，我几乎每周都会做两到三个PPT。所以今天我是站在一个实践者的角度来谈谈，非科班出身的人该如何给PPT配好色。

2016-04-12

程远

教程 11.9w

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

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

2016-03-21

程远

1/2

1
2
下一页
前往页

大家都在看

设计理论

文章 128

神器下载

文章 129

壹周速读

文章 122

PS教程

文章 772

干货大合集

文章 164

职场

文章 134

干货

文章 149

海报设计

文章 250

交互设计

文章 674

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc123

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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