网页设计——一个处在平面设计上的技术工作

网页设计是一个特殊的设计群体，虽然在设计的分类中，它被列为平面设计范畴，但是平面设计又不能全面的设计制作网页后台功能，因此网页设计是个尴尬的设计群，优秀的网页设计应该是由IT技术师和平面设计师的结合产物。接下来我与大家分享一下我自己对网页设计在平面设计方面的认知。

大家先来看下面这幅图：



这幅图是我在谷歌英文页面上搜SEO找到的几个公司网页（按顺序进去的，没有任何特意挑选来做案例成分）。现在我就基于这幅图详细的谈谈网页设计。

首先，我想问大家看到这幅图的第一印象是什么？有没有较强的视觉冲击？

如果你的答案是肯定的，那么这个例子是成功的。平面设计是视觉创达设计的一部分。我们打开网站，首先让我们看到的肯定不是网页的详细内容，给我们最大视觉感的肯定是网站的色彩运用和布局的控制。图3和图4，我打开网页以后没有看过内容，我一直在想为什么他们可以那么大胆的接受大面积的用红黑色要强调视觉效果？

SEO是IT商业化的领域，我们如果委外找公司做网站，自己没有给委外公司任何条件的话，大部分公司都是保守型的选择商务色彩（蓝色，紫色，绿色）做主打色，如果公司有全套的VI设计，那么会选择配合公司VI宣传的颜色及辅助图形制作。因为商业化的角度考虑，这样做是简单有符合商业运用的（这里所说网页设计部包含艺术网页宣传，只是谈及传统盈利的商务公司）。所以当我看到图3和图4的时候，我被它们敢于跳出传统网页设计色彩模式震撼了，心理想的是：估计也只有老外才这么干了。

其次，大家请仔细看这5个网站都有个共同的地方

答案是：立体。

图1，中间星空感的光给人立体感

图2，背景色彩的渐变和右边阶梯状的排名图示都是立体的展示

图3，SEO字样的O十倍锯齿环绕的，右下角的栏目是被丝带缠绕的，从色彩及阴影看出是立体环绕

图4，最上面的标志部分和图片部分都做了倒影

图5，双G LOGO的前后层次和倒影都能感受到立体的传达，当然还有中间的图片

为什么电影界会出现特效镜头，为什么3D电影的票房节节攀升？答案很简单，过于没有创意，长久的平面审美让我们在视觉上已经产生视觉疲劳，平面的设计已经不能吸引到我们对美的审取观念。

设计是想通的，所以平面的设计中慢慢融入了立体的成分，甚至有些效果需要3维软件辅助制作成效果再转换成平面图片。因此作为设计，是站在流行的前沿的，我们应该具有独到的审美眼观和对设计趋势的敏锐触觉。

再则，有没有人能找出一个网站运用的颜色超过3个颜色？

每个网站的设计肯定是用一个颜色为主打色，其他颜色做辅助，辅助是为了区别，为了丰富。

做设计的知道，颜色用得越多越难控制（儿童学校等或玩具公司网站除外）。这个要分2个方面说：

1，脏

我们都知道红色配绿色是禁忌，其实这是一个不全面的说法。红绿禁忌是在2种颜色明度，纯度以及饱和度都一样，在1:1的情况下才是一种禁忌运用。因为它们是互补色，这样用到一起，色彩就会脏，自然给人的感觉就不会清新自然。所以这个也是我们现在有看到很多服装设计喜欢用对比色，但我们仍然感觉不到不自然的原因。

2，乱

或许多2个色彩会在视觉上没有那么单调，但是色彩多了，给人的感觉可能是头疼，眩晕的。我们不知道开的网站要表达什么样的东西给我们，甚至是看了2眼就想关掉网站。

我上面有说到儿童园的网站除外，是因为在国内很多儿童网站用色都是特别丰富的，虽然行业特色需要色彩丰富，但是好的网站他们都会只在一个区域部分用到丰富但是清新的色彩，这个主题色也不会超过3中色彩的。

最后，简洁的传达信息

我没有认真的阅读每个网站，但是我知道他们公司都是做什么的。不是因为我搜的是SEO，因为他们把SEO都很大很突出的表现在网站醒目的位子。图4的SEO字样或许没有那么明显，但是它整个网站黑底白图的抢眼部分，是放了谷歌百度的搜索图案的。也是很简洁的传达了主要信息。

设计一个好的网页，也是商业盈利的一部分，所以传达我们商业信息也是最关键主要的部分。5个网页，没有一个有特别多的宣传修饰，都是简洁明了的以图以字表达公司主营业务的。当你们看到这样的公司，会不会有种专业的感觉呢？

设计已经完全融入到21世纪的社会中，如果有一天有一样东西完全没有经过设计包装展现在我们面前，可能已经不能很好的得到大家的肯定认同了。我们要在生活工作之余也关注设计，提高自我审美价值。因为生活中的穿衣，房子布置等方面也是设计的小部分。