当前位置:Home > Design > “.色彩搭配(工具篇)、

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

 match-color-tool

      每一种色彩,都有着自身的性格特征。色彩的使用与搭配,在界面设计在时候是比较费心思的。

      前些天看了一篇文章《界面设计师的调色盘》,讲的是摘取自然的颜色,进行色彩的搭配。看完回头想想,我平常也似乎是这样子来搭配色彩的。说到这里,我就要介绍一下我使用的工具了。

      除了 Photoshop 外,我之前还使用了 CoffeeCup Website Color Schemer 这款色彩搭配软件,目前是在使用 ColorSchemer。关于 ColorSchemer 的介绍和使用方法,请移步其官网查看。个人感觉,使用特别方便,功能非常之强大。平常我使用得最多的就是色彩的摘取工具、色彩搭配工具和网页配色工具等等。

      下面是我在 PIZn 的网站设计的时候,使用 ColorSchemer 的一些记录:

      通过网页色彩搭配工具,选择好色彩之后拖拽到分栏分行布局里面。在这里可以为各个块添加背景色彩和文字色彩。

      match-color-1

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

      match-color-3

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

      match-color-4

      倘若你想从一张相片里面轻松摘取到合适在色彩搭配方案,ColorSchemer同样轻松方便地帮助你实现。

      下图便是一个实例,通过一个随机函数随机摘取页面上在色彩值,生成一套色彩搭配方案:

      match-color-5

      最后总结:

      使用“好在工具”,可以提高效率。使用好“工具”,需要实际操作与思考。嘿嘿,别等了,你也试试下吧~

声明: 本文采用署名-非商业性使用-相同方式共享协议进行授权. 转载请注明转自:PIZn

16 ResponsesLeave a comment

  1. pizn,需要暴打一顿!
    大哥,咋不早发出来啊~~速速去看~~

  2. 这个貌似看过,不过当时我下载的是收费的,用不了~~呵呵

  3. @tonjay
    现在还是要激活码啊?咋办?老大?

  4. @tonjay
    呵呵,今天才有点儿时间写嘛。
    激活码自己找吧~去买也行~哈哈

  5. 好东西啊!就要这个!

  6. 好东西!我喜欢!

  7. 访问博客的时候,提示我升级浏览器,不过,这种提示很人性化的,呵呵。

  8. 不错哦 值得学习下

  9. 色彩搭配是个难题。

  10. @易凡
    喜欢就好。呵呵。

    @视觉博客
    你的浏览器是IE6的啦,所以就会提示你。

    @ifenwen
    恩恩,互相学习哈。

    @icecream冰淇淋
    是的,确实是个难题。

  11. 很漂亮啊。

  12. 喜欢这个软件~
    去搜下

  13. 习惯了直接用PS里的信息栏……鼠标挪一挪就可以很清楚地看到HSL的变化

  14. 你的主题搭配就很好。俺对这个一窍不通。

  15. 软件很赞!!!!!!!!!

  16. 技术流啊。。。
    俺是个拿来主义着,搞不好设计啊!

Leave a Reply