對于(yu)每(mei)個網頁設(she)(she)(she)計(ji)(ji)師(shi)而(er)言，在設(she)(she)(she)計(ji)(ji)過(guo)程中總會(hui)碰(peng)到(dao)需(xu)要(yao)作出設(she)(she)(she)計(ji)(ji)決策的(de)(de)時候。也許你的(de)(de)公司并(bing)沒有全職(zhi)設(she)(she)(she)計(ji)(ji)師(shi)，而(er)需(xu)求上(shang)則要(yao)求設(she)(she)(she)計(ji)(ji)出全新的(de)(de)UI；又(you)或者你正(zheng)在制作一個你自己的(de)(de)個人(ren)項(xiang)目(mu)，而(er)你希(xi)望它比Bootstrap的(de)(de)默認(ren)效果要(yao)強一些。這(zhe)個時候很(hen)多人(ren)會(hui)退縮(suo):“我并(bing)不是一個藝術家，我沒法作出更(geng)好(hao)的(de)(de)效果！”但是事實證(zheng)明，想要(yao)設(she)(she)(she)計(ji)(ji)出更(geng)優秀(xiu)的(de)(de)效果，合理地運用技巧其實更(geng)重要(yao)，而(er)且是可(ke)以(yi)出效果的(de)(de)。

　　今(jin)天的(de)文章，我們(men)總結(jie)了4個(ge)簡單直觀(guan)的(de)改(gai)善網(wang)頁視覺效果且能(neng)提升高級感的(de)小技巧。很實際，也很實用，希望你們(men)能(neng)喜(xi)歡。

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

　　在(zai)(zai)白色(se)背(bei)景(jing)下，將(jiang)黑(hei)色(se)的文本改成(cheng)灰色(se)，是不錯的淡化其視覺效果的做法，但(dan)是在(zai)(zai)彩色(se)背(bei)景(jing)下這么做，則是另(ling)外(wai)一回事。

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

　　但是在彩色(se)背(bei)(bei)景下，想(xiang)要降低對(dui)比度是應該讓文本逐步(bu)接近背(bei)(bei)景色(se)，而不是改(gai)為灰色(se)。

　　2.留白，克制用(yong)色：

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

　　3.陰影設計

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

　　4.盡(jin)量少(shao)使(shi)用(yong)Borders

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

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

　　總的(de)來(lai)說，高級(ji)(ji)感是(shi)克制的(de)，它(ta)極簡(jian)、低(di)調、且優雅；高級(ji)(ji)感是(shi)極致的(de)，對(dui)細(xi)節的(de)完美追求、具有(you)匠心精神；高級(ji)(ji)感是(shi)特立獨行且自信的(de)，不(bu)盲(mang)目(mu)追逐(zhu)潮(chao)流、不(bu)討好、不(bu)妥協。破(po)壞性的(de)交(jiao)互(hu)所涉及的(de)按鈕(niu)難(nan)道(dao)不(bu)應(ying)該是(shi)紅色的(de)么(me)？”

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