作为一名网页设计师,如何在进行网站页面设计的时候采用适当的网页配色是一门必修课。除了需要掌握基本的色彩专业知识以外,通过不断参考积累一些优秀网站的配色组合,以及通过适当的方法,都可以提高这方面的水平。在这里我们浅谈一下关于如何快速进行网页配色的技巧。
第一步:通过客户需求获取色彩结构
在上一篇有关网站建设方案的文章中我们提到过,获取客户需求是进行网站建设的大前提,在需求中你可以了解客户的网站属性、行业类别、受众群体、喜好风格、倾向色彩、参考网站等等对于网页设计以及网页配色至关重要的信息。
第二步:获取客户喜好参考网站首页截图
如果获取到客户较为完整的需求之后,还是没有特别好的配色灵感,怎么办?
答案就是去参考客户自认为满意的网站,在色彩符合客户需求的前提下,通过浏览器插件工具截取该网站首页截图(关于浏览器,我们推荐在网站开发工具一文中提到的Chrome,而插件可以采用非常好用的截屏插件,插件下载传送门)。
以佚站互联首页为例:
进入佚站互联首页,点击插件,选择截取整个页面,然后保存在本地。

第三步:通过PS滤镜获取整体搭配色块
打开Photoshop软件,将保存好的首页截取导入,点击滤镜->像素化->马赛克,调整单元格大小为100,然后通过吸管提取色块颜色。
可以看到,色彩占据最大的颜色是灰色调,然后是一些点缀的亮色,以这样的色彩搭配作为参考,就很容易解决网页配色的问题了。

当然,为了更好地优化用户体验,可以通过CSS3动画效果、CSS3滤镜等手段迎合客户对于用户体验上的需求。关于这些方面,可以参考相关文章,我们就不在这里赘述了。