美度量化計(jì)算

1、精選優(yōu)質(zhì)文檔-傾情為你奉上精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)專心-專注-專業(yè)精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)美度計(jì)算首先對(duì)界面樣本做定義，并歸納出美度測(cè)量的各種要素：平衡度（BM）、相稱度（EM）、對(duì)稱度（SYM）、連續(xù)度（SQM）、凝聚度（CM）、整體度（UM）、比例（PM）、簡(jiǎn)單度（SMM），從而運(yùn)用這些要素來(lái)測(cè)量界面的秩序性和復(fù)雜性（OM），從而得到最終的美度評(píng)價(jià)值。2.1 平衡度計(jì)算平衡是指一張圖片中視覺(jué)重量的分布。視覺(jué)重量是物體表現(xiàn)出的一個(gè)比另一個(gè)重的感覺(jué)。大的物體更重，而小的物體更輕?！捌胶獾娜笔Щ蛘卟黄胶鈺?huì)干擾我們的視覺(jué)”（Lauer，1979）。在平面設(shè)計(jì)中，

2、平衡通過(guò)諸如“上”、“下”、“左”、“右”的屏幕元素的等價(jià)重量體現(xiàn)出來(lái)。圖1表示平衡度研究中的“好的”和“壞的”兩種界面情況。圖1a為一個(gè)平衡的界面，其中一半的重量大致是在屏幕的一邊，另一半重量在屏幕的另一邊。圖1b表示一個(gè)視覺(jué)上不平衡的布局（它看起來(lái)似乎會(huì)倒）。平衡度是計(jì)算水平和垂直軸兩邊的組件的總體重量間的差異，用如下公式來(lái)表示：BMvertical和BMhorizontal分別表示垂直和水平方向的平衡度，分別表示為：其中，L、R、T和B分別表示左、右、上和下；wj表示j部分的總重量；aij表示物體i在j部分的面積；dij表示物體中心線和框架中心線間的距離；同時(shí)，nij表示某一部分包含的物

3、體數(shù)。圖1. 平衡度研究中好的和壞的屏幕的對(duì)比。（a）好的屏幕（b）不平衡的屏幕2.2 相稱度的計(jì)算相稱是一種穩(wěn)定，指懸架的中心。“作為一個(gè)設(shè)計(jì)準(zhǔn)則，相稱是指在一個(gè)令人感到美的排布之中安排一個(gè)視覺(jué)部分（Galitz，1997）?！毕喾Q在屏幕上是通過(guò)定位布局本身的中心來(lái)實(shí)現(xiàn)。布局的中心和架構(gòu)的中心相協(xié)調(diào)。（在定義方面，這里有些許的出入，我們會(huì)再結(jié)論和未來(lái)的工作中討論。）相稱某些地方是和平衡相關(guān)的。相稱關(guān)注視覺(jué)中心，而平衡著眼于視覺(jué)重量。圖2指出了在相稱研究中“好的”和“壞的”的例子。在圖1a中，相稱通過(guò)定位布局本身的中心來(lái)體現(xiàn)。在圖2b中，布局的中心低于框架的中心。相稱度，EM，是計(jì)算顯示的大量

4、元素的中心和屏幕的物理中心之間的差異，用如下公式來(lái)表示：沿x軸（EMx）和沿y軸（EMy）的相稱組件的美度表示為：其中，（xi，yi）和（xc，yc）分別是物體i和框架的坐標(biāo)；ai是物體的面積；bframe和hframe是框架的寬度和高度；同時(shí)n是框架中的物體數(shù)。注意|xi-yi|和|yi-yc|的最大值是bframe/2和hframe/2。圖2. 在相稱度研究中，好的和壞的屏幕的對(duì)比。（a）穩(wěn)定的屏幕（b）不穩(wěn)定的屏幕2.3 對(duì)稱度的計(jì)算對(duì)稱是軸向的重復(fù)：某一組件在中心線的一邊和中心線的另一邊是嚴(yán)格相等的。垂直對(duì)稱是指關(guān)于垂直軸方向相同元素的平衡排布，而水平對(duì)稱是關(guān)于水平軸方向的相等。半徑對(duì)

5、稱是指相等的元素關(guān)于過(guò)中心點(diǎn)的軸線方向的平衡。對(duì)稱可以用于保證一個(gè)平衡的機(jī)，界面?！八鼡碛薪^對(duì)的美學(xué)吸引力”（Mullet和Sano，1995）。Motif促進(jìn)了窗口和對(duì)話框?qū)ΨQ秩序的發(fā)展。圖3代表了在對(duì)稱度研究中“好的”和“壞的”的界面例子。在圖3a中對(duì)稱通過(guò)屏幕中心線左右兩側(cè)相等元素來(lái)實(shí)現(xiàn)。圖3b是非對(duì)稱的設(shè)計(jì)。對(duì)稱度是指沿垂直、水平和對(duì)角線三個(gè)方向的屏幕對(duì)稱的程度，用如下公式來(lái)表示：SYMvertical、SYMhorizontal和SYMradial分別表示垂直、水平和徑向的對(duì)稱度，表示為：圖3. 在對(duì)稱度研究中，好的和壞的的屏幕的對(duì)比。（a）對(duì)稱的屏幕（b）不對(duì)稱的屏幕Xj、Yj、H

6、j、Bj、j和Rj分別為正交化后的值：其中，UL、UR、LL和LR分別表示左上、右上、左下和右下；（xij，yij）和（xc，yc）分別是物體i在四分之一部分j的中心和框架中心的坐標(biāo)；bij和hij是物體的寬度和高度；同時(shí)nj是物體在四分之一部分的總數(shù)。2.4連續(xù)度的計(jì)算設(shè)計(jì)上的連續(xù)性是指排版中物體以一種方法進(jìn)行排布，這種方法便于眼睛運(yùn)動(dòng)而瀏覽眼前展示的信息。通常地，眼睛因?yàn)殚喿x而形成從左往右從上往下的閱讀習(xí)慣。認(rèn)知心理學(xué)家已經(jīng)發(fā)現(xiàn)特定的物體才能吸引眼球。眼睛移動(dòng)由大的物體轉(zhuǎn)移到小的物體?！八鼈儽仨氂葿ertin（1983）通過(guò)控制視覺(jué)的變化（例如大小變化）描述得出以知覺(jué)優(yōu)先反饋到有意識(shí)閱讀的

7、順序這個(gè)層次來(lái)排列”（Mullet和Sano，1995）。圖4表示在連續(xù)度研究中，“好的”和“壞的”的界面例子。在圖4a中，連續(xù)性通過(guò)排布元素以從左到右，從上到下的方式來(lái)引導(dǎo)眼睛而實(shí)現(xiàn)。眼睛由左上角向右下角移動(dòng)。在圖4b中是相反的，這里你無(wú)法找到排布的順序。連續(xù)度是指關(guān)于西方閱讀方式的文化來(lái)描述如何來(lái)展示信息的一種度量方式，用如下公式表示：其中，UL、UR、LL和LR分別表示左上、右上、左下和右下；同時(shí)aij是物體i在四分之一圓j上的面積。每個(gè)四分之一圓用q來(lái)給與一個(gè)權(quán)重。圖4. 在連續(xù)度研究中，好的和壞的屏幕的對(duì)比。（a）連續(xù)的屏幕（b）不連續(xù)的屏幕2.5 凝聚度的計(jì)算在屏幕設(shè)計(jì)中，相似的長(zhǎng)

8、寬比可以提高凝聚度。用術(shù)語(yǔ)解釋的長(zhǎng)寬比是指長(zhǎng)和寬的關(guān)系。典型的紙的尺寸是高大于寬，然而視頻屏幕悄悄相反?！案淖円曈X(jué)區(qū)域的長(zhǎng)寬比可以有效地影響眼球運(yùn)動(dòng)模式而便于說(shuō)明他所具有的某些不同的表現(xiàn)”（Dillon，1992）。在對(duì)眼前的東西掃視時(shí)，視覺(jué)的長(zhǎng)寬比需要保持不變。圖5給出了在凝聚度研究中“好的”和“差的”的界面例子。在圖5a中，凝聚度通過(guò)保持視覺(jué)區(qū)域的長(zhǎng)寬比而實(shí)現(xiàn)。圖5b中屏幕的使用可能受屏幕元素非連續(xù)性的長(zhǎng)寬比的影響。凝聚度是指屏幕關(guān)聯(lián)程度的一種度量，用如下公式表示：CMfl是指排版和屏幕之間的比例關(guān)系的度量，表示為：其中，blayout、hlayout、bframe和hframe分別是排版

9、和框架的寬和高。CMlo是物體和排版之間的比例關(guān)系的度量，表示為：圖5. 在凝聚度研究中的一個(gè)好的和差的屏幕的對(duì)比。（a）凝聚的屏幕（b）不凝聚的屏幕其中，bi和hi是物體i的寬和高；同時(shí)，n是框架中的物體數(shù)。2.6 整體度的計(jì)算統(tǒng)一性是指連續(xù)性，指看起來(lái)形同一體的元素的總和。擁有統(tǒng)一性，那么元素看起來(lái)就像是匯聚在一起，天衣無(wú)縫地形同一體。整體性通過(guò)運(yùn)用相似的尺寸，同時(shí)比起邊緣處，在屏幕的元素之間留下更少的空間來(lái)實(shí)現(xiàn)。諸如Foley、Van Dam、Feiner和Hughes指出兩種時(shí)間刺激是有同樣的內(nèi)在功用，或者看到相近的東西就會(huì)不自覺(jué)地把它們聚集在一起。圖6給出了在整體性研究中“好的”和“

10、差的”的例子。在圖6a中，整體性是通過(guò)在元素之間比邊緣處留下更少的空間來(lái)實(shí)現(xiàn)的。元素是緊緊地聚集在一起，而外面留白的。而圖6b看起來(lái)似乎它們將移除屏幕。整體度衡量的是屏幕元素聚集的程度，用如下公式表示：UMform是物體在尺寸方面的關(guān)聯(lián)程度，表示為：圖6. 在整體性研究中，一個(gè)好的和差的屏幕的對(duì)比。（a）聚合的屏幕（b）分散的屏幕同時(shí)，UMspace是指組合和邊緣之間的空間關(guān)聯(lián)度。其中，ai、alayout和aframe分別表示物體i、排版和框架；nsize是指使用的尺寸數(shù)；同時(shí)n是指在框架中的物體數(shù)。2.7 比例的計(jì)算古往今來(lái)，人們及文化傳統(tǒng)都習(xí)慣于尋求比例關(guān)系。一個(gè)文化中的美在另一個(gè)文化中

11、不一定是美的，但是一些比例形狀卻經(jīng)受了時(shí)間的考驗(yàn)并在當(dāng)前大量出現(xiàn)。Marcus指出了以下令人愉悅的形狀。正方形（1:1）根號(hào)2正方形（1:1.414）黃金分割矩形（1：1.618）根號(hào)3正方形（1:1.732）兩倍正方形（1：2）在屏幕設(shè)計(jì)中，美觀的比例應(yīng)考慮到屏幕的組成，包括數(shù)據(jù)、文本的窗口和組合。比例定義為屏幕組件和比例形狀之間的對(duì)比關(guān)系，表示為：PMobject是物體比例之間的差異，最接近的比例形狀被Marcus表示為：其中，bi和hi分別是物體i的寬和高。（Pj-Pi）的最大值為0.5。PMlayout是布局比例之間的差異，最接近的比例形狀表示成：其中，blayout和hlayout分別是布局的寬和高。（Pj-Playout）的最大值為0.5。Pj是形狀j的比例，表示為：其中，sq，r2，gr，r3和ds分別表示正方形、根號(hào)2正方形、黃金分割矩形、根號(hào)3正方形和兩倍正方形。雖然許多的指導(dǎo)手冊(cè)建議在水平和垂直方向使用這些矩形，但是大多數(shù)展品卻沒(méi)有特別的表現(xiàn)出來(lái)。由于這個(gè)原因，我們猜想他們是有