您所在的位置:首页 > 新闻中心 > 常见问题 > 正文

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

信息编导:guopeng 发布时间:2013/9/9 17:30:53 点击次数:2839
分享到:

作为一名网页设计师,如何在进行网站页面设计的时候采用适当的网页配色是一门必修课。除了需要掌握基本的色彩专业知识以外,通过不断参考积累一些优秀网站的配色组合,以及通过适当的方法,

都可以提高这方面的水平。在这里我们浅谈一下关于如何快速进行网页配色的技巧。

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

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

计以及网页配色至关重要的信息。
 

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

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

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

用的截屏插件,插件下载传送门)。

以佚站互联首页为例:

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

 

 

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

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

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

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

本文由http://www.ycfweb.com原创 转载请注明。 西安网站建设 西安网站制作 西安网站建设培训 西安网络公司 西安成品网站 西安网站建设

信息来源:ycfweb

版权所有:西安云次方电子信息技术有限公司 备案号:陕ICP备11007170
地址:西安市雁塔区长安南路82号华城国际10幢1单元706室 电子信箱:[email protected]