选对色彩，是每个设计师的基本功。配色的方法很多，辅助工具也不少，但是令人印象深刻的，往往是一些颇为有意思的技巧。
设计配色中的小技巧
技巧1：谨记配色策略
在开始着手挑选配色之前，我常常会翻看 Dustin Senos 关于设计原则的短文。他在文章中，阐述设计原则的方式非常有意思，干练而有趣，“方向优于选择”，“合适优于一致”，“发展性优于总结”。其实如果借用这种句式来总结配色也不错：“白色优于灰色”，“和谐优于错位”，“沉静优于热烈”。当我在工作的时候，我会时刻谨记这些配色策略，它们更像是一种感觉上的规范，就像用户角色引导UX设计师来设计体验一样。
技巧2：取色一条线
当我在调色板上选择色彩的时候，我会倾向于沿着直线路径来挑选色彩，从左到右，从上到下，或者沿着对角线来选取色彩。这样所获得的一套配色可以兼顾到不同的按钮状态(可用/不可用，活动/非活动)，兼顾到视觉主体和边框，背景等。我们也可以在取色器的同一个位置取色，调整色调，获得的一组色度接近色调不同但是高度协调的色彩组合。上图中，中间那个就是。
技巧3：保持敏感，小幅调整
调配这这么多配色方案，给我最深刻的经验教训就是：哪怕轻微的色彩调整，都会对整个配色方案带来巨大的影响。所以，我觉得在配色的时候，要保持敏感，小幅度调整和改变。你可以试着挑选偏冷或偏暖的灰色，运用到你的配色方案中，你会发现它们会不同程度地调和整个配色方案的协调度。根据这样的策略，你可以挑选出一大堆色彩作为备选，反复迭代，变得对于微妙的色彩变化更加敏感。
技巧4：善用叠加模式
如果你能善用混合模式，就能创造出令人着迷的配色方案。通过简单的叠加两个色块，选择“Multiply”(乘法)混合模式，就能得到匹配的第三种色彩。在白色背景上，我们还能通过调整透明度来快速调整色彩的明暗。不过我始终觉得在黑色背景上来调整色彩更有意思，搭配混合模式来探索色彩的可能性，总能创造新的`搭配。这种同色彩的交互方式，为许多经验丰富的设计师所使用。
技巧5：沉静而集中的配色
选好色彩是一回事，在视觉设计中有效地运用它们是另外一回事。有的配色方案非常漂亮，但是一旦运用在特定的设计项目当中，整个视觉就崩坏了。尽量让配色方案中色彩不要那么庞杂，让整个设计更加沉静。比如，文本、图标和边框采用不同类型的蓝色，能让整个设计显得协调。当你想要高亮突出什么东西的时候，可以采用这种方法。
技巧6：在不同背景下查看配色
我记得之前参与过一个可拓展的色彩系统项目，当时我挑选了大量微妙而接近的色彩，当我仔细审视它们的时候发现很难区分彼此。这个时候，我将这些色彩复制了一份，然后添加了一个黑色的背景，这个时候，色彩和色彩之间的区别就变得明晰了，让我能够更好的作出选择。
技巧7：明艳的色彩更吸引人
在取色器的右上角取色能够找到更加安全、更加吸引人的色彩，供你运用在配色方案中。色彩越靠左、靠下，色彩上所叠加的灰度和黑色就越多，色彩本身的重量就越重，而过重的色调会在潜意识上给人以压力。所以，我更倾向于使用清晰明亮的色调来进行设计。
技巧8：叠加图层调色
想象有一张半透明的纸，当我们将它置于色彩上方的时候，它能够从视觉上“消减”色度。我们可以在PS和Sketch中来模拟这样的“纸”，新建形状，通过调整透明度和混合模式，或者搭配使用来实现不同的效果，我们还可以调整纸张本身为白色或者黑色，在叠加混合模式下，能对色彩的饱和度产生不同的影响。在有的UI设计项目当中，会借助这样的技术来暂时调整整个区域的敏感色度，这比改色更加轻松，还保持了色彩之间的协调度。 上图中的三种效果：
黑色图层，叠加混合模式，不透明度50%(增加饱和度)
白色图层，正常混合模式，不透明度50%(变亮)
黑色图层，正常混合模式，不透明度50%(变暗)
技巧9：根据前景色来挑选背景色
当我选取背景色的时候，我更喜欢根据前景色来搭配，吸取前景色，调亮或者变暗，而不是选择纯粹的中性灰色。这样的方式会让背景色是或冷或暖的浅灰，给人一种协调的感觉。
技巧10：色彩的明暗与前后
最后，我们应该始终谨记色彩的明暗所带来的视觉深度原理。在较深的背景下，浅色会显得更靠前，而在较浅的背景下，深色会显得突出而靠前。
网页设计中的小技巧
工作中，网页设计师经常会突然觉得束手无策，脑袋里一片空白，没想法了，怎么办?下面小编为大家整理了网页设计中的小技巧，希望能帮到大家！
1.旋转法 – 将页面的主体或局部进行旋转
我们一般的页面版式都是方方正正，四平八稳，有点呆板。如果将局部或整体适当的旋转，打破稳定的构图，画面就会动感有趣一些。
对于这种基调轻松活泼又恰好内容比较少的页面来说，主体整个旋转后，画面马上轻松活泼起来，看过现在这个画面，真是无法想象未旋转前的平淡。同时，相比大块的方形空白，不规则的余白也不会显得空洞。
将背景旋转后，大面积的斜面产生了很强的速度感，赛车急速飞驰着，好像下一秒就要从电脑中冲出来一样，倾斜的大标题和旋转后的背景交叉配合，使画面整个都运动起来。这种方法可以应用到很多运动的主题上。
2.黄金分割法 – 灵活运用黄金比例分割的办法将页面“切”开
黄金比率被认为是最理想的矩形比例，在过去的文化遗产中也有很多这样的遗存。将这个比率应用到版式设计中，也能够设计出容易为用户所喜欢的构图。但不要被这些比例所束缚，很多是靠自己的感觉去应用。
除去背景无非就是一个排版清晰的页面，将背景分割后，对比的色块使画面产生纵深感，页面的丰富性和视觉冲击力迅速增强。人物也好像着陆了一样，平稳的站在画面中。
用反差强烈的色块进行分割，强调了版块的划分，即使有很多地方需要强调，也能让用户迅速清楚各版块的重点，不用像以往一样1、2、3…… 将内容依次竖排下来，鼠标都已经拖到第三屏了还没完没了，又没什么新鲜感。
3.曲线法 – 将曲线用于背景或版块分割，消除矩形分割的生硬感。
与直线相比，曲线具有圆润的特点，让人感觉轻松、愉悦。增强视觉感的同时也能够营造活跃的气氛。
上图中，大众的logo和焦点图中的机器人产品，全部由曲线组成，这种情况下，用曲线来分割背景和焦点就显得理所当然了，画面中曲线合理的运用也提高了层次感，机器人和红色标题都更突出。
仿照球的运动轨迹，贯穿着整个页面的`曲线，将用户直观的带入了正在激烈进行的棒球比赛现场。看似随意，其实用曲线精当的将标题、焦点图和新闻等版块按重点进行了不同比例的分割。
4.借用法 – 借用现实中的东西，将实物抽象化，提炼出大形轮廓用于背景
现实中的东西也可以应用到网页设计中?当然可以，只要想的到。
如图，信封是我们生活中常用的东西，如此生活化的东西借用到网页上，展开在用户面前，好像邮寄给您的信一样，立马让人眼前一亮，亲切感油然而生。作为游戏活动的通告页，用白色的信纸来盛放主体内容也再合适不过。
将赛车在赛道上疾驰的场面置放到页面上作为背景，虚化的大城市，放大的赛道，飞奔的赛车……就像此刻坐在电脑前玩赛车，左手正紧紧按着W、A、S、D键一样。让用户身临其境，完全抓住了对方眼球。
以此类推，生活中很多东西都可以借用，例如:写满粉笔字的黑板、电脑的屏幕、写日记的本子、老古董的地图，空旷的足球场……
5.三角拼贴法 – 像做手工一样，将裁剪好的三角形打乱，重新拼贴
不同的几何形状有不同的性格，圆形是活泼可爱的，方形是平稳整齐的，三角形就是尖锐动感的。
三角形的不平衡性及其尖锐性能够增强视觉上的刺激，快速吸引用户，可以用于科技和时尚这种风格同样比较“锋利”的网页。
将同色系小三角形均匀的拼贴起来，马上就营造出一种钻石璀璨般的时尚感。但实践的时候要注意加减法，不能乱堆一通，点到为止即可。
用艳丽的三角形对页面进行划分、拼贴。大小的组合，色块的对比，能够带给用户强烈的视觉冲击力。在搭配的时候，注意主次，以一个大的形状为主，给内容摆放留下足够空间，与其他辅助的小形状相区别。
6.色块分割法 – 将各版块用不同颜色来区别
经常面对需求方这里是重点、那也是重点、那那那也挺重要，统统需要突出的要求，对于主题比较明快的页面 可以考虑将版块用不同颜色来区别，通过色块来强化页面版式和布局，难度较大的是在色彩搭配上要取得平衡。
版式在页面都以块来体现，没有什么效果，为了突出重点，在重要区域选择了饱和度较高的红黄绿三个颜色，产生明确的视觉中心，让用户能够按照我们希望的那样阅读下去。但对比色调容易造成不和谐，红黄绿之间加上灰底的中性色来调和一下就显得不会突兀了。
当使用四到五种纯色进行搭配的时候，注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近，搭配起来基本上都不会觉得太牵强。
