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