杭州网站建设
047月

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

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

 

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

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

 

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

如果获取到客户较为完整的需求之后,还是没有特别好的配色灵感,怎么办?

答案就是去参考客户自认为满意的网站,在色彩符合客户需求的前提下,通过浏览器插件工具截取该网站首页截图(关于浏览器,我们推荐在网站开发工具一文中提到的Chrome,而插件可以采用非常好用的截屏插件,插件下载传送门)。

佚站互联首页为例:

进入佚站互联首页,点击插件,选择截取整个页面,然后保存在本地。

 

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

打开Photoshop软件,将保存好的首页截取导入,点击滤镜->像素化->马赛克,调整单元格大小为100,然后通过吸管提取色块颜色。

可以看到,色彩占据最大的颜色是灰色调,然后是一些点缀的亮色,以这样的色彩搭配作为参考,就很容易解决网页配色的问题了。

 

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

网页配色神器

如果以上的方法你不喜欢用,可以采用Adobe推出的网页配色神器,配色起来更为简单。


版权属于:佚站互联 - 杭州网站建设

原文地址:http://www.yeahzan.com/blog/item/42-57.html

转载时必须以链接形式注明原始出处及本声明。

文章作者: Vicky , 文章分类: 网站设计

关于作者

Vicky

评论 (0)

发表评论

请登陆后发表评论。