1. 首页
  2. 网站设计
  3. 正文

网站设计之基于色彩原理的快速配色法

  一个页面的美感不仅仅是来自排版布局,更多的时候是体现在用色方面。在做设计中如何去选用颜色是很多初级设计师面临的难题。首先想要解决问题,就要对色彩有个基础的认知,这样才会在设计的时候对于怎么用色更有把握甚至有自己的用色体系。

  

  三原色

  美术的三原色:RYB 红黄蓝

  光的三原色:RGB 红绿蓝

  印刷三原色:CMY 青 洋红 黄

  一:HSB配色

  HSB配色也就是说在调配色的时候,只要修改H, S, B,其中的一个数值就好。

  

  在涉及插画中,可以从真实的物体颜色出发,根据插画中的场景需求,对H,S,B进行适当调整。

  

  这颜色我们只调整了它的饱和度,饱和度明度的调整一般用于设计2.5D图案的光影效果或者明暗面的对比效果。

  色相的调整一般用在同层级的不同内容。

  


  弥散投影一般用于较浅颜色的按钮下方,增加梦幻和立体感。

  二:互补色

  

  在色轮上直线相对应的两种颜色就是互补色。在设计一般会引起强烈对比的视觉效果,用于突出主体,互补色想要达到最佳的效果,就是其中一个颜色占比重,另一种颜色占比轻加以辅助平衡画面即可。

  


  三:类似色

  


  相类似的颜色就是类比色,类比色都拥有相同的色系,搭配在一起容易产生一种低对比度的和谐美感。在设计中也是常用的一中配色方法。

  以上三种方法都是设计中常用的配色手法,要想学会配色,不仅仅是要掌握这些方法,更是要在日常用学以致用,多加练习,积累自己喜欢的配色图片。希望大家早日找到自己的配色方法,在设计路上不断前进。

    延伸阅读

  • 网站设计细节注意,做对搜索引擎友好的页面

    我们知道网站页面设计直接影响到其是否能够对搜索引擎足够友好,进而会对网站的排名以及优化难度带来影响。网站页面的结构必须足够清晰网站页面结构是否清晰决定着用户是否能够在进入网站的...

  • 网站设计制作注意事项科普!

    很多企业之所以要进行建站,就是为了能够多开辟一条通道,让更多的用户了解到自己的企业,也希望能够通过网络促成更多的订单。那么,在建站的过程当中,肯定是离不开网站设计制作的。在具体...

  • 企业网站设计制作首页需要安排哪些内容?

    网站首页是用户进入网站后看到第一个页面,是企业网站的门面,好的首页能给网站访问者留下好的感官印象、起到清晰的导航作用、能够体现和突出网站主题、充分获得用户对网站和企业的信任度。...

  • 企业网站设计基本优化要素

    网站优化设计的核心是要重视网站访客的访问便捷性等用户体验要素,具体包括网站结构、网站内容、网站功能和网站能够提供的服务,尤其是网站的结构和网站内容更重要,网站优化的核心是“内容...

  • 莆田网站设计

    随着互联网的快速发展,网站已经成为了企业在网络上展示信息、推广产品和服务的重要途径。一个好的网站设计可以提升用户体验,增加用户粘性,从而为企业带来更多的机会和收益。1.概述莆田...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1458.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();