简单三步教你快速学会网页配色

作为一名网页设计师,如何在进行网站页面设计的时候采用适当的网页配色是一门必修课。除了需要掌握基本的色彩专业知识以外,通过不断参考积累一些优秀网站的配色组合,以及通过适当的方法,都可以提高这方面的水平。在这里我们浅谈一下关于如何快速进行网页配色的技巧。

第一步:通过客户需求获取色彩结构

 
在上一篇有关网站建设方案的文章中我们提到过,获取客户需求是进行网站建设的大前提,在需求中你可以了解客户的网站属性、行业类别、受众群体、喜好风格、倾向色彩、参考网站等等对于网页设计以及网页配色至关重要的信息。
 

第二步:获取客户喜好参考网站首页截图

 
如果获取到客户较为完整的需求之后,还是没有特别好的配色灵感,怎么办?
 
答案就是去参考客户自认为满意的网站,在色彩符合客户需求的前提下,通过浏览器插件工具截取该网站首页截图(关于浏览器,我们推荐在网站开发工具一文中提到的Chrome,而插件可以采用非常好用的截屏插件,插件下载传送门)。
 
以佚站互联首页为例:
 
进入佚站互联首页,点击插件,选择截取整个页面,然后保存在本地。
step2
 

第三步:通过PS滤镜获取整体搭配色块

 
打开Photoshop软件,将保存好的首页截取导入,点击滤镜->像素化->马赛克,调整单元格大小为100,然后通过吸管提取色块颜色。
 
可以看到,色彩占据最大的颜色是灰色调,然后是一些点缀的亮色,以这样的色彩搭配作为参考,就很容易解决网页配色的问题了。
step3
 
当然,为了更好地优化用户体验,可以通过CSS3动画效果、CSS3滤镜等手段迎合客户对于用户体验上的需求。关于这些方面,可以参考相关文章,我们就不在这里赘述了。

发布者

rockts

喜欢技术,乐于开源! 乐可开源,想改变的也只有世界!

发表评论

电子邮件地址不会被公开。

This site uses Akismet to reduce spam. Learn how your comment data is processed.