在网页中，每一个要素都发挥着它该有的视觉的力量去吸引用户的眼睛。这个力量越大，它吸引的目光就越多。同时它还作用于其他的视觉要素，传递出潜在的视觉移动方向的信息，并且告诉你接下来该看什么。

　　我们把这个力称作：视觉重量;把它感知视觉方向的力称作：视觉方向。如果想让你的作品变得流畅、平衡、有节奏感和层次感，那他们就很重要了。视觉重量

　　物理重量衡量的是引力发挥在物体上的力，但是二维的物体(比如网页上的元素)没有质量，也就没有物理重量。视觉重量是衡量一个元素吸引眼球的力。二维的物体可以吸引注意力，吸引的注意力越多，它的视觉重量越重。

　　在这个系列之前的帖子里，我谈到了要素的基本特点或者说是内在特点。比如尺寸、颜色和形状。并且提及如何用这些基本特点去展示两个要素之间的对比和统一。

　　举个例子，你可以通过一大一小的形状对比让要素变得不同且清晰。

　　通过调节这些内在特点的组合，你可以控制网页的视觉重量。比如：红色比蓝色更加吸引眼球，更大的要素比更小的要素更加吸引眼球。那么组合起来的话，大面积红色的视觉重量就要比小面积的蓝色要重很多。

　　这些基本特点的总和才能决定一个要素的视觉重量。并不是其中任何一个。确实一些基本特点的组合可以吸引更多的眼球。因此，为了创造不同的视觉重量，你要使用不同特点的组合。

　　如何衡量视觉重量?

　　说实话，没有一个很精确的方法去测量设计要素的视觉重量。用你自己的体验去决定哪一个要素轻哪一个重吧!发挥你眼睛的作用。这个区域中最吸引你眼球的地方就是视觉重量最重的地方!学着相信你的眼睛!

　　这并不意味着你要很随意的去看什么最吸引你的眼睛。例如，你可以将每一个特点都分离出来，去理解更大的比更小的重，你的眼睛会帮助这些特点相互组合。

　　幸运的是，有人已经分离测试了这些特点。下面的这些特点，你可以改变其中任何要素并且说明如何改变他们，改变后会增加或是减少视觉重量。

　　让我们来分析一下之前我提到的几个基本特点：尺寸、颜色、色值、位置、纹理、形状和方向。

　　·尺寸

　　大要素的视觉重量比小要素的重。

　　·颜色

　　暖色更倾向于前景，一般都比较突出，同时暖色比冷色更重。冷色则往背景方向逐渐远去。红色被认为是最重的颜色，黄色则是最轻的颜色。

　　·色值

　　深色元素的视觉重量比浅色元素重。

　　·位置

　　在一个作品中，处于更高位置的要素一般比更低位置的要素重。位于中心区域或重要区域的元素更重。

　　·纹理

　　有纹理叠加的要素比没有纹理的要重。纹理让物体呈现三维的效果，同时给予它质量和视觉重量。

　　·形状

　　规则的物体比不规则的物体要重，因为不规则的物体就像是规则的物体被切掉一部分后得到的。

　　·方向

　　垂直方向的物体比水平方向的物体重，但最重的是倾斜的物体。

　　事实上，你完全不用把自己限制在这几个基本特点中，你也可以使用额外的特点去控制视觉重量。

　　·密度

　　填充更多的元素到空间中，去增加空间的视觉重量。观者将会感受到更复杂的的组合要素，而非更简单的要素。

　　·白色空间

　　纯白的空间看上去没有视觉重量，因为它太空了。任何一个在空白中的物体似乎都更重了，原因是周围的空间都包围着它。

　　·本身的兴趣

　　有些事比其他的事物更有趣，更复杂的元素就更有趣，也能吸引更多的眼球。你自己本身的兴趣也扮演了一个角色，如果在飞机和汽车中你更喜欢汽车，那汽车的图片就会更吸引你的注意力。

　　·深度

　　较大的景深给了焦点元素更多的视觉重量，原因可能是焦距和未焦距区域的对比度

　　·饱和度

　　饱和度高的颜色比饱和度低的颜色更重

　　·感知物理重量

　　我们都知道一栋房子的重量比一双鞋子重吧!一张印着房子图片的视觉重量比一张印着鞋子的照片重。因为我们感觉房子更重

　　在之前的这个系列里，我提到了对比的元素会更加吸引眼球。换句话说，与周围环境对比的要素将会比他周围的环境更重。举个例子，网页中的环形元素视觉重量比矩形元素更重，原因是网页中的大多数元素都是矩形。

　　并不是所有的特点都会导致相同的视觉重量，大多数人可能最先注意到的是颜色而非形状。这表明颜色的视觉重量更重。你还必须考虑到他们的独特性，因为对比的元素比他们的对比物更重。你作品的具体情况将决定哪些地方有对比，哪些地方没有。

　　请记住，视觉的重量是上述这些属性的总和。尽管大的元素比小的元素要重，一个小的黑色圆圈周围是大量的白色空间并且在页面顶部，他比一个大的不规则的冷色的在页面底部的物体要重。

　　视觉的重量和格式塔原则

　　接下来的这个系列指出了格式塔原理对设计原则有多大的贡献。

　　·图形背景

　　视觉重量可以通过给予图形更多的负重去把背景和图形元素区分开来。

　　·距离

　　元素间的空间导致了不同数量的局部空白和物体内部空间的不同密度

　　·相似和对比

　　你可以用视觉重量去表示它们，对比的元素会带来巨大的反差和视觉重量，类似的元素很自然的就会表现出相似性。

　　·焦点(该系列中的下一个主题)

　　点元素组成了焦点并且会特别有吸引力，它的视觉重量比其他元素都重

　　·曾经的体验

　　浏览者过去的体验会很影响他们认为的当前网页中最吸引眼球的元素。

　　视觉方向

　　如果说视觉重量是关于吸引眼球到特定的位置，那么视觉方向就是引导眼球到下一个位置。视觉方向是对视觉力量的感知。如果元素正在运动中，那想一下你期望的元素的移动方向。视觉方向和视觉重量有着相似的功能，视觉重量是想让你注意到作品中的某一部分，它在兴奋的对你说“嘿，看我这!”，而视觉方向却在对你说“嘿，看那边!”

　　当然你也同样可以通过修改元素特点去改变视觉方向，尽管它的元素特点比视觉重量要少很多。

　　·元素的形状

　　一个元素的形状可能可以创造一个坐标轴，并且这个坐标轴会提供一个视觉方向。基本轴通常都是平行方向的视觉元素

　　·元素的位置

　　视觉重量是一种排斥与吸引并存周围元素的力量，同时这个力量把它们都联系在了一起。

　　·特定元素

　　一个箭头、一个手的指向或者一个眼睛的凝视都暗示了一个具体的方向

　　·元素移动

　　通过你的设计，元素确实可以移动，并且它的移动是有方向的

　　·结构骨架

　　每一个元素都有骨架结构，它们都沿着不同的轴线很自然的移动。这里可能需要更多的解释了。

　　结构骨架

　　在《艺术与视知觉》这本书中，鲁道夫·阿恩海姆提出每张画布后都有结构骨架，每一个画布都有一个结构网络的力量贯穿它的全部。即使这个画布上没有任何元素，我们的眼睛还是会被吸引到画布上的特定部分，因为结构网络力一直在画布下面

　　鲁道夫·阿恩海姆的结构网络。

　　一张矩形画布的中心和四角就像磁铁一样吸引我们的眼睛。磁力最强的地方在画布的中心，尽管不是画布的几何中心。相反，吸引眼球的中心是光学中心，它位于几何中心的上方。

　　轴线从中心贯穿四周，这些轴线交点的中心和四角都吸引了注意力。这些中途的交点，把水平线和垂线相互联系起来，创造了一个吸引眼球的坐标轴。

　　好了，后面要谈到这一个系列的时候我们还会回来好好聊一下结构网络的。现在知道了，一个缺乏设计眼光的浏览者会被吸引到阿恩海姆结构网络的中心，并且沿着不同的轴线一点一点往下看。

　　因此，你可以利用这个结构网络去放置元素，调整它们的位置。它们会很自然的吸引眼球，并且吸引力会增强。

　　视觉的方向和格式塔

　　你可以想象一个元素到另一个不同却相互联系的元素的方向，用一条真实或想象出来的线条。这条线可以是不可见的。

　　·统一连通

　　这根线连接的元素是有方向的，眼睛凝视元素的地方会出现一条线。

　　·连续

　　这条原则相关于元素被安排成直线还是曲线，就好像他们正在沿着曲线或直线运动

　　·共同命运

　　元素之间似乎有朝着一个方向移动和呈现的共同命运。

　　·并行

　　为了使元素看上去是并行的，它们的内部轴线(就是赋予视觉方向的线)必须建立起来。

　　作品的总体方向

　　视觉方向更多的一个概念就是，每个作品都有一个主导方向，不管是垂线、水平线还是对角线。

　　·水平方向会让作品表现出冷静和稳定的感觉

　　·垂直方向会让作品表现出危险、形式感和平衡感

　　·对角方向代表位移和运动。

　　作品的主导方向是由大多数元素或者几个关键元素来确定的，这个方向会帮助建立一个总体氛围，这个总体氛围的建立是根据不同的线型来决定的。

　　有可能作品中没有主导方向，垂直线和水平线的数量是