来读关于6条网页设计配色原则

身为西安网站建设设计新手的你，是不是还在纠结于你制作的网页找不到一组好的配色方案？虎网科技（西安网站建设）在本教程中我们将与你分享6条肯定会火，并且“错不了”的指导方针，你可以按照这些原则把握较基本的色彩规律。现在我们分享的这些原则都不是规则，你会在你的职业生涯中创造出更多的配色方案。相反，他们是一个起点，是你如何生存在网页设计领域色彩方向的安全指南。

一、西安网站设计需要配色的是你的画布，而不是图片

一个在西安网站设计中较根本的原则是，无论你花了多少时间创造了一个辉煌的设计，其较终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台，目的是帮助突出网站的内容。

淡色的画布突出了图像，而明亮的画布反而不能突出你的内容。（别笑，后者是发生在网络上的真实案例^—^）

用Photoshop或者Sketch等软件设计网站的时候，创建设计的过程往往是相互独立的。有些设计单个看起来很不错，也能被你的客户所接受，但是当它真正被设计成网页的时候不适当的配色往往会分散访客的注意力。事实上，网页设计的过程是和内容紧密相连的，很多制作高品质的网页看上去空空荡荡，几乎没有内容。

这是一个伟大的想法：你可以在你的网站上先铺陈出你的内容，用设计软件也好用代码也好，然后在你内容的周围设计你的网页。当然这也是一个特殊情况，如果一个特定风格的图像和照片都能和你的设计和谐的融为一体，那么你的设计配色才算是好。试想一下，网站的配色对内容而言就像衣服对于人的重要性，对此你必须制定一套好的并且合身的衣服。

二、选择简单的灰色作为你网站的基调

你可以为你的网站基调选择无数种颜色，不过我建议你采用较简单的颜色，比如白色/浅灰色与深灰色的搭配文字背景。

你可以看看任何热门的网站、模版、主题，白色或浅灰色与深灰色搭配成了大多数的选择，这当然也是有充分理由的。这样的搭配对访客而言提高了你内容的可读性，并且把你的图片突出在较前方。

一般来说，你的文字较好避免使用墨黑色，深灰色一般更容易阅读。我们提供一个比较舒服的文字颜色范围：＃333333到＃666666。

对于你的背景色，全白色（#FFFFFFF）是可以搭配任何文本的较安全的颜色。如果你想选用其他的背景颜色，我们建议采用#FFFFFF到#CCCCCC

当然，这些颜色的选择都不是固定死的。只不过如果你是新手，以上的配色方案你可以放心使用。

三、只选择一种颜色突出显示

如果你选择好几种不同的色调来，那么你的配色方案绝大多数是有问题的。你颜色用得越多，你的页面就越来越难以控制。所以，在你网页以灰色基调的前提下，你较好只选择一种鲜艳的颜色来作为你想要突出的事物，比如标题、菜单、按钮等等。你的高亮颜色可以是蓝色、红色、绿色，等等。

你较好选择与你的基调颜色相关的高亮颜色。打开你的颜色选择器，并单击你彩色方块的中心。

向上或向下移动你的滑块，你可以仔细选择你认为较合适的颜色。

现在，你设计的页面有了三个基本的颜色：背景色、文本色和高亮色。在以后你也可以选择一种以上的高亮色，但现在对于新手的你来说还是选择一种比较合适。你现在已经掌握了基本的配色，如果你有信心，你以后还可以尝试更多种不同的方案。

你刚刚学到西安网站设计：

学会了如何选择“色相”。概括来说，色相是基本色，当你移动滑块，你会看到h值在颜色选择器中的变化。

“H”代表色相，一旦你选择了你的高亮颜色，文本框中显示的就是你当前颜色的色相。

四、如果有疑问，请使用蓝色

如果你对你的高亮色的选择有疑惑的话，不妨使用蓝色。蓝色是一种弹性比较大的颜色，可以和很多种颜色搭配。黄色和紫色也很不错，但是如果使用不当会适得其反。

另一方面，如果你是用蓝色，那么你用错颜色的概率就会很0。如果你正犹豫着不知道用什么颜色好，不妨使用蓝色。比较安全的蓝色包括从H235到H190，从海军蓝到深蓝色。

如果是我的话，我通常选择H205的蓝色，如果你选定了一种颜色作为你的高亮色，那么也请你在其他需要的地方使用这种颜色。如果你的按钮、标题等需要高亮，把它们的颜色也换成同一种蓝色。在下面这个例子中我把白色换成了蓝色。

五、给你的高亮色增加变化

你一旦选择了高亮的颜色，从该点移动滑块来选择接下来的颜色。在你的设计中也需要其他的颜色，高亮色的稍微变化会让你的颜色选择变得简单。

使用这些类型的颜色变化的东西，如：

悬停效果：

边界：

通过突出显示颜色：

渐变：

光影效果：

六、尽量不要使用颜色选择器右上角的颜色

颜色选择器的右上角是一块肥沃的土地。在右上角的颜色就像F1赛车; 他们可以执行出惊人的效果，而且非常诱人，但通常想用好需要大量的经验。如果没有这种经验，他们可能会导致事故的发生，所以较好以削弱你的颜色，较好都保持比较淡化的色彩。

这就是为什么在本教程的第三部分，我问你点击的颜色在地图右上角的中心选择您的高亮颜色之前，要你有一个比较柔和的颜色拉开序幕。

为了说明这一点，看如果我只是改变了我们设计的色调，到目前为止，会发生什么。

看上去还是听舒服的对吧？但是如果你把颜色调整为选择器右上角的颜色，我们再来看看效果如何：

分分钟亮瞎了访客的双眼！如果你想你不烧焦你的访客的视网膜，遵循留出颜色选择器的右上角的格子的一半原则。

饱和度和亮度

当您拖动周围的颜色选择器区域的地图区域，你会看到“S”和“B”的值发生变化，这代表饱和度和亮度。您还可以看到色相号保持不变。所以，你通过改变你原有的色相的饱和度和亮度会产生颜色的变化。

饱和度

是一种生动的色彩表现。例如，认为“我的衬衫中渗透着葡萄酒红”。在一个典型的颜色选择器饱和度是多少白了就是混在你的基地的色调来决定。白色越少，越饱和。

当您拖动到右边的颜色在地图上可以减少白色量，从而增加了饱和度，“S”的值上升。当您拖动到左边向所有的白角，你会减少饱和使“S”的值下降。

亮度

亮度是有多少黑色混合到你的颜色。黑色越少，越亮。

当你拖动滑块向上，减少了黑色的数量，增加亮度，在颜色选择器中的“B”的值上升。

与你原来的色调混合的黑色也被称为创造了“阴影”。这也来源于油漆混合，是黑色油漆与涂料颜色的混合。

当你混合灰色到彩色这被称为创造了色调。如果你调节饱和度和亮度，那么你就创造了一种色调。所以基本上任何时候无论你的饱和度和亮度均小于100％，这就是一个色调。

同样，这个词来源于油漆混合，在其中创建一个灰色的油漆，然后用彩色涂料混合。

单色配色方案

单色的配色方案是，你以一个基本的色调和扩展它的色相，饱和度和亮度。因此，通过采摘一大亮点的颜色和它创造的变化，你实际上创建了一个单色方案。

西安网站设计下一步？

坚持练习对灰度基础的单色配色方案，直到你感到很有信心为止。试着用不同的色调，尝试创建不同的高亮色，看看它是如何改变饱和度和亮度的设置，直到可以使用为止。

当你感觉很舒服，可以增加一个额外的高亮颜色。我建议尝试橙色和蓝色，因为他们往往是较简单的二重奏。然后尝试绿色和蓝色，这在我的经验中是第二个较简单的。这两种往往是与客户和访客都会称赞的搭配。

为了推动了你对Web的配色方案的理解，较好的事情就是抓住自己喜欢颜色，你可以用取样器（浏览器扩展Colorzilla），并用它来研究经验丰富的设计师是怎么做到的丰富的色彩搭配的。当你在浏览互联网的时候，看到一个很大的配合突破，你可以用颜色取样器看看在页面上使用的颜色的配色方案。你甚至可以尝试每个色相，看看哪些饱和度和亮度水平效果较好吧。另外要注意它的颜色组合的和谐度。

如果有疑问，可以随时回到属于你的“安全先进”的指导方针，这无论如何都是不会错的。

北海道的旅游旺季 北海道旅游季节

    北海道的冬天是什么意思？ 北海道属温带季风气候，冬季气候非常寒冷。1月：4℃至10℃，8月：18℃至20℃，年平均温度6℃至10℃，年降水量800毫米至1200毫米。12月至次年3月有积雪，最深达4米。夏季东南岸多海雾，冬季北岸和东岸有流冰。北海道以其迷人的雪景闻名于世，冬天是游览北海道的较佳季节。 北海道的冬天有什么寓意？ 答案:北海道的冬天寓意吉祥富贵，纯洁的寓意。 北海道属温带季风气候，冬...

       网络推广的几大绝招 网络推广的几大绝招 第一、利用百度知道 　　根据行业特点，在上面回答相关的问题。例如我的站全球医院网是做关于医疗行业相关的，我每天在百度知道上回答一些相关疾病的并提供详细资料的链接，这样每天百度知道都能为我带来70-80IP左右。回答问题的前提原则是诚心为提问者解决问题。不要只是为了上链接乱答。这样是没作用的。 第二、提交到搜索引擎 　　这样能让大部分网民从海量的互联网数据中找到你的网站。至于针对...

       企业网站设计网页界面设计的应用方法 网页界面设计的应用方法 。设计网页界面所包含的因素是极为广泛的,但在运用中却只能有侧重、有强调的把握。设计因素虽多,但它仍是一个不可分割的整体。它的结果是物化的形,但这个形却是代表了时代、民族等方面的意识,并最终反映出人的美的心理活动。

       企业网站设计Photoshop的应用 随着信息技术的发展, 网页制作成为时下互联网平台中人与人交流不可或缺的宠儿, 但是要完成网页设计作品就少不了其他软件的支持, 如Flash动画制作, Fireworks图像处理, Photoshop图片制作及处理等。如何结合Photoshop来设计出有自己风格的页面是本文所要研究的课题。 一、Photoshop和Dreamweaver的简单介绍 1.Photoshop的简介 Photoshop是一...

       天津网站建设之企业网站建设如何规划？ 目前网站建设非常受企业的热捧，并且很多的企业也都在企业建站方面投入很多的精力、时间、以及金钱，但是网站建成以后的效果却差强人意，而导致该情况的原因，相信 天津网站建设 -虎网科技 在熟悉不过了，因为我们是一家拥有五年多建站经验的知名建站企业，对于网站建设中的每一个环节掌握的都非常的娴熟，那么网站完成之后之所以达不到企业的要求，其中最重要的原因是因为建站工作准备的不到位，要知道在着手设计、建立网站之...

       广州网站优化"能给企业带来哪些好处？ 今天虎网网站建设的小编来说说“广州网站优化”能给企业带来哪些好处？其实作为企业来说长期的进行网站优化和网站推广是最好的，那样不但可以推升和稳定网站的排名还能够帮助企业树立良好的品牌。废话不多说，接下来广州虎网网络就来说说网站优化和网站推广能给企业带来什么好处。 　　低成本：网站优化和网站推广是目前为止最有效的搜索引擎营销方式，'广州网站优化'通过对网站功能、结构、布局和内容等等的网站优化加上一定的...