對于每個網頁(yè)設計師而言，在設計過程中(zhōng)總會碰到需要作(zuò)出設計決策的時候。也許你的公(gōng)司并沒有(yǒu)全職設計師，而需求上則要求設計出全新(xīn)的UI；又(yòu)或者你正在制作(zuò)一個你自己的個人項目，而你希望它比Bootstrap的默認效果要強一些。這個時候很(hěn)多(duō)人會退縮:“我并不是一個藝術家，我沒法作(zuò)出更好的效果！”但是事實證明，想要設計出更優秀的效果，合理(lǐ)地運用(yòng)技(jì )巧其實更重要，而且是可(kě)以出效果的。
今天的文(wén)章，我們總結了4個簡單直觀的改善網頁(yè)視覺效果且能(néng)提升高級感的小(xiǎo)技(jì )巧。很(hěn)實際，也很(hěn)實用(yòng)，希望你們能(néng)喜歡。
1.不要在有(yǒu)色背景上使用(yòng)灰色的文(wén)本
在白色背景下，将黑色的文(wén)本改成灰色，是不錯的淡化其視覺效果的做法，但是在彩色背景下這麽做，則是另外一回事。
實際上，讓白色背景下文(wén)本由黑變灰實際上是達到降低對比度的效果。
但是在彩色背景下，想要降低對比度是應該讓文(wén)本逐步接近背景色，而不是改為(wèi)灰色。
2.留白，克制用(yòng)色：
為(wèi)什麽克制的用(yòng)色，給你高級的感受呢(ne)？因為(wèi)，這樣會削弱色彩對人情緒的影響，反而有(yǒu)治愈的能(néng)量，有(yǒu)一種頹廢的性感。
3.陰影設計
相比于采用(yòng)大範圍的擴散模糊陰影，使用(yòng)微妙的垂直偏移陰影效果更明顯，更自然，它模拟了最常見的光源特征，光線(xiàn)從上往下照下來所營造的陰影效果。
4.盡量少使用(yòng)Borders
盒子模型是網頁(yè)前端最常用(yòng)到的工(gōng)具(jù)。當你需要在兩個元素之間創建分(fēn)隔的時候，盡量避免使用(yòng)兩者的邊界直接接觸。
雖然Border是分(fēn)隔兩個元素的好辦(bàn)法，但是它不是唯一的方法，使用(yòng)過多(duō)會讓整個布局的設計感降低，甚至會造成混亂。
總的來說，高級感是克制的，它極簡、低調、且優雅；高級感是極緻的，對細節的完美追求、具(jù)有(yǒu)匠心精(jīng)神；高級感是特立獨行且自信的，不盲目追逐潮流、不讨好、不妥協。破壞性的交互所涉及的按鈕難道不應該是紅色的麽？”
沒必要！如果破壞性的交互所涉及到的按鈕不是主要操作(zuò)的話，讓它按照次要操作(zuò)甚至三級操作(zuò)的按鈕來設計就好了。
