無(wú)論是平面設(shè)計(jì)還是UI設(shè)計(jì)，確保頁(yè)面的平衡性，不僅僅讓頁(yè)面構(gòu)成更加賞心悅目，更重要是幫助界面清晰地向受眾傳遞關(guān)鍵信息。
一、常用的UI設(shè)計(jì)平衡方法有哪些?
UI設(shè)計(jì)平衡方法一：對(duì)稱(chēng)平衡
對(duì)稱(chēng)平衡是UI設(shè)計(jì)中最簡(jiǎn)單且常見(jiàn)的平衡方式，能給用戶帶來(lái)一目了然的感覺(jué)，同時(shí)也使頁(yè)面更具條理性。對(duì)稱(chēng)平衡主要有兩種形式：水平方向劃分和垂直方向劃分，但無(wú)論是哪種形式，都能幫助UI設(shè)計(jì)的布局更加規(guī)范，也便于用戶操作。
UI設(shè)計(jì)平衡方法二：動(dòng)態(tài)平衡
兩側(cè)重量不想等的構(gòu)圖，我們稱(chēng)為動(dòng)態(tài)平衡。在頁(yè)面沒(méi)有平衡的情況下，我們的視線會(huì)反射性地尋找平衡量。因此動(dòng)態(tài)平衡看起來(lái)會(huì)比對(duì)稱(chēng)平衡更有趣，而且會(huì)更容易吸引用戶注意元素。由于UI設(shè)計(jì)是通過(guò)中心點(diǎn)突出最重要的功能，然后將其他元素徑向編排，因此整個(gè)界面看起來(lái)會(huì)更飽滿，同時(shí)還能輕松將用戶注意力引導(dǎo)到畫(huà)面的主要功能上。
二、如何把握UI設(shè)計(jì)中的平衡感?
“平衡”是影響界面精致度的首要因素之一，因此掌握處理平衡問(wèn)題的小技巧，無(wú)疑就是提高界面精致度的重要手段之一。
下面，我們一起來(lái)看看提高UI設(shè)計(jì)平衡感的技巧有哪些。
提高UI設(shè)計(jì)平衡感的技巧一：使用網(wǎng)格系統(tǒng)
網(wǎng)格系統(tǒng)，是讓頁(yè)面達(dá)到平衡的最簡(jiǎn)單方法之一。
UI設(shè)計(jì)平衡方法三：徑向平衡
徑向平衡是把視覺(jué)元素從一個(gè)共同的中心點(diǎn)放射出來(lái)。使用網(wǎng)格系統(tǒng)規(guī)劃界面上的不同元素，可創(chuàng)建并促進(jìn)不同元素間的連結(jié)，增強(qiáng)界面的平衡感，并為受眾提供一個(gè)清晰的結(jié)構(gòu)參考。
提高UI設(shè)計(jì)平衡感的技巧二：選一個(gè)焦點(diǎn)
選一個(gè)焦點(diǎn)，是創(chuàng)造平衡界面布局的最有效方法之一。在UI設(shè)計(jì)中，我們經(jīng)常會(huì)運(yùn)用到“對(duì)比”來(lái)突出界面中的單一焦點(diǎn)元素。這種強(qiáng)而有力的視覺(jué)效果，能吸引受眾將視線定在焦點(diǎn)上，也給界面提供了一很好的結(jié)構(gòu)元素。此外，如果界面中有多個(gè)視覺(jué)元素，還可以用格式塔理論中的臨近原則，增加元素之間的聯(lián)系。
提高UI設(shè)計(jì)平衡感的技巧三：使用三分法則
三分法則，即將頁(yè)面垂直和水平分為三份，利用網(wǎng)格線相交的點(diǎn)提供現(xiàn)成的自然焦點(diǎn)。將關(guān)鍵元素與這四個(gè)焦點(diǎn)對(duì)齊，便可獲得比頁(yè)面中心點(diǎn)更令人滿意的構(gòu)圖。雖然三分法則并不會(huì)神奇地為布局提供平衡，但是通過(guò)擴(kuò)展原理，使用這個(gè)趨向于自然的焦點(diǎn)，很容易實(shí)現(xiàn)平衡的頁(yè)面布局。
提高UI設(shè)計(jì)平衡感的技巧四：使用留白
新手設(shè)計(jì)師總喜歡將界面中的每個(gè)空白位置都填滿，但有時(shí)最好的UI設(shè)計(jì)就是把元素排除在外，而不是固定其中。留白，也稱(chēng)為“負(fù)空間”，即為使整個(gè)界面看起來(lái)更協(xié)調(diào)而有意留下相應(yīng)的空白空間。在UI設(shè)計(jì)中，給元素周?chē)峁┏渥愕暮粑臻g(留白)，可使整體布局趨向合理和平衡，同時(shí)也給界面留有想像的空間。
提高UI設(shè)計(jì)平衡感的技巧五：重復(fù)設(shè)計(jì)元素
重復(fù)是格式塔理論中的另一種原則，UI設(shè)計(jì)中使用重復(fù)原則，可使界面達(dá)到很強(qiáng)的聯(lián)系性和平衡性。通過(guò)識(shí)別和再利用元素進(jìn)行設(shè)計(jì)處理并貫穿整個(gè)布局，可為受眾提供一個(gè)參考，并讓整體布局保持一致性，使不同區(qū)域在感覺(jué)上是連通的，從而達(dá)到和諧統(tǒng)一的視覺(jué)效果。重復(fù)設(shè)計(jì)元素還能加強(qiáng)界面給人的印象，達(dá)到一種有規(guī)律的節(jié)奏感和形式美感。
提高UI設(shè)計(jì)平衡感的技巧六：使用層次結(jié)構(gòu)
創(chuàng)造清晰的結(jié)構(gòu)和層次，能突出界面中不同層級(jí)元素的相對(duì)重要性。通過(guò)對(duì)比的手段，創(chuàng)造不同元素間的層級(jí)關(guān)系，會(huì)增加界面的秩序感和層次感，有助于創(chuàng)建一個(gè)舒適清晰的結(jié)構(gòu)。因?yàn)槭鼙姇?huì)自動(dòng)先看布局中更為突出的元素，緊接著才看其他元素。
另外，使用留白同樣可突出元素間的層級(jí)關(guān)系，例如相關(guān)元素間距小，不相關(guān)元素間隔遠(yuǎn);重要元素間隔遠(yuǎn)，次要元素間距小，都會(huì)讓受眾的眼睛首先關(guān)注界面中的重要點(diǎn)。
UI設(shè)計(jì)為什么需要突出平衡感，因?yàn)椤捌胶庠从谒囆g(shù)”。藝術(shù)品追求的最高境界是“永恒”，如果藝術(shù)品看起來(lái)不夠平衡就會(huì)像個(gè)半成品，而半成品是很難達(dá)到永恒的境界。
同樣，UI設(shè)計(jì)也需要重視平衡感，才能讓產(chǎn)品顯得更精致，否則會(huì)讓用戶感覺(jué)這是個(gè)半成品。
本文由培訓(xùn)無(wú)憂網(wǎng)長(zhǎng)沙牛耳教育課程顧問(wèn)老師整理發(fā)布，希望能夠?qū)ο雲(yún)⒓娱L(zhǎng)沙UI設(shè)計(jì)培訓(xùn)的學(xué)生有所幫助。更多課程信息可關(guān)注培訓(xùn)無(wú)憂網(wǎng)UI設(shè)計(jì)培訓(xùn)或添加老師微信：15033336050
注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-7319.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050
