UI設(shè)計(jì)中九大設(shè)計(jì)法則

　　在創(chuàng)建漂亮而高效的UI設(shè)計(jì)的時(shí)候，你需要花費(fèi)不少的時(shí)間來打磨細(xì)節(jié)，并且在此過程中進(jìn)行不斷的調(diào)整，讓你的客戶、用戶以及你自己感到滿足。很多小技巧能夠恰到好處地提升界面的設(shè)計(jì)視覺效果、用戶體驗(yàn)。今天AAA教育郭老師就針對(duì)UI設(shè)計(jì)中九大設(shè)計(jì)法則進(jìn)行簡單的說明。
 

　　一、魅力偏見
 

　　有魅力的人通常要比沒有魅力的人更受歡迎，五官及身體比例理想，會(huì)讓人物本身更加具有魅力，所以在設(shè)計(jì)中，如果要展現(xiàn)人物，就要考慮使用「魅力偏見」法則，對(duì)于展現(xiàn)女性而言，需要加強(qiáng)其性感特征，而對(duì)于展現(xiàn)男性而言，需要展現(xiàn)他的財(cái)富和地位。

 

　　二、條件反射
 

　　通過把某一刺激和某種身體或情感的反應(yīng)聯(lián)系起來的一種技巧，比如，在電視廣告中，會(huì)把特定的想法或感覺與產(chǎn)品服務(wù)聯(lián)系起來。漂亮的人物形象會(huì)讓人對(duì)產(chǎn)品和服務(wù)做出正面的反應(yīng)。所以在設(shè)計(jì)中，我們會(huì)將引起正面反映的刺激物來調(diào)動(dòng)觀者正面或快樂的積極情緒。

 

　　三、相似性
 

　　「相似性」法則是格式塔感知原理中的一項(xiàng)，相似的元素會(huì)被視為更相關(guān)。相似性的產(chǎn)生會(huì)降低設(shè)計(jì)上的復(fù)雜性，增加元素和元素之間的關(guān)聯(lián)，通過大小、形狀、顏色來建立相似性，方便觀者識(shí)別以及增強(qiáng)群組效果。

 

　　四、信噪比
 

　　信噪比是指顯示的相關(guān)信息和不相關(guān)信息的比，也就是說在設(shè)計(jì)中，有用信息和無用信息的比，我們需要尋求最大的「信噪比」，維持簡單的設(shè)計(jì)，將最重要的信息和內(nèi)容進(jìn)行設(shè)計(jì)呈現(xiàn)，而且要對(duì)無用不重要的信息進(jìn)行刪減。

 

　　五、大草原偏愛
 

　　人們其實(shí)有這樣一種傾向，比起其他種類的環(huán)境，會(huì)更加偏愛類似大草原的環(huán)境，這種偏愛來源于這樣的一種看法，早起在大草原，上的人類存活率較高，所以會(huì)更加傾向于偏愛大草原，所以在廣告設(shè)計(jì)中，如果需要描述自然環(huán)境，可以嘗試使用「大草原偏愛」法則。

 

　　六、模仿
 

　　我們通過模仿熟悉的物體、生物或環(huán)境特征，來躲避危險(xiǎn)或者加強(qiáng)關(guān)聯(lián)性。在設(shè)計(jì)中，最常見的就是我們通過對(duì)熟悉物體的模仿來傳達(dá)其重要特性，比如圖標(biāo)設(shè)計(jì)，以及自然主義插畫。在功能.上，我們通常也會(huì)通過模仿已有的解決方法和類似設(shè)計(jì)，來達(dá)到效果。

 

　　七、斐波那契數(shù)列
 

　　一個(gè)數(shù)列中的每個(gè)數(shù)字都是前兩個(gè)數(shù)字只和，這種數(shù)列的模式在自然界十分常見，所以很多人認(rèn)為根據(jù)「斐波那契數(shù)列」設(shè)計(jì)出來的東西，更具有美感。除了可以將其運(yùn)用到整體的視覺比例中以外，對(duì)于文字和間距的設(shè)置，也可以使用「斐波那契數(shù)列」。

 

　　八、臉部主義比例
 

　　臉部與身體的比率，我們稱為臉部主義比率。臉部主義比率高的圖像，也就是臉占據(jù)了圖像中的大部分空間，會(huì)讓人專注于此人的智慧和個(gè)性。反之,會(huì)讓人專注于此人的身體與性感。所以在具體的設(shè)計(jì)中，結(jié)合畫面主題，設(shè)置合理的臉部比率。

 

　　九、由上而下光源偏見
 

　　人們更加傾向于認(rèn)為物體是由.上方的單一光源照射的，這和人們的生活環(huán)境息息相關(guān)，而且有證據(jù)顯示，用左上方的燈光照射，物體會(huì)顯得更加自然。所以在具體的設(shè)計(jì)中，可以通過在左上方添加光源來營造自然真實(shí)的感覺，通過由下而上的光源來營造不真實(shí)和恐怖感。

 

　　總結(jié)
 

　　想要讓 UI 界面的體驗(yàn)更加優(yōu)秀，其實(shí)在很多時(shí)候都需要在細(xì)節(jié)上打磨即可。郭老師之前也分享過《UI設(shè)計(jì)配色方法及避坑指南》、《UI設(shè)計(jì)培訓(xùn)課程Banner設(shè)計(jì)攻略》、《如何在設(shè)計(jì)中合理運(yùn)用留白》、《提升UI設(shè)計(jì)效果的方法》等，類似這樣的方法有很多，后面我還會(huì)繼續(xù)補(bǔ)充。如果你想了解更多的知識(shí)，請(qǐng)把問題留言給在線小姐姐，我會(huì)進(jìn)行一一解答。想看更多，敬請(qǐng)關(guān)注AAA教育官網(wǎng)。