隨著網(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í)給網(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)典的栗子。但這也都是后話了,現(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ì)等開始興起。干凈簡(jiǎn)單的界面可以讓事物和信息以更加直接的方式呈現(xiàn)出來(lái),訪客在加工信息時(shí)也會(huì)更加容易,減少了認(rèn)知障礙的產(chǎn)生。下圖為目前大家比較喜歡的設(shè)計(jì)方式之一。所以,在網(wǎng)站中停止使用斜面和浮雕吧!
2. 大篇幅草書文本
盡管草書文字很有特色,但在網(wǎng)站中大篇幅使用卻會(huì)帶來(lái)不少弊端。草書文字會(huì)破壞網(wǎng)站內(nèi)容的可讀性,加重閱讀負(fù)擔(dān),影響了訪客閱讀、瀏覽的舒適度,同時(shí)還會(huì)暴露出網(wǎng)站的過(guò)時(shí)與落伍。下圖就是不可取的栗子:
因此,在網(wǎng)站中盡量不要使用大篇幅的草書文字。如果你認(rèn)為草書文字能給網(wǎng)站帶來(lái)不一樣的藝術(shù)美感,最好把握適度原則,在一些關(guān)鍵元素或位置上使用。除此以外,近些年來(lái),很多獨(dú)立藝術(shù)家創(chuàng)作出了不少精美的書法文字,很多字體都兼顧了審美和可讀性,在挑選合適易讀的字體上我們也應(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),用戶也會(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)畫。不過(guò),要注意這些元素要能夠與整體設(shè)計(jì)相協(xié)調(diào),最好還要與頁(yè)面形成一定的對(duì)比,才能有效吸引用戶的注意力??晒┻x擇的方式多種多樣,難怪爆裂式彈出的方式已經(jīng)out了。
4. 3D陰影效果
這里的陰影效果與我們開篇談到的斜面和浮雕有點(diǎn)類似,它也是一種圖層樣式。陰影通常會(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ì)影響訪客注意力的集中。
另一種陰影的處理方法可能要追溯到柔和線條陰影流行以前的日子了。這種陰影效果不使用羽化的邊緣,反而更加清晰,給人一種硬朗的感覺(jué),在外觀上也更具復(fù)古主義。
除此以外,我們還可以對(duì)陰影進(jìn)一步處理,通過(guò)在陰影和文本之間添加一個(gè)空節(jié),讓網(wǎng)站顯得更加精致。
過(guò)時(shí)的設(shè)計(jì)趨勢(shì)常會(huì)給訪客留下較差的第一印象,從而進(jìn)一步影響了網(wǎng)站的轉(zhuǎn)化率和銷量。所以不要猶豫不決,堅(jiān)定的和這些陳舊的設(shè)計(jì)方式說(shuō)再見。根據(jù)自己的網(wǎng)站特征,選擇最能引起用戶共鳴的設(shè)計(jì)趨勢(shì),這不僅能夠展現(xiàn)你的設(shè)計(jì)敏銳度,還能拉近與用戶的距離,吸引更多訪客。當(dāng)然,如果你的網(wǎng)站是偏復(fù)古感覺(jué)的,你可以酌情使用這些趨勢(shì),對(duì)它們進(jìn)行適當(dāng)?shù)恼{(diào)整也是很有必要的。期待大家能夠做出更加精彩的網(wǎng)站!
掃一掃關(guān)注微信公眾號(hào)
掃一掃訪問(wèn)手機(jī)站
掃一掃打開小程序