学习如何从photoshop设计作品中提取出色彩成份及应用的技巧

3. 颜色提取成功：3种色相的8种颜色

是不是非常简单，大家感受一下，马上进入第二部分。

二、提取到的色彩怎样应用

按照咱们第一步提取的颜色做了一个Metro风格改进版的页面(里面的内容可以无视，都是替代文字)。先感受下。。。

单纯说颜色的话，这个话题还真不好说，因为咱们最终要出的是呈现内容的界面，让图形、文字、色彩相互协调，而不是做排列颜色的色谱，所以就牵扯到框架布局和内容展示层级的问题。

这个页面和现在的主流网站框架差不多，从上到下主要分为三个部分，导航区域、banner、内容区。

具体颜色应用为：

导航文字及logo的颜色为最浅的蓝色。

banner区域既大背景，这里用了咱们开始的图片。上边的大标题logo则用了最深的蓝色。

内容区域出现的提取带的三个色相的色彩，如果只是排列剩下的几个颜色的话，颜色会很冲，完全不能接受。所以找了几张图片用来过渡颜色，调整画面的节奏。现在看来效果好不错，内容区域的文字颜色与导航文字一致，都是最浅的蓝色。

内容区域的几个按钮并没有用提取的颜色，而是白色叠加然后调整出透明度来的

这个技巧还望大家灵活运用，如果单纯靠机器程序的话，自己的感觉依旧很难找。如果你真的对设计感兴趣的话请不要忘记设计师的三多：多看、多想、多练，看到，理解，通过自己形式表现出来。