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

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

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

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

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

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

　　2.留白，克制用色：

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

　　3.陰影設計

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

　　4.盡量少使用Borders

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

　　雖然Border是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設計感降低，甚至會造成混亂。

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

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