网页美学的测量方法Ngo

1. balance

balance是指网页上的光学重量的分布情况。所谓光学重量是指有些object在肉眼看起来轻,有些看起来重。 一般来说,大的物体看起来重而小的轻。想要有较高的balance,需要在网页的上下左右四周重量分布均匀。

具体的计算方法都在Ngo的论文中,此处省略。

大概计算是用各个部分的重量差进行相关计算。

2. equilibrium

equilibrium是指布局的中心和网页页面中心的距离差。好的equilibrium是将布局中心和页面中心重合起来的。但这里可能会有一些小的偏差,在第四部分会讲到。

3. Symmetry

Symmetry,顾名思义,是指网页的elements的对称程度。比如左边有一个element,右边有一个完全相同的element与其对应,称之为对称。具体分为横向,竖直向,和对角线向(左上右下等等)

4。 Sequence

sequence是指objects的排布顺序和方式。好的sequence能与人眼的阅读习惯相适应而排布。人眼的阅读习惯一般来说是从左上开始,然后一行一行的阅读,到右下。而且心理学家发现人们的视线会被特定的事物所吸引,比如大的事物会更吸引人的眼球。

5。 cohesion

一般来说,objects具有相似的长宽比更能提高cohesion。长宽比在这里特指objects的宽和高的比。一般来说,纸张都是高比宽更长。 而VDU则是宽比高更长。改变一块视觉区域的长宽比足以影响人们的眼球的阅读顺序。要有一个好的cohesion,我们应当尽量保持长宽比不变。

6。unity

unity是指网页是否看起来像一个整体,而不是被分割成很多小块。网页元素和objects之间的搭配会影响这个网页的unity程度。好的unity的实现应当用相似的大小,并且在objects之间尽可能减少空间。

7。proportion

proportion,也就是所谓的比例。这里的比例可以是各个组成部分的比例形状。不同的年龄,文化有各自偏好的比例。然而有一些比例被广大群众都认可的美的比例。 如下

Marcus [3] describes the following shapes as aesthetically pleasing.

• Square (1:1)

• Square root of two (1:1.414)

• Golden rectangle (1:1.618)

• Square root of three (1:1.732)

• Double square (1:2)

8。

你可能感兴趣的:(网页美学的测量方法Ngo)