配色 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

作品集指导

优设设计专家语音在线指导

开通VIP

领取更多设计师实用特权

投稿

配色话题

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

教程

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

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

2016/07/07

这种方法更专业！设计网页时选择配色的八个要点

教程

这种方法更专业！设计网页时选择配色的八个要点

编者按：选择和品牌一致的颜色、导航菜单栏用对比色、不要同时用大量红色和绿色...... 今天@喪心病狂十六夜貓这篇好文，科普了8个简单实用的网页配色要点，一起来收！喜好不同，有人喜欢单色也有人喜欢鲜艳的配色，解决的方法也随着喜好变化，在挑选颜色时要进行深刻的检讨，并不是因为颜色看起来很棒所以选它、而是要在设计的战略性上考虑，约束自己的个人情感。这个笔记，主要讲述的是网页制作的配色选择的八个要点。

2016/06/26

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

教程

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

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

2016/06/19

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

教程

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

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

2016/05/10

留意新趋势！个性鲜明风格迥异的双色网页设计

教程

留意新趋势！个性鲜明风格迥异的双色网页设计

编者按：我们过去印象中的双色配色的设计，多是复古而有情怀的，非常的“80年代”。但是今天的双色配色的范畴已经远超越了复古，它可以柔媚也可以冷硬，可以前卫也可以个性，双色配色有多强大，也许取决于你脑洞。双色配色方案并不是简单的两种色彩搭配到一起，这两种色彩通常是两种对比明显的色彩。

2016/04/14

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

教程

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

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

2016/04/12

强烈推荐！帮你从零开始全面掌握UI设计的配色方法

教程

强烈推荐！帮你从零开始全面掌握UI设计的配色方法

编者按：一篇你绝对不想错过的文章！以前的色彩知识大多是基础科普，容易看完就忘，配色时还得翻书。但今天这篇，大多是从实战出发，学完可以立刻上手，而且还附有作者本人的色板、配色工具等等，无论是小白还是UI设计师，这篇都不容错过！

2016/04/01

2016设计新玩法！帮你全面掌握活力十足的双色调设计趋势

教程

2016设计新玩法！帮你全面掌握活力十足的双色调设计趋势

从Spotify 的案例开始，双色调这种网页设计方式一天比一天流行了，仅用一对颜色去进行设计的效果非常惊人，这种风格的图片看起来非常有趣，充满活力且相当时髦，最近的新网站很多都采用这种设计方式。今天这篇译文可以帮助你更充分全面地了解和使用这项设计方法！「2016年设计趋势」设计篇：《再作印证！

2016/03/30

2016设计趋势

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

教程

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

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

2016/03/21

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

教程

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

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

2016/02/28

酷站两连发！在线配色网站+谷歌的免费Material风格图标

酷站推荐

酷站两连发！在线配色网站+谷歌的免费Material风格图标

今天除了一个清新干净的在线配色网站，还有最近发现 Google 在自家的 Google Design 网页里收录整套的平面化设计图示 Material icons，如果你正好在开发网页，或者设计 iOS、Android 应用程序，这套图标是个可运用的高质量免费资源。LOL ColorsLOL Colors 网站是一个很简单、设计可爱的在线配色工具，我曾经介绍过许许多多的选色服务，使用上都大同小异，没有太过突出的功能，当然这个 LOL Colors 也差不多，你可以在这里找到许多的色彩组合，将鼠标光标...

2016/02/27

涨姿势！潘通每年发布的年度代表色是如何评选出来的？

教程

涨姿势！潘通每年发布的年度代表色是如何评选出来的？

@小舒子爱微笑：这两日由于商议到学校购置Pantone色卡的问题，所以也关注了2015年Pantone 发布的年度色，以下的资料主要来自其官网和Facebook，希望对大家有些许的帮助。一、Pantone 公司简介Pantone 公司是一家以专门开发和研究色彩而闻名全球的权威机构和供应商，于1963年由Lawrence Herbert 创办，并在2007年被X-Rite 收购。Pantone 的配色系统已经延伸到色彩占有重要地位的各行各业中，如平面印刷，纺织品制造等等。

2016/02/26

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

教程

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

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

2016/02/17

酷站推荐

顶尖灵感库！专门收录世界知名品牌标准色的BrandColor

一般在品牌商标（Logo）使用规范中，都会对颜色、书写字样或留白等细节提供详尽的说明，其中最被使用者熟悉的「标准色」就是设计里相当重要的一环。所有品牌都会有其最常使用的颜色，而这颜色通常会被用户记忆在脑海里，例如 Facebook 的蓝色、Yahoo 的紫色、Spotify 的绿色等等，虽然大略知道这颜色，却很难准确说出它的色码（只有设计师才有这种天赋吧！），如果需要时该去什么地方搜寻呢？

2016/02/08

色彩三刀流！为新手量身打造的UI界面配色方法

教程

色彩三刀流！为新手量身打造的UI界面配色方法

如何快速选择或搭配颜色？今天@Micu设计和大家介绍在界面中最为常用的三个方法，简单实用，附上大量的优秀实例，特别适合刚入门的色彩新手，学起来！快过年了，大家手头上的事都很多，于是很多同学要设计活动页面或者APP界面大改版等，那么如何快速的选择或搭配颜色呢？

2016/02/02

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

教程

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

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

2016/01/27

优秀网页设计

酷站两连发！超实用的网页标准色升级版+高格调大图素材站

酷站推荐

酷站两连发！超实用的网页标准色升级版+高格调大图素材站

编者按：今天的两枚酷站，第一个提供16种更好看的网页默认标准色，附上CSS 样式文件，方便实用。第二个专门为「颜控」的设计师提供了超多高格调的大图作为桌面背景，都是好东西，别错过咯。Colors.css网页安全色有216中，但支持颜色名称作为颜色值的只有16种，分别是aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

2016/01/20

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

教程

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

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

2016/01/17

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

教程

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

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

2016/01/16

酷站两连发！在线色彩搭配工具+快速生成占位图片器

酷站推荐

酷站两连发！在线色彩搭配工具+快速生成占位图片器

今天为大家介绍设计导航最近收藏的优秀在线配色工具：Colorfavs，主要用于上传图像并获取图像颜色，功能和 Pictaculous、Color hunter 配色工具类似，但小编觉得它的体验还是不错的，比如界面设计简洁，可以浏览优秀颜色搭配、收藏配色方案功能、拖拽上传图像抓取颜色配色等等，都是不错的功能。Colorfavs上传图像获取配色方案Colorfavs 工具界面简洁，不需要教学就知道怎么用啦，如果要上传图像，直接拖动到窗口 Upload 区域不能上传，很方便哦！众多漂亮配色方案汇聚众多的漂...

2016/01/15

有哪些看上去很高大上，但实际很简单的PS技巧？（渐变色篇）

教程

有哪些看上去很高大上，但实际很简单的PS技巧？（渐变色篇）

@六虚子：我是昨天开始学习渐变的，摸索出一个很随便的傻瓜方法，适合和我一样对颜色研究不深，又急需应用的朋友。小编良心保证，再零基础的同学也能学会，而且效果还很棒！本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）新手即学即用系列：《有哪些看上去很高大上，但实际很简单的PS技巧？

2016/01/13

2016流行这2种色彩！附优秀网页设计案例

教程

2016流行这2种色彩！附优秀网页设计案例

@十萬個為什麽：潘通为2016年选出的“年度色彩”令人拍案叫绝，融合了蔷薇粉与宁静蓝来构成这组色调。这组柔和的配色很可能会成为接下来一年的配色趋势。正如潘通往年的选择，这些颜色通常都会成为设计、时尚与其他项目的标杆。

2016/01/11

配色小技巧！怎么才能使粉色看起来非常硬汉？

教程

配色小技巧！怎么才能使粉色看起来非常硬汉？

@-FuniFuni- ：颜色像人一样都是有性格的，配色的时候可以考虑一下各种颜色的个性，然后把不会打架的放在一起，自然能达到想要的效果。如果你非要用粉色这么骚气的小孩玩硬汉，办法也有很多，基本可以从以下几个方向入手。拿重色压，降低彩度，减小面积，宁方勿圆。

2016/01/04

有这篇就够了！为零基础新手量身打造的安全配色指南

教程

有这篇就够了！为零基础新手量身打造的安全配色指南

@Chuckie-Chang ：今天对一些配色技巧和方法做一个分享和总结，无论你有美术基础/色彩基础还是零基础，都可以使用此方法创造出安全的配色方案。所谓安全配色，就是遵循一些设计规范，色彩规范，适应于Web和其它方面的UI设计，在这些色彩的基础上，只要能控制好比例，就可以大胆的配色，无需参考，无需临摹，无需借鉴。一种感性的安全配色，一种符合标准的安全配色。

2015/12/18

可选颜色怎么用？两个实例教你调出浓烈的秋天氛围+蓝天色调

教程

可选颜色怎么用？两个实例教你调出浓烈的秋天氛围+蓝天色调

编者按：Photoshop中有个特别好用的功能叫「可选颜色」，学会后期思路后用这个可以超方便地做出很多后期效果，今天@他山之眼用两个风格作为实例演示，帮你掌握这个酷炫功能的使用方法。本文为作者授权优设发布，未经作者本人授权请勿转载：）这种图片看起来色彩非常的柔和，整体的氛围非常有秋天的味道。（本图来自中关村摄影论坛用户：子路_10）原图是这样的：其实要调出这种色调，重要的三个方面。

2015/12/10

新手速成！一份简单明了的网页设计用色指南

教程

新手速成！一份简单明了的网页设计用色指南

其实今天网页设计中的配色和用色方式，是一件非常有趣又值得思考的事情。尽管绝大多数的网站看起来非常相似，但是巧妙的用色会让布局平庸的网站显得不同凡响。其实我并不是想说某种革命性的用色技巧或者某个全新的发现，但是绝大多数的网站配色看起来确实非常相似。

2015/12/01

优秀网页设计

配色教程特别版！3个技巧搞定可视化信息图的色彩搭配

信息化视图

配色教程特别版！3个技巧搞定可视化信息图的色彩搭配

虽然如今好的配色方案已经唾手可得，但想为数据可视化找到合适的配色方案，难度仍然不小。因信息图的独特属性，在保证色彩具有清晰辨识度的同时，还必须满足丰富而不凌乱的配色要求。不过即使你对色彩不敏感，用了今天这篇干货提到的3个技巧，也能轻松制作出好看的信息图。

2015/11/29

超快调色！轻松四步调出宁静的清新色调+沧桑的强烈色调

教程

超快调色！轻松四步调出宁静的清新色调+沧桑的强烈色调

编者按：经常看到一类很喜欢的风格，但无从下手，想知道高手是怎么做的？来看今天这两个调色教程速成版。效果惊艳不说，你可以学到@他山之眼是如何观察图片，得出后期思路，最后总结出可以举一反三的方法。

2015/11/11

高颜值教程！Photoshop「匹配颜色」功能全方位科普

教程

高颜值教程！Photoshop「匹配颜色」功能全方位科普

@P大点S微博：一秒调出漂亮色调！今天带来一个基础教程，全面细致地讲解Photoshop里面一个非常厉害的命令：“匹配颜色”（match colour），教程不仅特别具体，而且颜值相当高，想彻底学会这个功能？靠这篇就行！

2015/11/04

缺少灵感？自动生成上千款热门配色色板的Coolors

神器推荐

缺少灵感？自动生成上千款热门配色色板的Coolors

@5key ：也许对大家 Coolors 这款应用有一点印象，它是一款帮助自动生成配色色板的小工具。在同类产品中它应该是做的比较全面的了，在默默的经过了9个月后 Coolors 终于发布3.0新版。除了加强调色功能新版还增加了设计师社区，上千款热门配色色板供你选择。

2015/10/14

6/8

上一页
1
...
4
5
6
7
8
下一页
前往页

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营