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