斷舍離！是時(shí)候和這4種過(guò)時(shí)的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格做切割了

　　隨著網(wǎng)站技術(shù)的迅速發(fā)展，網(wǎng)頁(yè)的設(shè)計(jì)趨勢(shì)層出不窮。小飛在前面也介紹過(guò)不少流行的設(shè)計(jì)趨勢(shì)，緊跟設(shè)計(jì)潮流確實(shí)很重要，但淘汰一些過(guò)時(shí)的設(shè)計(jì)方式也不能小覷，畢竟揮別錯(cuò)的才能和對(duì)的相逢嘛。過(guò)時(shí)的設(shè)計(jì)趨勢(shì)常常會(huì)給網(wǎng)站帶來(lái)不少負(fù)面影響，比如降低網(wǎng)站的時(shí)尚度，破壞良好的一印象，影響網(wǎng)站形象的樹(shù)立。而淘汰它們可以及時(shí)給網(wǎng)站重新注入活力，讓網(wǎng)站散發(fā)出新的光彩。因此，小飛今天就列舉了一些過(guò)時(shí)的設(shè)計(jì)趨勢(shì)，大家快來(lái)一起看看網(wǎng)站中哪些"糟粕"需要去除吧!

　　什么是網(wǎng)站設(shè)計(jì)趨勢(shì)?

　　其實(shí)每種設(shè)計(jì)趨勢(shì)本身并沒(méi)有好壞之分，它們的流行與否都是與一定的時(shí)代背景、使用情境等緊密結(jié)合的。梳理網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的流行之旅，我們能夠看到這些年網(wǎng)站設(shè)計(jì)風(fēng)格的演變過(guò)程。小飛今天在這勸告大家"斷舍離"的設(shè)計(jì)趨勢(shì)也是如此，它們太過(guò)陳舊了，與當(dāng)代網(wǎng)站設(shè)計(jì)的主流格格不入。不過(guò)，這并不意味著這些設(shè)計(jì)趨勢(shì)會(huì)永遠(yuǎn)沉寂下去，也許某一天我們又會(huì)重新使用它們，時(shí)尚圈的風(fēng)總是吹了又來(lái)，極簡(jiǎn)主義就是一個(gè)經(jīng)典的栗子。但這也都是后話(huà)了，現(xiàn)在我們還是需要和它們說(shuō)拜拜。接下來(lái)就一起看看哪些設(shè)計(jì)趨勢(shì)應(yīng)該淘汰吧!

　　4種過(guò)時(shí)的設(shè)計(jì)趨勢(shì)

　　1. 斜面和浮雕

　　斜面和浮雕是Photoshop中的一種圖層樣式。在網(wǎng)站中使用它們確實(shí)很有效果，它們可以加重投影的高光使文字更有浮雕效果，使圖像更有立體感，給網(wǎng)站增添一些不少現(xiàn)實(shí)主義的元素。在20世紀(jì)90年代或21世紀(jì)初，沒(méi)有什么比斜面和浮雕更能讓一個(gè)網(wǎng)站大放異彩的了，很多設(shè)計(jì)師都在網(wǎng)站中瘋狂地使用這種設(shè)計(jì)方式，就連悠久的品牌Logo設(shè)計(jì)也受到它的影響。

　　然而在今天，我們已經(jīng)很少使用斜面和浮雕，甚至可以說(shuō)幾乎完全放棄了這種設(shè)計(jì)趨勢(shì)。現(xiàn)在網(wǎng)站中的元素趨向于有著簡(jiǎn)單、一直的邊緣，除了偶爾的微妙陰影以外，幾乎沒(méi)有任何效果。這也是為什么極簡(jiǎn)主義和扁平化設(shè)計(jì)等開(kāi)始興起。干凈簡(jiǎn)單的界面可以讓事物和信息以更加直接的方式呈現(xiàn)出來(lái)，訪客在加工信息時(shí)也會(huì)更加容易，減少了認(rèn)知障礙的產(chǎn)生。下圖為目前大家比較喜歡的設(shè)計(jì)方式之一。所以，在網(wǎng)站中停止使用斜面和浮雕吧!

　　2. 大篇幅草書(shū)文本

　　盡管草書(shū)文字很有特色，但在網(wǎng)站中大篇幅使用卻會(huì)帶來(lái)不少弊端。草書(shū)文字會(huì)破壞網(wǎng)站內(nèi)容的可讀性，加重閱讀負(fù)擔(dān)，影響了訪客閱讀、瀏覽的舒適度，同時(shí)還會(huì)暴露出網(wǎng)站的過(guò)時(shí)與落伍。下圖就是不可取的栗子：

　　因此，在網(wǎng)站中盡量不要使用大篇幅的草書(shū)文字。如果你認(rèn)為草書(shū)文字能給網(wǎng)站帶來(lái)不一樣的藝術(shù)美感，好把握適度原則，在一些關(guān)鍵元素或位置上使用。除此以外，近些年來(lái)，很多獨(dú)立藝術(shù)家創(chuàng)作出了不少精美的書(shū)法文字，很多字體都兼顧了審美和可讀性，在挑選合適易讀的字體上我們也應(yīng)多費(fèi)些心思。

　　3. 爆裂式彈出

　　這種設(shè)計(jì)趨勢(shì)可以追溯到印刷設(shè)計(jì)的早期。經(jīng)實(shí)踐證明，爆裂式彈出確實(shí)是一種可以有效抓住訪客注意力的方法。在網(wǎng)站中使用這種設(shè)計(jì)趨勢(shì)，就像在告訴觀眾：嘿!這有一些重要的信息，讓網(wǎng)站內(nèi)容以易于貫徹、辨認(rèn)的方式表現(xiàn)出來(lái)，用戶(hù)也會(huì)給予足夠的重視。不過(guò)這種方式也存在著很大的問(wèn)題，爆裂式設(shè)計(jì)往往沒(méi)有那么美觀，而且太過(guò)于簡(jiǎn)單粗暴了，在呈現(xiàn)方式上也會(huì)顯得很僵硬、突兀，沒(méi)有充分考慮怎樣使網(wǎng)站內(nèi)容以一種有邏輯、合適的方式融入整體設(shè)計(jì)之中。

　　現(xiàn)在，我們?cè)诰W(wǎng)站中有很多方法可以重點(diǎn)突出某些元素或內(nèi)容，比如使用更加柔和的動(dòng)畫(huà)。不過(guò)，要注意這些元素要能夠與整體設(shè)計(jì)相協(xié)調(diào)，好還要與頁(yè)面形成一定的對(duì)比，才能有效吸引用戶(hù)的注意力。可供選擇的方式多種多樣，難怪爆裂式彈出的方式已經(jīng)out了。

　　4. 3D陰影效果

　　這里的陰影效果與我們開(kāi)篇談到的斜面和浮雕有點(diǎn)類(lèi)似，它也是一種圖層樣式。陰影通常會(huì)讓字體看上去比較柔和，字體之間足夠的距離，以及與背景顏色的對(duì)比都能很好的突出這些文字。雖然這種擬真的視覺(jué)效果有一定的好處，但它卻會(huì)對(duì)訪客產(chǎn)生干擾。扁平化設(shè)計(jì)等流行趨勢(shì)強(qiáng)調(diào)去除一些裝飾效果，陰影也是其中一項(xiàng)。總的來(lái)說(shuō)，現(xiàn)在我們更加注重網(wǎng)站內(nèi)容本身，遵循"內(nèi)容為皇"的原則，致力于以簡(jiǎn)單易懂的方式傳遞信息。

　　不過(guò)在網(wǎng)站中我們?nèi)匀豢梢允褂藐幱靶Ч?，但要進(jìn)行一定的處理。下面就是幾種不同的陰影處理方式。如果你比較喜歡柔和的羽化邊緣，你可以試著結(jié)合陰影與背景顏色。這樣一來(lái)，網(wǎng)站的文本會(huì)看起來(lái)更真實(shí)，同時(shí)也不會(huì)影響訪客注意力的集中。

　　另一種陰影的處理方法可能要追溯到柔和線(xiàn)條陰影流行以前的日子了。這種陰影效果不使用羽化的邊緣，反而更加清晰，給人一種硬朗的感覺(jué)，在外觀上也更具復(fù)古主義。

　　除此以外，我們還可以對(duì)陰影進(jìn)一步處理，通過(guò)在陰影和文本之間添加一個(gè)空節(jié)，讓網(wǎng)站顯得更加精致。

　　過(guò)時(shí)的設(shè)計(jì)趨勢(shì)常會(huì)給訪客留下較差的一印象，從而進(jìn)一步影響了網(wǎng)站的轉(zhuǎn)化率和銷(xiāo)量。所以不要猶豫不決，堅(jiān)定的和這些陳舊的設(shè)計(jì)方式說(shuō)再見(jiàn)。根據(jù)自己的網(wǎng)站特征，選擇能引起用戶(hù)共鳴的設(shè)計(jì)趨勢(shì)，這不僅能夠展現(xiàn)你的設(shè)計(jì)敏銳度，還能拉近與用戶(hù)的距離，吸引更多訪客。當(dāng)然，如果你的網(wǎng)站是偏復(fù)古感覺(jué)的，你可以酌情使用這些趨勢(shì)，對(duì)它們進(jìn)行適當(dāng)?shù)恼{(diào)整也是很有必要的。期待大家能夠做出更加精彩的網(wǎng)站!