1、需要配的是画布，而不是你的图片
  一个在网页设计中最根本的原则是，无论你花了多少时间创造了一个辉煌的设计，其最终的作用是发挥出内容的核心位置。你的配方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台，目的是帮助突出网站的内容。
  淡的画布突出了图像，而明亮的画布有时反而不能突出你的内容。
  用Photoshop或者Sketch等软件设计网站的时候，创建设计的过程往往是相互独立的。有些设计单个看起来很不错，也能被你的客户所接受，但是当它真正被设计成网页的时候不适当的配往往会分散访客的注意力。事实上，网页设计的过程是和内容紧密相连的，很多制作高品质的网页看上去空空荡荡，几乎没有内容。
  这是一个伟大的想法：你可以在你的网站上先铺陈出你的内容，用设计软件也好用代码也好，然后在你内容的周围设计你的网页。当然这也是一个特殊情况，如果一个特定风格的图像和照片都能和你的设计和谐的融为一体，那么你的设计配才算是完美。试想一下，网站的配对内容而言就像衣服对于人的重要性，对此你必须制定一套完美的并且合身的衣服。
　2、选择简单的灰作为网站的基调
  你可以为你的网站基调选择无数种颜，不过我建议你采用最简单的颜，比如白/浅灰与深灰的搭配文字背景。
  你可以看看任何热门的网站、模版、主题，白或浅灰与深灰搭配成了大多数的选择，这当然也是有充分理由的。这样的搭配对访客而言提高了你内容的可读性，并且把你的图片突出在最前方。
  一般来说，你的文字最好避免使用墨黑，深灰一般更容易阅读。
  文字颜建议范围：#333333到#666666;背景颜建议范围：#FFFFFF到#CCCCCC。
  当然，这些颜的选择都不是固定死的。只不过如果你是新手，以上的配方案你可以放心使用。
3、只选择一种颜突出显示
  如果你选择好几种不同的调来，那么你的配方案绝大多数是有问题的。你颜用得越
多，你的页面就越来越难以控制。所以，在你网页以灰基调的前提下，你最好只选择一种鲜艳的颜来作为你想要突出的事物，比如标题、菜单、按钮等等。你的高亮颜可以是蓝、红、绿，等等。
  你最好选择与你的基调颜相关的高亮颜。打开你的颜选择器，并单击你彩方块的中心。
  向上或向下移动你的滑块，你可以仔细选择你认为最合适的颜。
  现在，你设计的页面有了三个基本的颜：背景、文本和高亮。在以后你也可以选择一种以上的高亮，但现在对于新手来说还是选择一种比较合适。
  4、如果有疑问，请使用蓝
  如果你对你的高亮的选择有疑惑的话，不妨使用蓝。蓝是一种弹性比较大的颜，可以和很多种颜搭配。
  这里介绍了30个以蓝为主调的网站，可以作为借鉴：Blue
  另一方面，如果你是用蓝，那么你用错颜的概率就会很低。如果你正犹豫着不知道用什么颜好，不妨使用蓝。比较安全的蓝包括从海军蓝到深蓝(H235-H190)，而我通常选择H205的蓝。
  如果你选定了一种颜作为你的高亮，那么也请你在其他需要的地方使用这种颜。如果你的按钮、标题等需要高亮，把它们的颜也换成同一种蓝。在下面这个例子中我把白换成了蓝，大家感受一下。
　5、给你的高亮增加变化
  你一旦选择了高亮的颜，从该点移动滑块来选择接下来的颜。在你的`设计中也需要其他的颜，高亮的稍微变化会让你的颜选择变得简单，但又不显得乏味。如：
  悬停效果：
  边界：
  通过突出显示颜：
  渐变：
  光影效果：
网页界面设计的原则有哪些?　6、尽量不用颜选择器右上角的颜
  颜选择器的右上角是一块肥沃的土地。它们可以执行出惊人的效果，而且非常诱人，但通常想用好需要大量的经验。如果没有足够的经验，它们可能会导致事故的发生，所以最好以削弱你的颜，最好都保持比较淡化的彩。
  这就是为什么在本教程的第三部分，我问你点击的颜在地图右上角的中心选择您的高亮颜之前，要确保你有一个比较柔和的颜拉开序幕。
  为了说明这一点，看看如果我只是改变了设计的调，会发生什么。
  上图看上去还是挺舒服的对吧?
  但是如果你把颜调整为选择器右上角的颜，我们再来看看效果如何：
  分分钟亮瞎了访客的双眼!如果你想确保你不烧焦访客的视网膜，遵循留出颜选择器的右上角的格子的一般原则。
学习建议
  单配方案
  单的配方案是，你以一个基本的调和扩展它的相，饱和度和亮度。因此，通过采摘一大亮点的颜和它创造的变化，你实际上创建了一个单方案。
  下一步?
  坚持练习对灰度基础的单配方案，直到你感到很有信心为止。试着用不同的调，尝试创建不同的高亮，看看它是如何改变饱和度和亮度的设置，直到可以使用为止。
  当你感觉很舒服，可以增加一个额外的高亮颜。我建议尝试橙和蓝，因为他们往往是最简单的二重奏。然后尝试绿和蓝，这在我的经验中是第二个最简单的。这两种往往是与客户和访客都会称赞的搭配。
  为了推动了你对Web的配方案的理解，最好的事情就是抓住自己喜欢颜，你可以用取样器(浏览器扩展Colorzilla)，并用它来研究经验丰富的设计师是怎么做到的丰富的彩搭配的。当你在浏览互联网的时候，看到一个很大的配合突破，你可以用颜取样器看看在页面上使用的颜的配方案。你甚至可以尝试每个相，看看哪些饱和度和亮度水平效果最好吧。另外要注意它的颜组合的和谐度。
  如果有疑问，可以随时回到属于你的“安全第一”的指导方针，这无论如何都是不会错的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。