網(wǎng)頁美學(xué)的測(cè)量方法Ngo

1. balance

balance是指網(wǎng)頁上的光學(xué)重量的分布情況从藤。所謂光學(xué)重量是指有些object在肉眼看起來輕比规,有些看起來重。 一般來說讥邻,大的物體看起來重而小的輕迫靖。想要有較高的balance院峡,需要在網(wǎng)頁的上下左右四周重量分布均勻。

具體的計(jì)算方法都在Ngo的論文中袜香,此處省略撕予。

大概計(jì)算是用各個(gè)部分的重量差進(jìn)行相關(guān)計(jì)算。

2. equilibrium

equilibrium是指布局的中心和網(wǎng)頁頁面中心的距離差蜈首。好的equilibrium是將布局中心和頁面中心重合起來的实抡。但這里可能會(huì)有一些小的偏差,在第四部分會(huì)講到欢策。

3. Symmetry

Symmetry,顧名思義吆寨,是指網(wǎng)頁的elements的對(duì)稱程度。比如左邊有一個(gè)element踩寇,右邊有一個(gè)完全相同的element與其對(duì)應(yīng)啄清,稱之為對(duì)稱。具體分為橫向俺孙,豎直向辣卒,和對(duì)角線向(左上右下等等)

4。 Sequence

sequence是指objects的排布順序和方式睛榄。好的sequence能與人眼的閱讀習(xí)慣相適應(yīng)而排布荣茫。人眼的閱讀習(xí)慣一般來說是從左上開始,然后一行一行的閱讀场靴,到右下啡莉。而且心理學(xué)家發(fā)現(xiàn)人們的視線會(huì)被特定的事物所吸引,比如大的事物會(huì)更吸引人的眼球旨剥。

5咧欣。 cohesion

一般來說,objects具有相似的長寬比更能提高cohesion轨帜。長寬比在這里特指objects的寬和高的比魄咕。一般來說,紙張都是高比寬更長阵谚。 而VDU則是寬比高更長蚕礼。改變一塊視覺區(qū)域的長寬比足以影響人們的眼球的閱讀順序。要有一個(gè)好的cohesion梢什,我們應(yīng)當(dāng)盡量保持長寬比不變奠蹬。

6。unity

unity是指網(wǎng)頁是否看起來像一個(gè)整體嗡午,而不是被分割成很多小塊囤躁。網(wǎng)頁元素和objects之間的搭配會(huì)影響這個(gè)網(wǎng)頁的unity程度。好的unity的實(shí)現(xiàn)應(yīng)當(dāng)用相似的大小,并且在objects之間盡可能減少空間狸演。

7言蛇。proportion

proportion,也就是所謂的比例宵距。這里的比例可以是各個(gè)組成部分的比例形狀腊尚。不同的年齡,文化有各自偏好的比例满哪。然而有一些比例被廣大群眾都認(rèn)可的美的比例婿斥。 如下

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。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末哨鸭,一起剝皮案震驚了整個(gè)濱河市民宿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌像鸡,老刑警劉巖活鹰,帶你破解...
    沈念sama閱讀 210,978評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異只估,居然都是意外死亡志群,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門蛔钙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赖舟,“玉大人,你說我怎么就攤上這事夸楣。” “怎么了子漩?”我有些...
    開封第一講書人閱讀 156,623評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵豫喧,是天一觀的道長。 經(jīng)常有香客問我幢泼,道長紧显,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評(píng)論 1 282
  • 正文 為了忘掉前任缕棵,我火速辦了婚禮孵班,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘招驴。我一直安慰自己篙程,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評(píng)論 5 384
  • 文/花漫 我一把揭開白布别厘。 她就那樣靜靜地躺著虱饿,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上氮发,一...
    開封第一講書人閱讀 49,741評(píng)論 1 289
  • 那天渴肉,我揣著相機(jī)與錄音,去河邊找鬼爽冕。 笑死仇祭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的颈畸。 我是一名探鬼主播乌奇,決...
    沈念sama閱讀 38,892評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼承冰!你這毒婦竟也來了华弓?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,655評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤困乒,失蹤者是張志新(化名)和其女友劉穎寂屏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體娜搂,經(jīng)...
    沈念sama閱讀 44,104評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡迁霎,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了百宇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片考廉。...
    茶點(diǎn)故事閱讀 38,569評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖携御,靈堂內(nèi)的尸體忽然破棺而出昌粤,到底是詐尸還是另有隱情,我是刑警寧澤啄刹,帶...
    沈念sama閱讀 34,254評(píng)論 4 328
  • 正文 年R本政府宣布涮坐,位于F島的核電站,受9級(jí)特大地震影響誓军,放射性物質(zhì)發(fā)生泄漏袱讹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評(píng)論 3 312
  • 文/蒙蒙 一昵时、第九天 我趴在偏房一處隱蔽的房頂上張望捷雕。 院中可真熱鬧,春花似錦壹甥、人聲如沸救巷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽征绸。三九已至久橙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間管怠,已是汗流浹背淆衷。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評(píng)論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留渤弛,地道東北人祝拯。 一個(gè)月前我還...
    沈念sama閱讀 46,260評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像她肯,于是被迫代替她去往敵國和親佳头。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容