互联网产品设计进阶(19):人人都能成行家,色彩搭配有说法

    在网页以及各种产品设计中,色彩搭配不仅是浪费时间的麻烦事,也是常惹争议的。比如,在网页设计中,就存在“冷色+暖色”、“亮色+亮色”或“暗色+暗色”等色彩搭配禁忌。一些对色彩有不少认识的朋友,或是由于工作繁忙而无力去为色彩细节纠缠,或是为了产生多样化、系列化的配色而费尽心力……摆脱这些困扰,还要靠ColorKey(下载地址:http://work.newhua.com/cfan/200905/CKXP.zip)!

    第1步:下载软件后,直接按“下一步”即可完成安装。运行后,打开软件界面,在主界面中会出现两个选项,分别是“传统经典”和“另类锋芒”。下面我们选择“传统经典”按钮进入Class(经典)操作界面。
小提示:在经典界面中,可以看到由19个六角形组合的大花瓣。位于中央的六角形是主色值,它可以根据各调色板的输入和数值改变不同色彩,围绕主色的内圈六个色块,它可以根据主色调配出临近色彩来形成主色区,外圈的十二个色彩,可以根据主色产生补色配合的不同色值,界面右侧是调色板区域,目前支持的色调配有RGB和WEB彩色。

    第2步:根据某个网页的设计要求,现在假设标准色为“#616378”。在软件界面中,使用ColorKey的“外部拾色器”选中某个标准色,或者直接在右下方的“Web颜色”文本框中输入“#616378”,六角形将会按照参数进行色彩配置。同时,在HTML语言中,网页色彩的表达使用了三原色的数值,因此在这里还可以看到红、黄、蓝三原色的数值。
    第3步:在“调整配色限制阀值”界面,我们可以自由调整滑轨进行微调,这里的三个滑轨可以分别对应H(色相)、S(纯度)、B(明度)值。此外,还可以进行“整体色彩偏移”设置。修改完毕,单击“刷新配色”按钮,或者按空格键,即可根据主色调产生配色。每次刷新,都会出现一组不同的色彩参数。单击相应的六角形,还可获得该色块的详细色值,并能够把它复制下来用于其他设计。
    小提示:在使用ColorKey时,确定某一种主色调后,可以单击“输出配色方案”按钮,输出配色方案。ColorKey会把生成的HTML配色方案表存在和软件本身同一目录下。一些基本的配色方案可参考http://blog.cfan.com.cn/index.php/346164/viewspace-379206
    通过使用此软件,相信很多朋友选择需要表达的色彩时也会日趋规范、日趋合理,而不担心出现配色错误了。这样,我们的作品将更加有创意,网络空间的色彩也将更加绚丽多姿了。

来自图书:《修炼之道:互联网产品从设计到运营》抢鲜评品,即将出版!

你可能感兴趣的:(互联网产品设计进阶(19):人人都能成行家,色彩搭配有说法)