菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

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

独家优惠

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

优设私房课

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

法务咨询

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

开通VIP

领取更多设计师实用特权

投稿

配色方案话题

首页
设计文章
配色方案

UI 3.4w

如何为你的UI制定一套色彩系统？来看这个实战案例！

配色常常从确定主色开始，根据行业类型和视觉诉求的需要，选择一种居于支配的色彩作为主调色彩，构成画面的整体色彩倾向。然后选择辅色，添加点缀色，最后按照色彩组合的原则完成设计中的需求。

2020-07-24

大漠飞鹰CY

平面 28.7w

2020潘通年度流行色「经典蓝」新鲜出炉！（附配色方案）

一觉醒来，2020 年潘通年度色就这么发布了。

2019-12-06

陈子木

教程 6.4w

温暖与生命力！2019年潘通年度流行色「活力珊瑚橙」新鲜出炉！

2019 年的潘通年度流行色终于发布了。这家专注于色彩研究和标准化的公司，针对过去一年甚至更长时间维度上的文化和色彩趋势进行广泛分析之后，选出了这款 Living Coral —— 「活力珊瑚橙」作为2019年的潘通年度流行色。在这个全球都处于动荡而不确定的时间点，潘通希望这样一个充满生命力，象征活力的色彩能够像一针强心剂，给每个人都注入能量。

2018-12-07

陈子木

活力珊瑚橙

教程 4.4w

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

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

2018-12-01

陈子木

教程 3.1w

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

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

2018-08-28

程远

酷站推荐 10.1w

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

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

2018-08-18

程远

教程 2.9w

浅色还是深色？教你选择合适的界面配色方案！

我们的日常生活总是会面临无数的选择，尤其是在职业生涯中，我们必须考虑到很多的反对和挑战，更好的设计解决方案不仅是基于建议，而且是以事实、经验和知识为基础的。今天我们要讨论的是 UI 设计师在工作中经常会遇到的一个项目：对于用户界面来说哪个配色方案更好，是浅色还是深色?一、影响配色方案选择的因素可以肯定的是，没有一个特定的选择可以实现所有的目标。解决方案与很多的因素紧密相关，这些因素，不仅包括用户方面，还包括业务目标、市场状况和当前的设计趋势。

2018-05-09

程远

神器推荐 7.2w

神器集大成者！自动LOGO 设计、一键双色调、配色方案全都有！

@短腿僵尸木：从2016年开始，双色调（Duotone）设计就一天比一天流行，这种风格的设计看起来非常惊艳，充满活力还十分时髦。前几天美丫姐在 PS/AI 先森教程系列中，介绍了12种渐变的基本绘制手法，其中就包括 Duotone 风格的剪影渐变：虽说制作起来并不算难，但也是稍费时间的。而今天神器小分队推荐的神器，就是主打 Duotone 风图片素材的网站！

2018-04-21

程远

酷站推荐 6.2w

设计神器Palettable！让你在配色国度成为选妃的君王！

@豁牙子的阿昕：你都怎么找配色？我一般都是配色网站上的整套配色，就直接拿来用了。但往往一套配色里面总有那么一两个不是太喜欢…

2018-03-26

程远

教程 1.9w

在这些因素的制约之下，才能选取出科学的配色方案

Tubik Studio ：我们的日常生活中总是面临着无尽的选择，大量的挑战。设计的决策也是如此，一个正确的决策会受到很多不同因素的影响，经验，知识，事实依据，还有别人的建议等等。在进行UI设计的时候，配色方案的选取是需要通过合理的决策来判断的，是使用深色系的配色比较好，还是浅色系的配色合适？

2018-03-05

陈子木

UI 2.1w

UI设计当中的3C要素：色彩，对比和内容

在以往的商业模式当中，常常讲究“3C”，分别是公司（company）、客户（customers）和竞争对手（competitors）。在如今的UI设计领域也同样有着类似的三要素，它们也是3C，不过和商业模式中的3C不同，它们分别是色彩（Color）、对比度（Contrast）和内容（Content）。虽然它们的基本概念并不复杂，但是在实际的UI设计项目当中，它们比看起来要复杂得多。

2018-02-08

陈子木

教程 3.3w

懒得试配色方案，有其它的解决办法吗？（附常见搭配）

编者按：懒得试配色方案？不妨收藏这些配色网站，和常见搭配，让你的配色更加协调！一. Adobe Color CC二. Color Lovers三. Coolors四. Color Snapper 2五. Colordot六. Adobe Capture CC七. LOL Colors八. Gradients.io九. Material UI Colors 十. 常见搭配欢迎关注微信公众号：「优秀网页设计」「不容错过的色彩搭配总结」《对色彩没感觉？

2018-01-30

程远

平面 4.3w

配色终极奥义！用最爱的图片做出最爱的色卡！

@短腿僵尸木：作为长期纠结配色的设计狗们，总有绘画作品或是影视作品的画面让我们发出惊叹：“天哪，这配色也太好看了吧！” 那么，有什么办法能够用最爱的图片做最爱的色卡，快速获得最贴心的的配色呢？今天设计神器小分队就给大家安利三个在线自定义配色网站：Colorfavs、Pictaculous、Colorhunter。

2018-01-12

程远

平面 3.0w

最近Dribbble 流行的配色风格是什么？看这个网站就知道！

Dribbble 是众所周知的设计社群网站，在网站中有许多人分享设计作品，互相交流或从其他设计获取灵感。当然也有不少网站应运而生，例如 Freebbble 可免费下载 Dribbble 数千种设计素材，或是每次打开浏览器新分页可看到创意点子的 Niice、Muzli 外挂功能，除了把自己的作品上传到 Dribbble 或 Behance 外，其实还有许多有趣的用法，而本文要介绍的网站对于想找配色的设计师来说或许会很有帮助。The Colorbook 是一款相当有趣的色彩工具，它会从当前 Dribbb...

2018-01-11

程远

酷站推荐 1.8w

酷站两连发！Dribbble 最流行的配色板合集+在线mockup 制作

编者按：今天给大家分享的两个超棒的网站，一个专注分享 Dribbble 当天最流行的配色方案，知晓设计趋势就这么简单。另一个是能在线制作样机的网站，特别之处在于它能提供模拟真实场景的样机，让你的作品看起来更有质感。Colorbook酷站链接：https://colorbook.me/一个好的作品，至少要把握好颜色，才会让作品更有吸引力。

2017-12-15

程远

教程 2.9w

这10种色彩，是潘通预测的2017年秋冬两季流行色

虽然流行的色彩来了又去，但是搞清楚接下来的半年会流行什么样的色彩，无论是自己穿衣搭配还是进行设计，都是个不错的参考。今年年中的纽约时装周之后，潘通结合今年的流行趋势和时尚走向，预测了秋冬两季的10大流行色。潘通色彩研究所的执行总监 Leatrice Eiseman 认为，由于动感十足的石榴红（Grenadine Red）和秋枫褐（Autumn Maple）这样色彩的逐步流行，2017 年秋冬两季的流行色整体都偏向于暖色调。

2017-09-14

陈子木

教程 3.2w

为什么蓝色会成为UI设计中最常用的色彩？

你可能已经猜到这篇文章是关于蓝色的。毫无疑问，蓝色是UI设计中最重要的颜色，也是使用范围最广、最常用的色彩。在你的手机当中，许多APP都采用了蓝色的LOGO，而它们的UI也大多也将蓝色作为主色调，Facebook、Twitter、Shazam、Safari、支付宝、知乎、Behance均是如此。

2017-08-06

陈子木

色彩心理学

教程 10.6w

世界上最受欢迎的色彩出炉了，她的名字叫马尔斯绿！

如果说有一种色彩是世界上最受欢迎的色彩，那么它会是什么颜色呢？今天，这个问题的答案出炉了：马尔斯绿（Marrs Green）。目前这款票选出来的绿色（名字里面带了个Green嘛）介于蓝绿之间，实际上谁也说不清它到底更偏绿还是更偏蓝。

2017-07-04

陈子木

色彩心理学

教程 2.2w

风骚一点！在网页中玩转霓虹色的正确姿势

霓虹色真的是让人又爱又恨的一种设计元素啊。作为设计趋势，你会看到别人的设计中，霓虹色的运用是如此的帅气和炸裂，可是自己上手的时候，却一下子将逼格拉回到80年代，尴尬。现实世界中的霓虹灯所带来的效果本就参差不齐，在网页设计当中运用，稍不注意…

2017-06-30

陈子木

优秀网页设计

平面 2.7w

这个教程看完就会！如何为一个图表设计色彩？

Z Yuhan：对色彩的研究通常要么太过随意缺乏逻辑，要么太过理论化难以理解，这篇文章用非常浅显易懂的方式，讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程，给出有力的论证，并得出很棒的结论，非常值得一读。虽然现在要获取的色彩搭配并不难，但是寻找图表（可视化数据）的配色依旧有难度。在 Graphiq （用可视化的形式提供全球各种数据的一家公司，也是作者工作的地方），设计图表色彩就更难了，因为我们的图表需要用各种各样的形式传达上千种数据。

2017-04-30

程远

网页 2.9w

想要提升转化率？那你要明白这些色彩心理学知识

色彩是设计师手里最重要的工具，它是决定了视觉效果，能够影响用户的心情和情绪，左右用户感知和行为。色彩本身并不会产生愉悦感和品质感，但是它能强化它们。你有没有想过，当你在购物的时候，超过90%的购买决策都受到色彩的影响。

2017-04-24

陈子木

平面 3.4w

超实用！写给零基础新手的配色指南

色彩是十分重要的。色彩是设计的表现手法之一，色彩的不同搭配可以改变商品给人的印象。我们生活在这个五彩缤纷的世界里，虽然每天都在享受大自然给予我们的视觉盛宴，但轮到我们自身来运用色彩时，是不是又觉得束手无策，不知所措呢？

2017-04-16

程远

平面 2.5w

高手课堂！5招带你玩转电商最常用的色彩搭配！

电商设计中如何运用好红色？与红色有关的常用色彩搭配有哪些？当红色运用在不同的质感纹理或形状环境时会怎么样？

2017-04-11

程远

神器推荐 2.8w

神器两连发！高质量免费美食图库+帮你快速搞定配色的PSD

编者按：今天两个神器，一个是高质量的免费美食图库，一个是高手做的PSD，可以帮你快速配色。源文件已打包，欲下从速。PSD 是@阿随向前冲推荐的神器，欢迎大家关注他的微信公众号「JasonGodard」虽然介绍过各式各样免费图库，但专注于美食主题的图库相对来说并不多，不过一般提供素材的网站都有为美食建立分类，也是可以找到不错的素材。

2017-03-17

程远

UI 3.1w

用这个设计方案，成功解决了为色盲设计的难题

编者按：色盲是一个庞大的群体，一向鼓励「用设计解决问题」的同学们，是时候学习这个专门为色盲人群打造的设计方案了，附上国内某知名地图的成功案例，强烈建议阅读。无障碍设计（barrierfreedesign）这个概念名称始见于1974年，是联合国组织提出的设计新主张。其理想目标是“无障碍”。

2017-02-22

程远

平面 6.3w

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

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

2017-01-29

程远

平面 1.8w

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

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

2017-01-21

程远

平面 2.5w

配色不好看？让腾讯设计师带你学习色彩三要素！

@余盼Designer ：作为一个刚入行的新人，你是否会常常被以下问题所困扰呢？我参照了模板，为什么最终效果很别扭。为什么我的页面总是花哨？

2017-01-17

程远

平面 3.0w

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

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

2017-01-16

程远

Material Design

教程 11.9w

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

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

2016-12-29

程远

1/2

1
2
下一页
前往页

大家都在看

用户体验设计

文章 288

平面设计

文章 367

设计流程

文章 141

优设大课堂

文章 126

设计干货

文章 141

设计趋势

文章 194

酷站

文章 642

设计师专访

文章 144

UI

文章 141

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc123

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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