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

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

UI配色话题

4000字干货！从零开始帮你提高配色水平！

UI

4000字干货！从零开始帮你提高配色水平！

本文从色彩的基础知识、配色工具与标准、配色的设计应用等3个方面，帮你提高配色水平。

2022/01/30

10年经验的资深设计师，总结了这份 UI 配色终极奥义

UI

10年经验的资深设计师，总结了这份 UI 配色终极奥义

如果你还对配色一无所知，完全不知道配色应该怎么入手，那么你需要了解一下，我10年经验总结的配色思路。

2020/07/30

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

UI

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

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

2020/07/24

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

UI

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

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

2020/03/20

UI

为什么支付宝要换 Logo 颜色？分析下目前 Logo 的主色趋势

最近支付宝变更了主色，将本来的天蓝色变更成了深蓝色，我要从这个事件入手，来分析下现在UI主色定义的大趋势和成因。

2020/03/17

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

UI

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

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

2020/03/05

每个设计师都要明白的配色可访问性设计

教程

每个设计师都要明白的配色可访问性设计

作为 Handsome 的产品设计师，我最近和以为客户合作创建了一组强可访问性的色彩系统。相比于平时我们用到的配色，这套系统相对更加复杂，要求更高，而我也因此对于色彩的可访问性有了更加深入的了解。可访问性为何如此重要数字产品的可访问性对于所有人（包括在视觉、听觉、语言、肢体和认知上有障碍的用户）而言都很重要，而身为设计师和开发人员，应该将让数字产品具备足够良好的包容性，让所有人都能够从中获得好处。

2018/10/14

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

教程

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

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

2018/05/09

UI配色这件事情，可以指望这6个实用技巧

教程

UI配色这件事情，可以指望这6个实用技巧

用户体验设计涉及到许多流程，需要足够的深思熟虑才能让整个界面和交互符合目标受众的需求，即使看起来不太复杂，每个环节都需要深入细节仔细推敲才行。用户界面的构建过程中，最为耗时的事情是色彩的选择。真正能够和整个设计项目贴合、能够覆盖整个设计中所有元素需求的配色，需要在设计中不断的调整和验证。

2017/12/11

讲真，这可能是目前最全的在线配色工具合集了

教程

讲真，这可能是目前最全的在线配色工具合集了

配色是设计师的基本功，也是日常设计中最核心的部分，甚至是每个设计师每天都得做的功课。为网页选择一种基础色并不难，但是想要一套可用的色彩组合，则是一件相对棘手的事情。所以，很多时候，借助配色工具来寻求配色方案是一个颇为不错的想法。

2017/12/04

学会给配色做减法，让你的设计更加高端！

教程

学会给配色做减法，让你的设计更加高端！

王M争：人类在回忆所看到过的场景和事物时，对色彩的记忆度要高于形态。也就是说，从视觉角度来看，一款产品给用户留下最深的印象往往是界面的配色。由此我们也能够看出配色可以说是设计师最重要的武器，很可能没有之一，但是这个武器有使用的「限制」。

2017/10/27

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

教程

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

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

2017/10/22

看似简单的单色配色，需要这些技巧帮你玩转

教程

看似简单的单色配色，需要这些技巧帮你玩转

配色几乎是所有设计分支当中都绕不开的问题。通常我们所看到的配色都是由2~3种主要的色彩构成，单色配色并不是设计师的首选配色方案。但是单色配色方案在很多设计项目当中，都呈现出了极具表现力的一面。

2017/10/13

从这些工具开始，在设计时更科学地搞定配色

酷站推荐

从这些工具开始，在设计时更科学地搞定配色

设计师所熟练使用的诸多工具中，色彩绝对是最重要的一种。无限的色彩组合和多样的色调变化，并不可能完全为人所掌握，在设计项目中，色彩的运用方式也是千变万化，所以配色这件事，始终都是技术活，合理的运用工具才能尽可能好而快地搞定色彩的问题。所以，今天的文章我从3个方面梳理出了设计师最常用的色彩工具合集，希望对你有所帮助：·获取灵感·创建自己的配色方案·让配色方案无障碍地使用1、获取灵感大自然获取灵感的方式很多，其来源也各不相同，各种平面设计作品、室内设计案例、时尚先锋们的新闻等等嗯低。

2017/06/22

在配色这件事情上，总会有一些有趣且有用的小技巧

教程

在配色这件事情上，总会有一些有趣且有用的小技巧

配色这件事怎么聊都聊不完，不是么？选对色彩，是每个设计师的基本功，说来简单，但是千变万化，看似复杂，然则有迹可循。似乎每个设计项目在配色上，都多少会有些争议，团队讨论的时候谁都可以插手说上一嘴，甚至许多产品的配色方案直到上线之前还会存在争议。

2017/06/11

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

网页

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

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

2017/04/24

这5个色彩进阶技巧，能帮你创造更优质的网页用户体验

产品

这5个色彩进阶技巧，能帮你创造更优质的网页用户体验

色彩几乎是所有设计体系中不可忽略的组成部分，而在网页设计中，色彩本身所发挥的作用并不单一，除了最基本的着色构成色彩搭配的作用之外，色彩能够通过对比创造视觉焦点，构建信息层次，影响用户情绪，甚至引导访客的行为。所以，在玩转配色本身之外，进阶的色彩运用技巧还有很多。1、通过比例变化创造视觉焦点控制色彩的比例来创造视觉焦点是常见的色彩运用手法之一，控制色彩的比例实际主要是通过控制色彩所在元素的大小来达成效果的。

2017/02/25

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

UI

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

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

2017/02/10

没有更多文章了

大家都在看

ICON

文章 204

交互设计

文章 778

ps技巧

文章 639

神器下载

文章 129

视觉设计

文章 182

设计规范

文章 206

字体下载

文章 136

平面设计

文章 442

设计流程

文章 152

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc411

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营