任何一個(gè)新手設(shè)計(jì)師，剛開(kāi)始做設(shè)計(jì)的時(shí)候，總會(huì)遇到一些設(shè)計(jì)雷區(qū)，當(dāng)做視覺(jué)決策的時(shí)候，不知道該怎么去讓自己的畫(huà)面再提升一個(gè)層次，讓畫(huà)面看起來(lái)更豐富。那么我們可以嘗試這用7個(gè)投機(jī)取巧的方法，來(lái)提升你設(shè)計(jì)畫(huà)面的豐富感和層級(jí)關(guān)系。

　　01 視覺(jué)層級(jí)關(guān)系的創(chuàng)建，應(yīng)該用顏色的深淺與字體的粗細(xì)來(lái)體現(xiàn)而不是單純的用大小。

　　設(shè)計(jì)中的排版的常見(jiàn)的雷區(qū)，就是過(guò)分依賴字體的大小來(lái)區(qū)分層級(jí)關(guān)系，但往往這樣子，畫(huà)面的效果并不突出，畫(huà)面效果就是要避免元素上的太過(guò)相似。如果元素不同，那么干脆讓他截然不同，讓他的對(duì)比關(guān)系變得更強(qiáng)烈，能讓用戶先獲取到更加重要的信息。

　　這個(gè)文字重要嗎？-----那就讓他變得更明顯，更粗更深這個(gè)文字是次要的嗎？-----那就讓他變得在淺再細(xì)一點(diǎn)不要僅僅將所有繁重的工作留在字體大小上-----而是嘗試使用顏色或字體重量來(lái)完成同樣的工作。嘗試用2-3種顏色：主要的內(nèi)容用深色(但不要給到純黑色)二級(jí)內(nèi)容用灰色輔助內(nèi)容用更淺的灰色

　　02 盡可能少的使用線框

　　當(dāng)你想做元素分區(qū)的時(shí)候，雖然線框是區(qū)分兩個(gè)區(qū)域的好方法，但他不是唯一的方法，使用太多的線寬會(huì)讓設(shè)計(jì)看起來(lái)顯得繁瑣、復(fù)雜。想?yún)^(qū)分元素的時(shí)候，可以嘗試以下3種方法：

　　1.使用陰影

　　投影效果是可以很好的概括出區(qū)域的元素，并且看起來(lái)可以更精致，而且不會(huì)分散用戶看主要信息的注意力。

　　2.采用不同的背景顏色來(lái)進(jìn)行區(qū)域區(qū)分

　　通常只需要為相鄰元素提供略微不同的背景顏色即可區(qū)分它們。

　　3.讓每個(gè)模塊之間的距離看起來(lái)更遠(yuǎn)

　　有什么更好的方法來(lái)創(chuàng)建元素之間的分離而不是簡(jiǎn)單地增加分離?將每個(gè)模塊的距離拉的更開(kāi)，這是一種很好的區(qū)分模塊之間的方法，并且讓單獨(dú)每個(gè)模塊看起來(lái)更具有親密性。

　　03 為平淡的邊框加點(diǎn)顏色

　　當(dāng)我們發(fā)現(xiàn)畫(huà)面中的元素平淡無(wú)奇，一個(gè)簡(jiǎn)單的技巧，可以為界面的某些部分添加幾分生色，那就是給邊框加一點(diǎn)顏色，看起來(lái)會(huì)生動(dòng)許多。例如我們可以在一些警示的消息旁：

　　或者一些tab頁(yè)：

　　04 圖標(biāo)不要做的太笨拙，盡可能的看起來(lái)更精致，更統(tǒng)一

　　如果你準(zhǔn)備設(shè)計(jì)一些大圖標(biāo)，可以嘗試著給圖標(biāo)加一個(gè)底色，讓后縮小圖標(biāo)的尺寸，利用底色的來(lái)讓輪廓讓圖標(biāo)看起來(lái)大一點(diǎn)，同時(shí)可以讓原本單調(diào)的圖標(biāo)豐富一點(diǎn)，不會(huì)顯得一個(gè)笨重的圖標(biāo)在畫(huà)面影響著效果。

　　注意：這種做法常用通常是功能性比較大的圖標(biāo)時(shí)候使用，但如果一些常用界面設(shè)計(jì)上，盡量然圖標(biāo)看起來(lái)小一點(diǎn)，顏色統(tǒng)一一點(diǎn)，并且最好是不要有顏色，因?yàn)橛蓄伾膱D標(biāo)可能會(huì)影響用戶的判斷。

　　而且圖標(biāo)樣式一定要統(tǒng)一，如果用線性，就都用線性，用面性，就都用面性

　　05 不需要給他每一個(gè)按鈕都加上顏色

　　當(dāng)用戶可以在頁(yè)面執(zhí)行多個(gè)操作的時(shí)候，這時(shí)候需要添加一些引導(dǎo)性的設(shè)計(jì)在界面中，也就是將希望用戶操作的按鈕高亮起來(lái)，不希望用戶操作的弱化下去即可，這樣可以激發(fā)用戶的點(diǎn)擊欲?？丶O(shè)計(jì)是一個(gè)非常重要的部分，有一個(gè)常見(jiàn)的重要維度：

　　層次結(jié)構(gòu)。最希望用戶按的：高亮，應(yīng)該與背景形成強(qiáng)烈的對(duì)比度次重要的：應(yīng)該設(shè)計(jì)清楚，但不需要突出，使用輪廓樣式較低對(duì)比度的背景色色更好的選擇三級(jí)控件：應(yīng)該是可以讓用戶控件，但并不需要引人注目

　　06 垂直陰影

　　當(dāng)我們做卡片需要做一個(gè)投影效果的時(shí)候，不使用較大的模糊來(lái)使框陰影更明顯，而是讓淡淡的投影垂直偏移這樣看起來(lái)效果會(huì)更加自然，因?yàn)檫@樣的做是模擬了一個(gè)真實(shí)光效，從上面照射下來(lái)的效果，就猶如我們的太陽(yáng)是再頂上照下來(lái)一樣，使的效果更真實(shí)，更自然

　　07 請(qǐng)不要將灰色的字體放在彩色的背景上面

　　灰色的字體放在白色的背景背景上面的時(shí)候，效果是非常棒的，但如果把灰色的字體放在彩色的背景上面的話，結(jié)果卻不盡人意。那是因?yàn)閷⒒疑姆旁诎咨谋尘吧厦娴臅r(shí)候，會(huì)使他們的對(duì)比度降低，從而看起來(lái)畫(huà)面更簡(jiǎn)潔，更干凈。

　　但如果把灰色放在彩色背景上面的是時(shí)候，視覺(jué)感官上面會(huì)少一些比較亮的顏色，這樣顯得畫(huà)面不干凈，稍微有點(diǎn)臟。我們應(yīng)該嘗試著將文字讓他更接近背景的顏色，這樣更有利于創(chuàng)建畫(huà)面的層級(jí)關(guān)系，而不是直接將灰色的文字放入有顏色的背景上。當(dāng)我們使用彩色的背景的時(shí)候，可以嘗試這兩種方法:

　　降低白色字體的不透明度

　　使用白色的字體，然后把白色文字的不透明度稍微降低，這樣子可以稍微把彩色的背景透人白色字體，這種做法可以有效的讓文字很好的與背景看起來(lái)更協(xié)調(diào)。

　　挑選基于背景顏色更明亮的顏色

　　當(dāng)背景是彩色或者有淡淡的低溫的時(shí)候，如果僅僅是將白色文字降低不透明度的話，會(huì)使文本的感覺(jué)變得有點(diǎn)太蒼白無(wú)力，那么我們可以嘗試講文本的顏色改成與背景色相同的顏色，然后調(diào)整文字的飽和度與明度。

　　注：本文部分文字和圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系刪除。版權(quán)歸原作者所有!