本文节选自――《Web Designer Idea ――设计师谈网页设计思维》一书，未经许可，请勿转载！

在格局版式一节中，Relen介绍了大量可参考的样式，也分析了基础结构及融合创新。在本节中，我们还会继续学习一些较为实用的思考问题的方法和创👍作手法。 

参照物－固定与变化 

我们常会遇到一些拥有特定要求的设计单。

例如，必须在页面的某个固定位置保留某种信息。又或者是需要继ꦚ承由上一版延续下来的，如导航设计、版式设计的某些创作特征等。若是一些具有美感的特征需要保留或继承，这会让接下来的工作好做的多。若不是，那将给你的再一次创作带来不小的障碍，甚至让那些颇有经验的设计师们都会为此头疼不已。试想，谁愿意为那些有缺陷的思路圈圈转呢？

看一个实例：下图是热电公司的内部用软件界面，我们可以看到页面的设计是参考了网页界面的形式。由于公𒉰司的机器大多从小屏幕换成了大屏幕的，所以需要把原本800像素的界面改为1024像素的。

改版前：

由于此次不更改软件程序，再和软件师沟通后得知，页面可﷽以分成五块区域，只要每块区域的内容🍸不变，就不影响到程序连接。也就是说，重新设计的前提是：所有页面元素的位置不能更改。

先来分析一下这个页面。画面十分枯燥、用色不讲究。格局设计不合理，页面信息零散分布，画面没有统一的视觉外观，也缺💖乏情感表达，更谈不上营造气氛和突出气质了。

既然如此，我们恐怕要解决一些列的问题：

1，  让画面上的元素有机的统一起来，减少空白的区域。

解决方法：最为零散的莫属区域5的那些图标。除了放大区域5的图标外，则是为它们增加一个统一的背景色。为什么？从视觉心理上讲，不论在同一个色块上放置多少个零散的物体，由背景色块的边界所形成的区域都会被꧑认为是同一物体。由此以来，区域5的图标被整合。

2，从色彩上改变画面的气氛。

解决方法：一方面尽可能准确的表达企业的内涵，另一个方面，体会每天都会看到这个页面的人的♌心情，尽量提供一些开阔的，饱满而富有变化的色彩。

Relen选择了暖红为主色，蓝色为补色。注意，补色不是辅色，而是作为均衡力量的第二种颜色。为什么？暖红热情有干劲，不仅符合这个行业的特征，也给每天阅览这个页面的员工一些朝气。红色很容易注入🔯记忆，ಌ给人们留下深刻印象，但仅有红色是不够的，因为红色容易浮躁，用多了会让人厌烦，便会适得其反。这时蓝色就有了平衡力量，蓝色是代表科技和现代化的，从这个角度符合了“领导”的喜好。其次蓝色是一种继承，并让人们保持冷静，从这个角度上非常适合长期做在办公室的人。重点是，Relen选择的蓝色并非是前版中僵硬的紫蓝，而是一种天空的蓝。

有人问，那灰色的作用呢？灰色甚至比红色和蓝色的面积都大阿？灰色才是辅助色，它的作用是增加节奏感、文化厚度，以及品质。过淡的灰色本身没有具体的色彩情感，可当它作为辅助色时，往往能෴够提高画面的精致度、品位，使作品看起来更加别致而有思想。而灰色也不是随便铺的，Relen用斜线铺色，这会添加一些细节的魅力。

最后，为了让画面增加少许变化和活泼的气氛，在区域4的信箱栏跳换几个淡雅的颜色。从整体角度看ꦕꦦ，它们起不了什么大作用，细致看时，却可感受到一些微妙的情感变化。每天收信的员工们会体会到的。

3，从插图上提供知性、感性的各种情感。