對于028每個網(wǎng)頁設(shè)計(jì)師而言，在設(shè)計(jì)過程中總會碰到需要作出設(shè)計(jì)決策的時候。也許你的公司并沒有全職設(shè)計(jì)師，而需求上則要求設(shè)計(jì)出全新的UI；又或者你正在制作一個你自己的個人項(xiàng)目，而你希望它比Bootstrap的默認(rèn)效果要強(qiáng)一些。這個時候很多人會退縮:“我并不是一個藝術(shù)家，我沒法作出更好的效果！”但是事實(shí)證明，想要設(shè)計(jì)出更優(yōu)秀的效果，合理地運(yùn)用技巧其實(shí)更重要，而且是可以出效果的。

　　今天的文章，我們總結(jié)了4個簡單直觀的改善網(wǎng)頁視覺效果且能提升高級感的小技巧。很實(shí)際，也很實(shí)用，希望你們能喜歡。

　　1.不要在有色背景上使用灰色的文本

　　在白色背景下，將黑色的文本改成灰色，是不錯的淡化其視覺效果的做法，但是在彩色背景下這么做，則是另外一回事。

　　實(shí)際上，讓白色背景下文本由黑變灰實(shí)際上是達(dá)到降低對比度的效果。

?

　　但是在彩色背景下，想要降低對比度是應(yīng)該讓文本逐步接近背景色，而不是改為灰色。

　　2.留白，克制用色：

　　為什么克制的用色，給你高級的感受呢？因?yàn)椋@樣會削弱色彩對人情緒的影響，反而有治愈的能量，有一種頹廢的性感。

　　3.陰影設(shè)計(jì)

　　相比于采用大范圍的擴(kuò)散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營造的陰影效果。

　　4.盡量少使用Borders

　　盒子模型是網(wǎng)頁前端最常用到的工具。當(dāng)你需要在兩個元素之間創(chuàng)建分隔的時候，盡量避免使用兩者的邊界直接接觸。

　　雖然Border是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設(shè)計(jì)感降低，甚至?xí)斐苫靵y。

　　總的來說，高級感是克制的，它極簡、低調(diào)、且優(yōu)雅；高級感是極致的，對細(xì)節(jié)的完美追求、具有匠心精神；高級感是特立獨(dú)行且自信的，不盲目追逐潮流、不討好、不妥協(xié)。破壞性的交互所涉及的按鈕難道不應(yīng)該是紅色的么？”

　　沒必要！如果破壞性的交互所涉及到的按鈕不是主要操作的話，讓它按照次要操作甚至三級操作的按鈕來設(shè)計(jì)就好了。