菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计素材
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
配色 话题
首页
设计文章
配色
配色方案
收录64篇文章
配色技巧
收录60篇文章
网页配色
收录52篇文章
工作效率
收录45篇文章
导航栏设计
收录40篇文章
3 / 6
到第
Go
页
平面
零基础小白利用谷歌这个神器，也能成为配色达人！
编者按：本文写给那些看了一堆色彩理论依然做不好配色的同学，@呆呆丶L 教你借助谷歌的Material Design配色板，轻松晋升UI 配色达人。2017年流行色丨《玩转草木绿！在这里了解2017的年度潘通流行色》前言很多小伙伴都说自己配色如屎，因为没学过色彩，没画过画，导致每次配色时都小心翼翼的。
2017/01/16
配色方案
教程
超多案例！零基础学配色系列之黄色+绿色篇
@飞屋睿UIdesign ：人气超高的从零开始学配色教程出进阶版咯。进阶版不仅增加了更多案例，而且案例的配色也越来越丰富，特别全面的系列教程，建议收藏。往期回顾：《带你重新全面认识色彩系列之橙色进阶篇》《超多案例！
2016/12/30
配色理论
教程
超多案例！零基础学配色系列之红色+蓝色篇
@飞屋睿UIdesign ：人气超高的从零开始学配色教程出进阶版咯。进阶版不仅增加了更多案例，而且案例的配色也越来越丰富，特别全面的系列教程，建议收藏。上期回顾：《带你重新全面认识色彩系列之橙色进阶篇》红色色彩是光的魔术。
2016/12/27
配色理论
教程
腾讯好文！配色新人应该学会的6个色彩知识点
今天腾讯的@余盼Designer 从色彩构成、色彩联想、情感化设计、秋冬流行色和案例分析等6个方面聊聊色彩在设计中的应用。先来回顾一下：2016春夏的色调：《2016流行这2种色彩！附优秀网页设计案例》2016秋冬流行色：《不得不看的2016年秋冬流行色》 首先是色彩的构成。
2016/10/19
经验分享
平面
神器两连发！谷歌新出的取色小工具+5个常用的色彩灵感网站
编者按：今天推荐的这两个神器，一个是谷歌的小功能，只要输入色码就可以出现选色工具。另外推荐了5个使用频率较高的配色灵感在线工具，一起来收！Google 搜寻只要在 Google 搜寻框输入色码（HEX 或 RGB）等搜寻关键词就能开启小工具，它包含一个简单取色功能，能在调色盘中取得各种颜色，以及 HEX（#cccccc）或 rgb(204, 204, 204) 色码，还能转换为 HSV、HSL 及 CMYK。
2016/10/18
经验分享
教程
超实用！手把手教你从大师的作品中借鉴配色灵感
@飞屋睿UIdesign ：“凡事预则立，不预则废”，这句话一样适用于设计时的配色。一个有血有肉的设计，在配色前一定是经过了色彩的筛选和斟酌。那么，我们的配色方案如何得来？
2016/10/13
配色方案
教程
高手私藏经验！后期修图时如何模拟商业摄影大片的色彩？
@他山之眼 ：今天要给大家介绍一个我从来都没有讲过的方法，这个方法还是比较强大和酷炫的，在时尚片中有着非常重要的应用，后期中经常用来模拟商业摄影和时尚大片的色彩，学修图的同学别错过咯！大家经常看到一些商业摄影，时尚大片，它们的感觉是这样的：它们给人的感觉是色彩很“高级”，就是色彩与色彩之间的过渡比较平滑的同时界限还比较明显，并且不同区域的色彩匹配比较舒服，整体给人的感觉比较时尚。这些片子前期的拍摄肯定很重要，后期的修饰（皮肤质感的处理、光影的重构）也很重要，但今天我们就不聊这么多，就只谈色彩。
2016/09/16
配色要诀
教程
用这两个技巧，科学解决没灵感+不好看的配色难题
@杨洋-XHM ：配色过程中，很多同学面对拾色器面板，容易感觉毫无头绪，无从下手；而如果直接模仿高手的配色，最后效果往往也是大相径庭。有没有一个科学有效的配色方法，能让灵感泉涌，且效果惊艳呢？今天分享两个学完可以直接上手的技巧，附上色彩基础知识，方便新手学习。
2016/09/08
配色方案
教程
超多案例！从3个方面帮你学习色彩层级的奥秘
@傻傻的张晓明 ：如何快速简单让你的设计看起来更加有系统性和节奏感，并且有自己分析设计的方法？因为之前也看过很多关于设计的分析，大都是“色彩心理学”、“配色原理”之类的巴拉巴拉… 这些内容大都落在单个画面中，不太强调色彩的系统规划。
2016/09/07
配色理论
教程
人气教程最终版！写给非科班设计师的渐变色学习指南
Samuel：本渐变系列教程包括上中下篇，上篇介绍了见渐变的基础概念和线性渐变的运用，中篇通过实战巩固上篇的知识，同时学习放射性渐变。今天下篇是渐变色的进阶教程，除了复习前两篇的基础外，还会学习角度渐变和金属渐变，整个教程循序渐进， 零基础也可以轻松学会。由于本教程是一个系列，没看上中篇的同学阅读时可能会吃力，所以建议先阅读以下两篇：上篇：《一份全面系统的渐变色自学指南》中篇：《如何用渐变色绘制高格调的背景+球体》（下）篇主要会介绍以下三个主题：基础复习/练习角度渐层变化 （ Angular Gra...
2016/07/28
配色理论
教程
六大步骤！细说电商Banner图设计之色彩的奥秘
@TTTing1 ：这是我专门为电商Banner图设计所写的一篇关于色彩的文章，文章包括6个部分，包括Banner的组成要素、Banner的作用、有哪些会影响到信息传达的因素、色彩起到的作用以及如何使用色彩等，案例丰富，深入浅出，强烈建议阅读！小婷姐的电商设计系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！
2016/07/21
Banner
教程
色彩的意义！用户体验设计师必知的色彩基础知识
编者按：色彩的含义和对于用户体验的影响算的上是基础的色彩知识了，在开始做配色方案满脑子浆糊的阶段，这些色彩知识可能会非常有用~紧跟上次的文章《从这里入手！让你的设计拥有高转化率的配色知识简明指南》，咱们继续探讨色彩对于用户体验设计的影响。色彩和形象是用户视觉感知中最快也是最直接的元素，无需语言和文字，色彩会在第一时间通过眼球反馈到大脑，触发感受，影响情绪。
2016/07/09
配色方案
教程
从这里入手！让你的设计拥有高转化率的配色知识简明指南
编者按：我们总希望自己的设计能够拥有不错的转化率，但是高转化率并非一蹴而就，也没有一劳永逸的万能方案，一切都是要从基础上着手。今天我们聊聊要做高转化率的设计，应当具备哪些色彩上的基础知识~对设计师而言，色彩是最强有力的工具之一，不同的色彩能够唤起用户不同的情绪和不同的感受，这也是大家都熟知的事情。可如果你真的从零开始一个全新的设计项目就会发现，要拿出一套真正适合这个项目的配色方案是何其艰难。
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配好色。
2016/04/12
配色理论
教程
强烈推荐！帮你从零开始全面掌握UI设计的配色方法
编者按：一篇你绝对不想错过的文章！以前的色彩知识大多是基础科普，容易看完就忘，配色时还得翻书。但今天这篇，大多是从实战出发，学完可以立刻上手，而且还附有作者本人的色板、配色工具等等，无论是小白还是UI设计师，这篇都不容错过！
2016/04/01
App设计
教程
2016设计新玩法！帮你全面掌握活力十足的双色调设计趋势
从Spotify 的案例开始，双色调这种网页设计方式一天比一天流行了，仅用一对颜色去进行设计的效果非常惊人，这种风格的图片看起来非常有趣，充满活力且相当时髦，最近的新网站很多都采用这种设计方式。今天这篇译文可以帮助你更充分全面地了解和使用这项设计方法！「2016年设计趋势」设计篇：《再作印证！
2016/03/30
2016设计趋势
教程
深入浅出学配色！带你重新全面认识色彩系列之紫色篇
@飞屋睿UIdesign ：上次说了色彩系列的蓝色，今天继续聊聊紫色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。
2016/03/21
配色方案
教程
深入浅出学配色！带你重新全面认识色彩系列之蓝色篇
@飞屋睿UIdesign ：上次说了色彩系列的绿色，今天继续聊聊绿兰色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。
2016/02/28
配色理论
酷站推荐
酷站两连发！在线配色网站+谷歌的免费Material风格图标
今天除了一个清新干净的在线配色网站，还有最近发现 Google 在自家的 Google Design 网页里收录整套的平面化设计图示 Material icons，如果你正好在开发网页，或者设计 iOS、Android 应用程序，这套图标是个可运用的高质量免费资源。LOL ColorsLOL Colors 网站是一个很简单、设计可爱的在线配色工具，我曾经介绍过许许多多的选色服务，使用上都大同小异，没有太过突出的功能，当然这个 LOL Colors 也差不多，你可以在这里找到许多的色彩组合，将鼠标光标...
2016/02/27
ICON
教程
涨姿势！潘通每年发布的年度代表色是如何评选出来的？
@小舒子爱微笑 ：这两日由于商议到学校购置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界面配色方法
如何快速选择或搭配颜色？今天@Micu设计 和大家介绍在界面中最为常用的三个方法，简单实用，附上大量的优秀实例，特别适合刚入门的色彩新手，学起来！快过年了，大家手头上的事都很多，于是很多同学要设计活动页面或者APP界面大改版等，那么如何快速的选择或搭配颜色呢？
2016/02/02
App设计
教程
深入浅出学配色！带你重新全面认识色彩系列之黄色篇
@飞屋睿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
配色方案
3/6
上一页
1
2
3
4
5
6
下一页
前往
Go
页
大家都在看
UI
文章 147
立即查看
字体下载
文章 136
立即查看
App设计
文章 264
立即查看
职场
文章 137
立即查看
设计流程
文章 151
立即查看
海报设计
文章 284
立即查看
平面设计
文章 438
立即查看
用户体验设计
文章 319
立即查看
logo设计
文章 188
立即查看
优设读报
2022年09月25日 星期日
01
电子游戏开发商索尼克工作室启用全新动画 LOGO
02
安卓版「灵动岛」APP 正式上架：名为 dynamicSpot
03
PICO 4 新品海外亮相，国内 9 月 27 日发布
04
维基百科寻找「声音 Logo」
05
Getty 图片社禁止上传和销售 AI 艺术工具生成的作品
查看全部
设计法则
用超多易懂的案例帮你学会经典设计法则
查看专题
专题
已有45.0w位观众
已收录
11
篇持续更新
那些很熟悉但又叫不出名字的设计法则：恐惧留白
49639 人阅读
那些很熟悉但又叫不出名字的设计法则：需求的等级
29947 人阅读
细节
使用这个新手势，你能在「网易云」更快找到喜欢的歌曲
用「网易云音乐」听歌时，在播放音乐的界面下方对相关操作处轻划，会横向出现更多相关操作的菜单。可直接查看该歌手的信息、点击进入其主页，也可轻松快速找到相似歌曲并点击直接播放。在原本简单的界面，合理增加一些实用的手势交互，就能让用户一秒找到想看的信息及可能想听的歌曲。
2020/02/29
桃子
交互手势
设计问答
全部问答
张小闲 邀请你来回答
灵动岛太惊艳了！这次苹果iPhone 14 Pro 系列的「灵动岛」设计让你心动了吗？
1.9w位设计师围观了该问题
我来回答
大白(●—●) 邀请你来回答
“羊了个羊”爆火出圈，是设计师对用户心理的精准拿捏？
4.4k位设计师围观了该问题
我来回答
优设琅琊榜
查看全部
1.9w
1/9
从《清平乐》到《夏洛特烦恼》的影视插画女神：才仙
大仙儿～
心中有光，前路漫长。
设计神器
全部神器
免费打包！圈内大神的400+页PPT源文件开放下载啦！
神器推荐
第二波！2021年11月精选实用设计干货合集
神器推荐
第一波！2020年4月超实用设计工具大合集
神器推荐
又一个抠图神器！完全免费无需注册超好用！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
网站内容运营
武汉
大专及以上
经验不限
4k-6k
优设内容编辑
武汉
本科及以上
1-3年
8k-10k
视觉UI设计师
深圳
本科及以上
3-5年
15k-25k
查看全部
行业新闻
发布行业新闻
百度正式发布新一代小度配送机器人，实现多模态交互
新品推荐
NVIDIA 性能飞跃：全新 GeForce RTX 40 系列 GPU 和 NVIDIA Studio 的更新推动 AI 革命
新品推荐
潘虎升级汾酒包装！中式审美，优雅含蓄
新品推荐
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
