网页设计配色注意事项

网页设计配色时，忌花是指要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色。下面介绍网页设计配色注意事项，希望可以帮助到大家。

不同色调的象征

灰色：象征冷静、中立

绿色：象征健康、生命

蓝色：象征可靠、力量

紫色：象征智慧、想象

红色：象征血气、年轻

橙色：象征欢乐、信任

黄色：象征温暖、透明

网页设计色彩搭配原则

网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。

蓝为主调。蓝色多与白、橙搭配，。白底，蓝标题栏，橙色按钮或ICON做点缀;蓝天白云，沉静整洁的感觉。

绿为主调。绿色多与白、兰两色搭配。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。

橙为主调。橙色多与白、红搭配。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的商业色调，因此多用于商业网站的网页美工设计。

暗红为主调。暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

网页设计师需要注意的几点

尽管三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。

在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。

忌脏是指背景与文字内容对比不强烈，灰暗的背景令人沮丧!

忌纯是指艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

忌跳是指再好看的颜色，也不能脱离整体。

忌花是指要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

忌粉是指颜色浅固然显的干净，但如果对比过弱，显得苍白无力了，就象病夫一样无可救药。

另外，蓝色忌纯，绿色忌黄，红色忌艳。

当然，作为网页设计师，我们最需要时刻提醒自己的是不要为了设计而设计。

一切的设计都要以用户的需求为导向。一个优秀的网站，会给用户非常直观简介明了的体验和简明的导航。

企业网站的重要性，我们不需要再多说，而我们在设计网站的时候，有些问题必须要格外的注意，否则接下来再用网站的时候会出各种麻烦。

一：网站能够进行修改

企业网站设计我们必须要清楚的知道，你所设计的这个网站并不是膜拜，而是接下来是可以修改的。市面上有很多的一些网站，都是千篇一律的，看起来不仅没有任何的新意，而且也不能够给用户提供有效的和多元化的信息，所以对我们就会造成很大的影响。千万不要选择那些模板的网站，根本就不能够修改，接下来对网站的使用，不仅会遇到各种麻烦，而且总体上的使用效果也都不尽如人意，这些今后使用的时候都会被发现。

二：考虑后期的优化

最初人们在使用一些模板网站的时候，总体上的感觉还是比较不错的，但是真正的你涉及到的后期的一些优化，可能很多事情就是完全不一样。这样的网站要想对其进行更好的优化，基本上是没有什么办法，而且即便是进行优化，也会遇到各种麻烦，甚至会直接被造成封号。我们能够真正的去考虑到的这些实际的方面，关注到后期的这方面的设计，对于我们来说都会很不错。任何一个地方，在对网站进行的设计，我们都必须要结合多个方面来做好。

三：和行业和公司的特点

不同的行业，不同的公司，总体的情况都是不一样的，而网站的设计必须要把这些方面的特点都综合的体现出来，如果整个网站方面都是孤立而存在的，那么接下来网站的使用很难真正的起到更好的作用。因此设计网站就需要结合企业自身的特点，并且考虑到多个方面，自然而然就可以把整个网站都设计得很好。

企业网站设计并不是孤立而存在的，我们在进行设计就应该考虑到网站总体上的没关系，同样也应该注意到，后期是可以进行维护和修改的，否则起不到很好的作用，充分做好这些准备工作也能保证网站设计效果。

一：选用靠谱的设计工具

远离美图秀秀此类没有门槛的设计工具，尽量使用开发型的设计工具。例如Adobe系列。好的设计软件是能让你发散设计的思维，并不局限在图像本身。

二：培养美感

设计行业最忌讳的就是"差不多、随便、可以了"。这种效果你做不出但你能想象得到，这只是"术"的问题，但你脑海中根本没有这种效果更别说能不能做出来，这就是眼界的问题了。眼界上来了，"术"这个问题很容易解决，培养美感就是在开拓眼界。

三：拒绝平淡

通过技术处理的也有通过创意处理的，只要效果能出来就好，但切忌繁杂，拒绝平淡，让人眼前一亮，呼吸一窒才是网页排版的目标。

四：内容要有目的性

一般在做网页页面内容的时候我们应该搞清楚这个做了是为了达到什么样的目的，如果我是为了展示商品，图面幅度应尽量以图为主说明为辅。

五：字体种类大小选用要适当

字体最好选择严肃一点且能清晰分辨的，除正式文体要求外，尽量少用宋体，没什么原因，就是丑。

六：排适当留白

留白主要体现在两个地方，一个是图幅的留白比例，另一个就是字间距行距的留白控制。前者主要依靠个人感觉，后者可以根据文章结构调整，一般为1.5倍的行距。

七：颜色部可以随便用

颜色有冷暖色之分，冷色调会令人感觉与图像有些距离不易接近，暖色调会有种空间无形靠近的感觉。冷暖色调应该统一，切勿交替出现，显得不伦不类。

八：图像信息非常重要

一张图片右键属性打开后你可以看到很多关于图片的信息，这些你都需要具有初步的了解，例如格式、大小、尺寸、分辨率这些都是熟悉一下比较好。

01. 决定品牌形象

在很多建设网站的理由中，传递出特定的感情这一信息是很常见的。所以在这时，选择好颜色就显得尤为重要。你想传递出什么样的感情，不用通过阅读内容，用户都能很好的理解。

在以生态为基础的公司的网站上，配色的灵感就来自于自然;如果是以销售玩具为主的公司、就需要选择有趣，鲜艳的配色。每一个被使用的颜色，在它背后所包含的意义是十分重要的。

在品牌推广时使用的颜色要和公司LOGO设计的颜色要是相同的，这一点非常重要。对于网页设计师来说，在线销售的销售额增加，让人联想到什么样的传统或者概念，如何利用有效果的照片都是值得思考的一件事情。

虽然有很多种方法可以让用户在网页上进行购买时也能获得和在实体店一样的感觉，但网站的运营者则需要让网页设计师也注意到这一点，革新的新型网页也同样，或者说可以获得在这之上的购物体验。

最终的目标、就是给用户提供舒适的感觉。因此，在更新最新信息的时候，一定要注意要具有统一的品牌意识。

02. 决定你要传递的信息

给消息使用华美的颜色，或者让它变得特别有吸引力，在单独比较的时候又有独特的魅力，给用户提供这样有趣的体验。如果你已经知道你面向的是那些用户、考虑它们的喜好就不是很难、这也算是一个非常好的消息了。

03. 直观的导航菜单栏

当你看到一个网站的时候，或许你会有很多很棒的点子，但你也需要遵守导航菜单的一些规则。用户是一个接一个、按照顺序直观的去观看的，除去基本的动作之外，要防止出现让用户感到迷惑的动作。

想引导用户到达特定的区域，有好几种视觉效果可供选择，用配色方案来凸显出对比效果就是典型的方法。利用对角线上的布局，被称为对角线平衡(英: Diangonal Balance)、它特别惯用于从上到下的布局、我们可以在右上角的基本设定菜单中找到它，这在欧洲和美国的网页中经常用到的技术。

利用相反的配色，让每个选项的层次感凸显出来，用户在这些项目中就知道可以点击什么。

04. 决定什么是重点

用户可不知道，你有什么重要的情报和消息。在这种情况下你就需要在屏幕的中间，使用鲜艳的颜色来告诉它们。这么做的话，用户就会尝试着优先去看这一部分。

为了让用户去关注它们，也有用白色背景上使用黑色文字这样布局的网站。为了打破单调的外观，如果你利用了强调色，那将变得非常简单。也有这样的原因，为了表现出文本和超链接、使用非常鲜艳的颜色，这也是现在非常流行的设计趋势。

05. 考虑信息的重要性

在网站中、我们希望将【注册】或者【购买】这样的要素突出。而类似【取消】这样的按钮则希望用户尽可能的不去注意到它，因为它们并不是主要的要素、用一些通常的设置来控制它们就可以了。

我们可以用字体很小的文字或者和照片颜色相接近的自然的配色来设计按钮，从而让用户不去注意【取消】。如果将原本在右上角的【注册】按钮放在屏幕的正中间，那它所达成的效果也自不必说。通过调整按钮的大小，以及明确的写出它们的做用，用户就能很准确的理解你所表达的意思。

同时，为了突出主要要素按钮，你需要去注意它们的大小和颜色的对比，这样可以防止用户忘记按下按钮。

06.考虑图片的颜色

为了给用户界面提供更加亦可赛艇的体验，你也可以将配色同图片相结合。从填满整个屏幕的背景图、到你想出售的的产品的缩略图、将它们考虑到构图之中，将用户的视线集中起来。(例图的配色和那些OX□Δ让我差点将它当成了PS4的宣传网页)

事实上，更加专业、精致大气的网站上，红色和绿色还有蓝色最好不要使用。由单色制作出来的网站，信息的传递往往会更好，这也作为一个特殊的效果，被很多网页设计师所采用。

07. 限制使用颜色的数量

如你所见、有些用户的眼睛是弱视的，而有些则是什么颜色都看不见的。而大多数情况下，色盲中红绿色盲居多，如果你的设计作品中运用了大量的红色和绿色，就会让它们感到混乱。

从这个设计师可以看出、在这个界面设计中它是以大量的红色作为主要要素，这样就可以避免红色和绿色难以区分这一问题。

08. 决定什么是最重要的

例如代表国家或者宗教的符号，颜色所代表的意思，因为各地的文化不同而不同。作为设计师，首先应该了解自己所面向的用户是那一类、在考虑配色的时候，应当要考虑到这些问题，从而确保传达出的意思不会被误解。

有时、颜色的意思相近(在中国红色代表幸运(英: Luck)，在美国则代表了爱(英: Love))就显得不是那么重要，但像白色或者黑色这样因为宗教的原因而导致的意思不同，就会将你的设计从整体上破坏，这一点请务必注意。