界面設(shè)計(jì)中形式美法則的運(yùn)用

李媛

(湖南信息職業(yè)技術(shù)學(xué)院計(jì)算機(jī)工程學(xué)院，湖南 長(zhǎng)沙 410000)

1 界面設(shè)計(jì)

界面設(shè)計(jì)和交互設(shè)計(jì)經(jīng)常被人混為一談，但它們是兩個(gè)完全不同的概念。界面設(shè)計(jì)主要關(guān)注一些技術(shù)問(wèn)題，以及由平臺(tái)研發(fā)者創(chuàng)建、管理的復(fù)雜的系統(tǒng)設(shè)計(jì)語(yǔ)言規(guī)范。界面設(shè)計(jì)要保證界面中的各個(gè)視覺(jué)元素符合一定的視覺(jué)規(guī)范。現(xiàn)代操作系統(tǒng)通常會(huì)有一本很厚的人機(jī)界面指導(dǎo)文件，并詳細(xì)描述了界面應(yīng)用中的每一個(gè)視覺(jué)元素都看起來(lái)正確、合理所需遵守的原則。

交互設(shè)計(jì)則是比較抽象的術(shù)語(yǔ)，交互設(shè)計(jì)更多地關(guān)注設(shè)計(jì)概念及向用戶信息所采用的的界面工具。進(jìn)行界面設(shè)計(jì)時(shí)更多的可能會(huì)關(guān)注字體樣式應(yīng)用、logo形式等元素，而在進(jìn)行交互設(shè)計(jì)時(shí)，需要關(guān)注的是更深層次的元素，一旦用戶下載了應(yīng)用，就需要理解并影響用戶應(yīng)用時(shí)的行為方式。了解絕大多數(shù)用戶在使用界面過(guò)程中的反應(yīng)，并以可預(yù)見(jiàn)的方式不斷迭代改進(jìn)界面，最終能夠完整地將預(yù)期的理想體驗(yàn)傳遞給用戶。

2 形式美法則的運(yùn)用

形式美是一種具有相對(duì)獨(dú)立性的審美對(duì)象，它是指構(gòu)成事物的物質(zhì)材料的自然屬性(色彩、形狀、線條、聲音等)及其組合規(guī)律(如整齊一律、節(jié)奏與韻律等)所呈現(xiàn)出來(lái)的審美特性。

2.1 統(tǒng)一與變化。統(tǒng)一與變化是物體的多樣性與變化性的統(tǒng)一，是所有形式美的總的法則。統(tǒng)一是變化中的統(tǒng)一，變化則是統(tǒng)一中的變化，兩者的關(guān)系則是你中有我，我中有你的相互協(xié)調(diào)關(guān)系。視覺(jué)上造成情緒上的刺激，產(chǎn)生跳躍和新意感，能重新喚起新鮮活潑的情趣，使設(shè)計(jì)在構(gòu)圖因素上形成對(duì)比。研究、探索形式美的法則，能夠培養(yǎng)人們對(duì)形式美的敏感，指導(dǎo)人們更好地去創(chuàng)造美的事物。掌握形式美的法則，能夠使人們更自覺(jué)地運(yùn)用形式美的法則表現(xiàn)美的內(nèi)容，達(dá)到美的形式與美的內(nèi)容高度統(tǒng)一。

在界面設(shè)計(jì)之前，了解APP的功能和市場(chǎng)定位和以及針對(duì)人群，然后會(huì)為這個(gè)APP界面做一個(gè)總的風(fēng)格的定位，確定其基本的一個(gè)設(shè)計(jì)風(fēng)格和基調(diào)。整個(gè)LOGO設(shè)計(jì)、主界面設(shè)計(jì)以及子界面設(shè)計(jì)的風(fēng)格、色彩、結(jié)構(gòu)、字體、大都基本一致，偶爾在細(xì)節(jié)的處理上每個(gè)子界面的內(nèi)容間或不同。因此，看一套設(shè)計(jì)方案時(shí)整體的版式是感到統(tǒng)一和諧并有韻律感的，但是仔細(xì)觀察每個(gè)界面的畫(huà)面中，細(xì)節(jié)的變化也會(huì)有不錯(cuò)的視覺(jué)效果。

2.2 對(duì)比與調(diào)和。對(duì)比是將兩個(gè)或兩個(gè)以上的視覺(jué)元素進(jìn)行對(duì)比和調(diào)和。有直線與曲線的對(duì)比，有面積對(duì)比，有色彩對(duì)比，有明暗對(duì)比等等。通過(guò)對(duì)比形成一些視覺(jué)的沖擊力從而獲得藝術(shù)美感的一種特殊形式。在圖案中形與形之間和色與色之間的關(guān)系趨于一致，和諧，形成有秩序，有條理，相互聯(lián)系著，密切結(jié)合的統(tǒng)一體。稱(chēng)為調(diào)和。在APP界面中，視覺(jué)的對(duì)比與調(diào)和主要體現(xiàn)在色彩、造型、線條上，對(duì)比與調(diào)和是統(tǒng)一的，對(duì)比是拉大兩者或兩者以上的差異，而調(diào)和的主要作用是讓這些差異減緩。對(duì)比與調(diào)和與統(tǒng)一變化不一樣的是，對(duì)比是在調(diào)和的環(huán)境下尋求一種協(xié)調(diào)感，但不會(huì)改變界面設(shè)計(jì)作品的對(duì)比傾向。統(tǒng)一變化的法則在于在統(tǒng)一的情況下去尋求變化。讓畫(huà)面看起來(lái)更加豐富。

2.3 對(duì)稱(chēng)與均衡。視覺(jué)形態(tài)的平衡關(guān)系，可以分為以靜感和以動(dòng)感為主導(dǎo)的平衡形式兩種。對(duì)稱(chēng)是以形象和色彩在不同位置上的相同來(lái)求得統(tǒng)一。均衡是圖案在不同位置上量與力在視覺(jué)心理上的平衡，求得內(nèi)在的統(tǒng)一。對(duì)稱(chēng)(絕對(duì)的統(tǒng)一)主要是指在形狀，重量，面積上，位置上的統(tǒng)一平衡。均衡(變化的統(tǒng)一)是指量等形不等，是視覺(jué)心理上的平衡，穩(wěn)定力學(xué)上的不平衡。

移動(dòng)APP界面設(shè)計(jì)中的對(duì)稱(chēng)均衡形式美的法則主要是在界面中給人一種平穩(wěn)的感覺(jué)。對(duì)于中心點(diǎn)、中心線和中心面的一種對(duì)成分布。大小，形狀，排列上做對(duì)稱(chēng)處理。均衡則是在畫(huà)面中視覺(jué)上造成一種平衡穩(wěn)定的視覺(jué)效果。均衡在界面中表現(xiàn)的方式都是追求一種平衡的，理性的，有規(guī)律的一種穩(wěn)定美感。

2.4 節(jié)奏與韻律。節(jié)奏本是指音樂(lè)中音響節(jié)拍輕重緩急的變化和重復(fù)。節(jié)奏這個(gè)具有時(shí)間感的用語(yǔ)在構(gòu)成設(shè)計(jì)上是指以同一視覺(jué)要素連續(xù)重復(fù)時(shí)所產(chǎn)生的運(yùn)動(dòng)感。構(gòu)成中單純的單元組合重復(fù)易于單調(diào)，由有規(guī)則變化的形象或色群間以數(shù)比、等比處理排列，使之產(chǎn)生音樂(lè)、詩(shī)歌的旋律感，稱(chēng)為韻律。有韻律的構(gòu)成具有積極的生氣，有加強(qiáng)魅力的能量。

節(jié)奏與韻律追求的是界面設(shè)計(jì)中的一種次序感，以界面設(shè)計(jì)當(dāng)中的元素為原型，重新組合排列產(chǎn)生新的節(jié)奏與韻律，有重復(fù)、漸變和錯(cuò)落一致的節(jié)奏等等。

2.5 比例與尺寸。比例是部分與部分或部分與全體之間的數(shù)量關(guān)系。人們?cè)陂L(zhǎng)期的生產(chǎn)實(shí)踐和生活活動(dòng)中一直運(yùn)用著比例關(guān)系，并以人體自身的尺度為中心，根據(jù)自身活動(dòng)的方便總結(jié)出各種尺度標(biāo)準(zhǔn)，體現(xiàn)于衣食住行的器用和工具的制造中。恰當(dāng)?shù)谋壤齽t有一種諧調(diào)的美感，成為形式美法則的重要內(nèi)容。美的比例與尺度是平面構(gòu)圖中一切視覺(jué)單位的大小，以及各單位間編排組合的重要因素。

界面設(shè)計(jì)中設(shè)計(jì)師應(yīng)根據(jù)使用的環(huán)境和場(chǎng)合，靈活的變換界面的尺寸的比例與大小，從而保障屏幕的清晰度與界面信息的傳播。

所有的形式美法則的設(shè)計(jì)都是“為人而設(shè)計(jì)”。其實(shí)很容易理解，我們所作的任何界面設(shè)計(jì)的應(yīng)用會(huì)被人所使用。按照形式美法則進(jìn)行設(shè)計(jì)既能滿足設(shè)計(jì)的規(guī)范要求又能滿足用戶審美的文化需求，但這也是對(duì)于界面設(shè)計(jì)師最為重大的挑戰(zhàn)。

[1] 唐納德·A·諾曼.設(shè)計(jì)心理學(xué)[M].北京：中信出版社，2010.3

[2] 原研哉.欲望的教育[M].廣西師范大學(xué)出版社，2012.3

[3] 王紹強(qiáng).青年設(shè)計(jì)師手冊(cè)：親和力將如何改變你的設(shè)計(jì)[M].電子工業(yè)出版社.