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

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

产品 2017年02月11日

按钮最佳实践——色彩的用户体验

简评：作者从用户体验角度提出了按钮最佳实践的几点建议，尤其是色彩方面，提出“色彩心理学”的概念。如果我们看一下 Gmail 的用户体验，界面非常简单，而且看起来好像线框模型的第一阶段。Gmail 设计简洁，颜色单一（单色调），但是很棒！这里的用户体验和上下文密切相关。你看到一个很棒的蓝色的发送邮件的按钮了吗？它的颜色和位置，在这个案例中，比起文字 “Send” 更重要。他们

交互体验 2017年05月10日

案例分析｜通过配色吸引用户注意力的四点技巧

色彩在任何一种设计中都起着很重要的作用，相差不多的色彩却能给用户带来完全不同情感效果。因此，好好利用色彩与生俱来的魅力，就能让你的设计更出彩。互联网和手机的兴起给我们的生活带来了极大的便利，但是也使我们产生了强烈的依赖性。我们发现自己现在已经离不开手机了，我们的时间被各式各样的社交媒体所占据。我们变得越来越浮躁，越来越缺乏耐心，没有足够的时间去独处，去思考。在这样的一个社会

产品 2017年05月08日

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

编者按：今天两个神器，一个是高质量的免费美食图库，一个是高手做的PSD，可以帮你快速配色。源文件已打包，欲下从速。虽然介绍过各式各样免费图库，但专注于美食主题的图库相对来说并不多，不过一般提供素材的网站都有为美食建立分类，也是可以找到不错的素材。先前介绍的 Sozai-Page是专注于日本食物食材的免费图库，收录各种纯白背景的高画质相片下载，非常好用；另外还有我很喜欢的另一

产品 2017年03月18日

UI 配色整理

UI配色总结配色一直都是我的弱点，而且会在这方面纠结很久，相信有些朋友也会遇到此类问题；所以花了点时间整理了关于配色的知识和方案，其中参阅了网站上很多设计师的文章，汲取精华，集中归类，更全面的总结；文章尾处均有参阅设计网站及设计师的备注。还有配色素材可下载。本文仅是个人总结的和见解，不作标准规范；希望此文的总结能够帮助一些热爱设计又为配色而苦恼的朋友， 共同学习，共同进步。

产品 2017年03月02日

在颜色上对 UX 进行技术上的改善

在任何设计系统中颜色是一个关键元素。在网站或app，颜色可以用以各种各样的方式：有时可以通过对比或限制颜色来建立一个焦点；颜色也可以帮助建立层次结构，因此影响界面。本文中，我们将讨论如何有策略得使用颜色。1.通过颜色比例聚焦颜色比例的一个很好的例子是 Viporte 的设计。当你向下滚动主页时，每个部分有一个大写的字母在中心。当滚动动画出现之前这些字母都有着漂亮的颜色。焦点

产品 2017年02月20日

UI 设计中颜色使用法则

颜色和任何其他东西都一样，适度即可。当配色方案至多不超过三种基色，一般来说你会得到更好的效果。一个项目中，颜色设计的工作其实并不简单，而使用的颜色种类越多，那么实现颜色协调的难度就会越大。60-30-10 法则60％+30％+10％的比例意在平衡颜色，这个法则能让你简单地将不同的颜色放在一起。它的工作原理是创造了一种平衡感，并允许眼睛从一个焦点舒适地过渡到下一个。其

产品 2017年02月14日

用好 MD 你也可以做配色达人

用好 MD 你也可以做配色达人.png呆呆：这周来给大家说说配色的问题，也算是用我这浅薄的经验，尽量教大家如何做好配色吧。前言 很多小伙伴都说自己配色如屎，因为没学过色彩，没画过画，导致每次配色时都小心翼翼的。然后去网上搜各种配色理论，看了什么冷暖、明暗等术语后开始照着去配色，然而还是一坨...（我也是这样）所以有段时间我专门去了解配色这玩意儿，发现配色其实没那么难，至少没

产品 2017年01月09日

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

编者按：本文写给那些看了一堆色彩理论依然做不好配色的同学，@呆呆丶L 教你借助歌的Material Design配色板，轻松晋升UI 配色达人。前言很多小伙伴都说自己配色如屎，因为没学过色彩，没画过画，导致每次配色时都小心翼翼的。然后去网上搜各种配色理论，看了什么冷暖、明暗等术语后开始照着去配色，然而还是一坨…（我也是这样）所以有段时间我专门去了解配色这玩意儿，发现配色其实

产品 2017年01月17日

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

@余盼Designer：作为一个刚入行的新人，你是否会常常被以下问题所困扰呢？我参照了模板，为什么最终效果很别扭。为什么我的页面总是花哨？大多数时候，是因为元素间的色相，明度，纯度调和不合理所致，今天我教你如何运用基础的色彩三要素，解决这些问题！注：说到色彩，优设一直在跟上潮流，比如2017年的潘通流行色，刚发布不久，优设就有了相关的介绍和运用方法，想不落潮流的同学，记得多

产品 2017年01月18日