美度量化计算.docx-淘文阁

资源描述

《美度量化计算.docx》由会员分享，可在线阅读，更多相关《美度量化计算.docx（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、美度计算首先对界面样本做定义，并归纳出美度测量的各种要素：平衡度（BM）、相称度（EM）、对称度（SYM）、连续度（SQM）、凝聚度（CM）、整体度（UM）、比例（PM）、简单度（SMM）, 从而运用这些要素来测量界面的秩序性和复杂性（0M）,从而得到最终的美度评价值。2.1 平衡度计算平衡是指一张图片中视觉重量的分布。视觉重量是物体表现出的一个比另一个重的感觉。大的物体更重，而小的物体更轻。“平衡的缺失或者不平衡会干扰我们的视觉”（Lauer, 1979）o在平面设计中，平衡通过诸如“上”、“下左”、“右”的屏幕元素的等价重量体现出来。图1表示平衡度研究中的“好的”和“坏的”两种界面情

2、况。图la为一个平衡的界面，其中一半的重量大致是在屏幕的一边，另一半重量在屏幕的另一边。图1b表示一个视觉上不平衡的布局（它看起来似乎会倒）。平衡度是计算水平和垂直轴两边的组件的总体重量间的差异，用如下公式来表示：BM = 1 -|BMvertical| + |BlhorizontaleOJBMvertical和BMhorizontal分别表示垂直和水平方向的平衡度，分别表示为:BMyertical 二max(|)vL|, IhrJ)BMhorizontal =Mt - Hgniax(|)rT|, |)rB|)均j =L, R, T, B其中，L、R、T和B分别表示左、右、上和下；Wj表示

3、j部分的总重量；au表示物体i 在j部分的面积；可表示物体中心线和框架中心线间的距离；同时，内表示某一部分包含的物体数。图1.平衡度研究中好的和坏的屏幕的对比。（a）好的屏幕（b）不平衡的屏幕2.2 相称度的计算相称是一种稳定，指悬架的中心。“作为一个设计准则，相称是指在一个令人感到美的排布之中安排一个视觉部分（Galitz, 1997）。”相称在屏幕上是通过定位布局本身的中心来实现。布局的中心和架构的中心相协调。（在定义方面，这里有些许的出入，我们会再结论和未来的工作中讨论。）相称某些地方是和平衡相关的。相称关注视觉中心，而平衡着眼于视觉重量。图2指出了在相称研究中“好的”和“坏的

4、”的例子。在图la中，相称通过定位布局本身的中心来体现。在图2b中，布局的中心低于框架的中心。相称度，EM,是计算显示的大量元素的中心和屏幕的物理中心之间的差异，用如下公式来表示：IEMJ + |EMr| 1EM = 1 _ -e 0,1沿x轴（EMx）和沿y轴（EMy）的相称组件的美度表示为：n2内（为-）EM.V=frame/Zzn2cseFi - J) EMy = -/ramc其中，（X/, y,）和（XC, Ye）分别是物体，和框架的坐标;a,是物体的面积;bframe和hframe 是框架的宽度和高度；同时n是框架中的物体数。注意|X/,|和lyfcl的最大值是bfram/和 h

5、frame/2。图2.在相称度研究中，好的和坏的屏幕的对比。（a）稳定的屏幕（b）不稳定的屏幕2.3 对称度的计算对称是轴向的重复：某一组件在中心线的一边和中心线的另一边是严格相等的。垂直对称是指关于垂直轴方向相同元素的平衡排布，而水平对称是关于水平轴方向的相等。半径对称是指相等的元素关于过中心点的轴线方向的平衡。对称可以用于保证一个平衡的机，界面。“它拥有绝对的美学吸引力”（Mullet和Sano, 1995）o Motif促进了窗口和对话框对称秩序的发展。图3代表了在对称度研究中“好的”和“坏的”的界面例子。在图3a中对称通过屏幕中心线左右两侧相等元素来实现。图3b是非对称的设计。

7、1r| + |典L 一稣l| + IaJR - 稣r| + 一 |；JR - 1r| + |火仇-+ | 火jR -IT（a）（b）图3.在对称度研究中，好的和坏的的屏幕的对比。（a）对称的屏幕（b）不对称的屏幕SYNLadial =vfAUL一程rI+ IUR -LlI+ I yUL - KLrI + I1 UR - ZLlI +H&- Er + |“加 - H& + 典l -r | + 区jr- 稣l| + jjL _+ /R - 戋L + &缶 - &R + %R - &L |12X1、Y* %、B*。和R）分别为正交化后的值：叫3=同一汽| J = UL,UR,LL,LRY,=二 y

8、ij - yc| j= UL, UR, LL, LRnUL,UR.LL,LRni巧=/方 / = UL,UR.LL,LR”,V _ V0/ =丈 1/7 -1(/ = UL, UR, LL.LR；xii - xcj/Rj = N V （殉 ,）2+（J7/ Jr）2j = UL, UR, LL, LR ./其中，UL、UR、LL和LR分别表示左上、右上、左下和右下；（x，%）和（xc, yc）分别是物体，在四分之一部分）的中心和框架中心的坐标；与和均是物体的宽度和高度；同时可是物体在四分之一部分的总数。2.4 连续度的计算设计上的连续性是指排版中物体以一种方法进行排布，这种方法便于眼睛运动

9、而浏览眼前展示的信息。通常地，眼睛因为阅读而形成从左往右从上往下的阅读习惯。认知心理学家已经发现特定的物体才能吸引眼球。眼睛移动由大的物体转移到小的物体。“它们必须一一由Bertin （1983）通过控制视觉的变化（例如大小变化）描述得出一一以知觉优先反馈到有意识阅读的顺序这个层次来排列（Mullet和Sano, 1995）。图4表示在连续度研究中，“好的”和“坏的”的界面例子。在图4a中，连续性通过排布元素以从左到右，从上到下的方式来引导眼睛而实现。眼睛由左上角向右下角移动。在图4b中是相反的，这里你无法找到排布的顺序。连续度是指关于西方阅读方式的文化来描述如何来展示信息的一种

10、度量方式，用如下公式表示：E1% 一 3SQM = 1 -六ul.ur,lr a”quL, qiiR, Qtt, Qlr = 4,3,2,14ifWjisthelargest in 体/ = UL,UR,LL,LR3ifuyisthe2nd largest inw2ifWjisthe3rd largest inw、1ifWjisthesmallest in wWj = q ag j = UL, UR, LL, LRw= wul,mur,mll,wlr其中，UL、UR、LL和LR分别表示左上、右上、左下和右下；同时aij是物体i在四分之一圆j上的面积。每个四分之一圆用q来给与一个权重。(b)

11、图4.在连续度研究中，好的和坏的屏幕的对比。（a）连续的屏幕（b）不连续的屏幕2.5 凝聚度的计算在屏幕设计中，相似的长宽比可以提高凝聚度。用术语解释的长宽比是指长和宽的关系。典型的纸的尺寸是高大于宽，然而视频屏幕悄悄相反。“改变视觉区域的长宽比可以有效地影响眼球运动模式而便于说明他所具有的某些不同的表现（Dillon, 1992）o在对眼前的东西扫视时，视觉的长宽比需要保持不变。图5给出了在凝聚度研究中“好的”和“差的”的界面例子。在图5a中，凝聚度通过保持视觉区域的长宽比而实现。图5b中屏幕的使用可能受屏幕元素非连续性的长宽比的影响。CM =凝聚度是指屏幕关联程度的一种度量，用如

12、下公式表示：e 0,1CMn是指排版和屏幕之间的比例关系的度量，表示为:if W 1OtherwiseCfi =layout / layoutframe / frame其中，星y。心他yout、bframe和加rame分别是排版和框架的宽和高。CMI。是物体和排版之间的比例关系的度量，表示为：CM1O=图5.在凝聚度研究中的一个好的和差的屏幕的对比。（a）凝聚的屏幕（b）不凝聚的屏幕if cW 1Otherwise“layout / layout其中，b和是物体，的宽和高；同时，n是框架中的物体数。2.6 整体度的计算统一性是指连续性，指看起来形同一体的元素的总和。拥有统一性，那么元素看起来

13、就像是汇聚在一起，天衣无缝地形同一体。整体性通过运用相似的尺寸，同时比起边缘处，在屏幕的元素之间留下更少的空间来实现。诸如Foley、Van Dam、Feiner和Hughes指出两种时间刺激是有同样的内在功用，或者看到相近的东西就会不自觉地把它们聚集在一起。图6 给出了在整体性研究中“好的”和“差的”的例子。在图6a中，整体性是通过在元素之间比边缘处留下更少的空间来实现的。元素是紧紧地聚集在一起，而外面留白的。而图6b看起来似乎它们将移除屏幕。整体度衡量的是屏幕元素聚集的程度，用如下公式表示：UM =|UNIforni1U paceUMform是物体在尺寸方面的关联程度，表示为:(

14、b)图6.在整体性研究中，一个好的和差的屏幕的对比。（a）聚合的屏幕（b）分散的屏幕UMf0 rm = 1 -胆n同时，UMspace是指组合和边缘之间的空间关联度。n“layout - 52，UMspace“frame -其中，a,、aiayout和aframe分别表示物体八排版和框架；C是指使用的尺寸数；同时是指在框架中的物体数。2.7 比例的计算古往今来，人们及文化传统都习惯于寻求比例关系。一个文化中的美在另一个文化中不一定是美的，但是一些比例形状却经受了时间的考验并在当前大量出现。Marcus指出了以下令人愉悦的形状。正方形(1:1) 根号2正方形(1:1.414) 黄金分割矩

15、形(1： 1.618) 根号3正方形(1:1.732) 两倍正方形(1： 2)在屏幕设计中，美观的比例应考虑到屏幕的组成，包括数据、文本的窗口和组合。比例定义为屏幕组件和比例形状之间的对比关系，表示为：eOJPM JPMobje. : |PMayout|2PMobject是物体比例之间的差异，最接近的比例形状被Marcus表示为:1 q /PMobjeci - （ 1 -min（1/少-Pii = sq，12 g 几 3 ds）0.5if。otherwisehi其中，b和，分别是物体/的宽和高。(Pj-Pi)的最大值为0.5。PMlayout是布局比例之间的差异，最接近的比例形状表示成：PM

16、layout = 1 min(|/ - layoutI, j = sq,，2g/，r3, ds)0.5Qayoul =/ layout1otherwise/ layoutJlayout 一layout“layout其中，layout和layout分别是布局的宽和高。(P/-Playout)的最大值为0.5。Pj是形状j的比例，表示为： Psq)Prl 5 Pgr)P3 ? Pds =仁焉，焉焉力其中，sq, r2, gr, r3和ds分别表示正方形、根号2正方形、黄金分割矩形、根号3 正方形和两倍正方形。虽然许多的指导手册建议在水平和垂直方向使用这些矩形，但是大多数展品却没有特别的表现出来。由于这个原因，我们猜想他们是有不同的美学区分，所以我们不把该比例方向纳入计算。2.8 简单度的计算简单是指直接和形式单一，元素的组合可以缓解形式意义的理解。在屏幕设计中，简单是指对屏幕中的元素数量进行最优化和减少对齐点。在Bonsiepe的工作基础上，Tullis得到了基于文本的屏幕复杂度计算方法。一个更简单的计算方法是：SMM =e 0, 1vap + hap + 其中，为ap和小叩垂直和水平对齐点的数量；是框架中的物件数。

展开阅读全文