网页设计怎么都不会错的6条配色原则

/ 2020-11-26 / 深圳网站建设 / 技术分享
1、 需要配色的是画布,而不是你的图片
 
一个在中zui根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其zui终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台,目的是帮助突出网站的内容。
 
淡色的画布突出了图像,而明亮的画布有时反而不能突出你的内容。
 
用Photoshop或者Sketch等软件设计网站的时候,创建设计的过程往往是相互独立的。有些设计单个看起来很不错,也能被你的客户所接受,但是当它真正被设计成网页的时候不适当的配色往往会分散访客的注意力。事实上,网页设计的过程是和内容紧密相连的,很多制作高品质的网页看上去空空荡荡,几乎没有内容。
 
2、 选择简单的灰色作为网站的基调
 
你可以为你的网站基调选择无数种颜色,不过我建议你采用zui简单的颜色,比如白色/浅灰色与深灰色的搭配文字背景。
 
你可以看看任何热门的网站、模版、主题,白色或浅灰色与深灰色搭配成了大多数的选择,这当然也是有充分理由的。这样的搭配对访客而言提高了你内容的可读性,并且把你的图片突出在zui前方。
 
一般来说,你的文字zui好避免使用墨黑色,深灰色一般更容易阅读。
 
文字颜色建议范围:#333333到#666666;背景颜色建议范围:#FFFFFF到#CCCCCC。 当然,这些颜色的选择都不是固定死的。只不过如果你是新手,以上的配色方案你可以放心使用。
 
3、 只选择一种颜色突出显示
 
如果你选择好几种不同的色调来,那么你的配色方案绝大多数是有问题的。你颜色用得越多,你的页面就越来越难以控制。所以,在你网页以灰色基调的前提下,你zui好只选择一种鲜艳的颜色来作为你想要突出的事物,比如标题、菜单、按钮等等。你的高亮颜色可以是蓝色、红色、绿色,等等。
 
你zui好选择与你的基调颜色相关的高亮颜色。打开你的颜色选择器,并单击你彩色方块的中心。
 
4、 如果有疑问,请使用蓝色
 
如果你对你的高亮色的选择有疑惑的话,不妨使用蓝色。蓝色是一种弹性比较大的颜色,可以和很多种颜色搭配。
 
这里介绍了30个以蓝色为主调的网站,可以作为借鉴:Blue
 
另一方面,如果你是用蓝色,那么你用错颜色的概率就会很低。如果你正犹豫着不知道用什么颜色好,不妨使用蓝色。比较安全的蓝色包括从海军蓝到深蓝色(H235-H190),而我通常选择H205的蓝色。
 
5、 给你的高亮色增加变化
 
你一旦选择了高亮的颜色,从该点移动滑块来选择接下来的颜色。在你的设计中也需要其他的颜色,高亮色的稍微变化会让你的颜色选择变得简单,但又不显得乏味。
 
6、 尽量不用颜色选择器右上角的颜色
 
颜色选择器的右上角是一块肥沃的土地。它们可以执行出惊人的效果,而且非常诱人,但通常想用好需要大量的经验。如果没有足够的经验,它们可能会导致事故的发生,所以zui好以削弱你的颜色,zui好都保持比较淡化的色彩。
 
这就是为什么在本教程的第三部分,我问你点击的颜色在地图右上角的中心选择您的高亮颜色之前,要确保你有一个比较柔和的颜色拉开序幕。