“.色彩搭配(工具篇)、1,607 views

每一种色彩,都有着自身的性格特征。色彩的使用与搭配,在界面设计在时候是比较费心思的。
前些天看了一篇文章《界面设计师的调色盘》,讲的是摘取自然的颜色,进行色彩的搭配。看完回头想想,我平常也似乎是这样子来搭配色彩的。说到这里,我就要介绍一下我使用的工具了。
除了 Photoshop 外,我之前还使用了 CoffeeCup Website Color Schemer 这款色彩搭配软件,目前是在使用 ColorSchemer。关于 ColorSchemer 的介绍和使用方法,请移步其官网查看。个人感觉,使用特别方便,功能非常之强大。平常我使用得最多的就是色彩的摘取工具、色彩搭配工具和网页配色工具等等。
下面是我在 PIZn 的网站设计的时候,使用 ColorSchemer 的一些记录:
通过网页色彩搭配工具,选择好色彩之后拖拽到分栏分行布局里面。在这里可以为各个块添加背景色彩和文字色彩。

下图是我的网站设计时的色彩搭配简易图,可见在 ColorSchemer 里面可以迅速而方便地进行色彩搭配。

接下来这张是 PIZn 的整个网站在主色调:

倘若你想从一张相片里面轻松摘取到合适在色彩搭配方案,ColorSchemer同样轻松方便地帮助你实现。
下图便是一个实例,通过一个随机函数随机摘取页面上在色彩值,生成一套色彩搭配方案:

最后总结:
使用“好在工具”,可以提高效率。使用好“工具”,需要实际操作与思考。嘿嘿,别等了,你也试试下吧~
声明: 本文采用署名-非商业性使用-相同方式共享协议进行授权. 转载请注明转自:PIZn
pizn,需要暴打一顿!
大哥,咋不早发出来啊~~速速去看~~
这个貌似看过,不过当时我下载的是收费的,用不了~~呵呵
@tonjay
现在还是要激活码啊?咋办?老大?
@tonjay
呵呵,今天才有点儿时间写嘛。
激活码自己找吧~去买也行~哈哈
好东西啊!就要这个!
好东西!我喜欢!
访问博客的时候,提示我升级浏览器,不过,这种提示很人性化的,呵呵。
不错哦 值得学习下
色彩搭配是个难题。
@易凡
喜欢就好。呵呵。
@视觉博客
你的浏览器是IE6的啦,所以就会提示你。
@ifenwen
恩恩,互相学习哈。
@icecream冰淇淋
是的,确实是个难题。
很漂亮啊。
喜欢这个软件~
去搜下
习惯了直接用PS里的信息栏……鼠标挪一挪就可以很清楚地看到HSL的变化
你的主题搭配就很好。俺对这个一窍不通。
软件很赞!!!!!!!!!
技术流啊。。。
俺是个拿来主义着,搞不好设计啊!