网页设计之3个方法完成网页配色

分享到:

2015-03-31 14:25:54

网站建设的环节中,设计网页这一环节的花样是最多的,就拿网页配色方法来说,就有着非常多的学问,以往凡科小编也都有介绍过《值得大家学习的黑白网页设计案例》这样的配色文章。今天凡科网站建设总结了3种方法,这几个方法涵盖了众多网页配色的技巧,如果网站建设者们想让自己的网站更加出色,那就不要错过咯。

第一:同色系配色方法

这种方法主要是指主色以及辅助色都在统一的色相上,这样的网页配色会给用户有一致化的感受,就以Twitter为案例,整体蓝色的设计,带来统一的感觉,颜色的深浅分别带有不同的信息类型,通过颜色来主导信息的层次以及不同的功能属性,突出Twitter的品牌形象。

以Twitter为案例的同色系配色方法

第二:邻近色配色方法

邻近色网页配色方法是最为常见的,搭配的方案也比同色系配色的更加丰富,而且柔和的色彩过渡看起来也更加的和谐,以Alidp为案例,将纯度高的颜色用于主控件和文本标题的颜色,而各个小控件使用上邻近颜色,让网页看上去没有那么单调,再将色彩饱和度稍微低的颜色用于不同的背景划分以及模块划分。

以Alidp为案例的邻近色配色方法

第三:类似色配色方法

类似色网页配色方法也网站建设中比较常用的方法,这种网页看上去对比感不强,给人平静、调和的感觉,以Benmapt为案例,它采用红黄两种颜色主导网页,不同的控件所使用的色彩也是有所不同,通过偏橙色来代替品牌色,并使用在内容标签以及在背景中搭配。

以Benmapt为案例的类似色配色方法


声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴