浅谈一个完整网站配色方案设计大法3实战篇

（二）加拿大Minglian Holdings Ltd.咨询顾问有限公司配色方案设计（简洁型配色方案）

 

下面进行一个简洁的配色方案，具体的过程，就没有上面的说的那么详细，都是一样的PS使用技巧和原理，大家只要掌握一种，就可以通用咯，适合大家使用的，都勊尽情尝试，不适合的，希望大家能寻找到更好的配色技巧。

客户给的资料，就一张LOGO和一张素素材

 


    


废话不多少，一看就知道，主色调，蓝色，这个大家估计设计的页面使用蓝色调的也不少。

那我们还需要配色方案吗？

没错，一个项目，不仅仅要完成它，个人觉得还要做的有价值，能提高自己的设计能力，每一个作品，不论它是简单的，还是复杂的，都要有所收获，否则就没意义做网页叻。（个人看法，做的页面，一定要对自己有成长，否则就不会去做）

1.我们进行大众化蓝色配色方案的目的？

当然，我们要从配色方案中寻找其他的辅助色，对比色，让网站不是那么死板，无趣，让设计更加有意思。

开始了，我们先老规矩，确认了底色和主色（白色，蓝色），PS一下

注意哦：这个主色调是直接从LOGO里选择的，如果没提供LOGO，你可以任意按照自己的思想，去任意选择一个色彩，不用担心最后配色不协调，丑到极致。





 

 2.自己要心里有数，使用其它什么色彩去搭配？这里我使用绿色和黄色去搭配。来吧，COME ON

不论是之前的那个复杂的配色方案，还是这个简单的，切记，每个“辅助色彩图层，都是这样叠加起来的，并不是不重合的”





3.老方法，速度一点，设置混合模式为“柔光”或者“叠加”





4.光看这里的色彩，觉得不是很爽，所以还是继续配啊配，那开始其他的反差色设计

改变图层混合模式为“亮光”（注意，底部的那个基本色蓝色不要改变图层模式喔）

顶部加一层黑色，模式为“色相”，改变饱和度，调整到协调





5.哈哈，不错吧，好了，这个看起来顺眼了，就这样定下色彩方案了，使用黄色和绿色还有深蓝作为相似色和对比色，进行页面设计吧。

当然，你不一定及用“黄色和绿色”进行搭配设计色彩方案，可以用红，灰，紫，青等等都可以的，完全是你的自由，嘿嘿。

这次的配色方案简单吧？就是找出其他能搭配LOGO主色调的色彩，以便你设计网页有头绪。。

简约而不简单，配色不论如何都是重中之重，也是难中之难。所以啊，自己多实践一下。

国外的网站，力求简约，力求清洁易用。。。这个项目还算简单，修改了一次，就OK了，所以，尽量能有技巧减少飞机率，是最好的。。

这个配色方法，很适合自己，不知道有没有更多的人适合呢？一起啊分享学习吧，呵呵～～





希望这次的实战运用，大家能更深入了解自己的这种配色方案设计大法