隨著網(wǎng)站技術(shù)的迅速發(fā)展,網(wǎng)頁的設(shè)計趨勢層出不窮。小飛在前面也介紹過不少流行的設(shè)計趨勢,緊跟設(shè)計潮流確實很重要,但淘汰一些過時的設(shè)計方式也不能小覷,畢竟揮別錯的才能和對的相逢嘛。過時的設(shè)計趨勢常常會給網(wǎng)站帶來不少負面影響,比如降低網(wǎng)站的時尚度,破壞良好的第一印象,影響網(wǎng)站形象的樹立。而淘汰它們可以及時給網(wǎng)站重新注入活力,讓網(wǎng)站散發(fā)出新的光彩。因此,小飛今天就列舉了一些過時的設(shè)計趨勢,大家快來一起看看網(wǎng)站中哪些"糟粕"需要去除吧!
什么是網(wǎng)站設(shè)計趨勢?
其實每種設(shè)計趨勢本身并沒有好壞之分,它們的流行與否都是與一定的時代背景、使用情境等緊密結(jié)合的。梳理網(wǎng)頁設(shè)計趨勢的流行之旅,我們能夠看到這些年網(wǎng)站設(shè)計風(fēng)格的演變過程。小飛今天在這勸告大家"斷舍離"的設(shè)計趨勢也是如此,它們太過陳舊了,與當代網(wǎng)站設(shè)計的主流格格不入。不過,這并不意味著這些設(shè)計趨勢會永遠沉寂下去,也許某一天我們又會重新使用它們,時尚圈的風(fēng)總是吹了又來,極簡主義就是一個經(jīng)典的栗子。但這也都是后話了,現(xiàn)在我們還是需要和它們說拜拜。接下來就一起看看哪些設(shè)計趨勢應(yīng)該淘汰吧!
4種過時的設(shè)計趨勢
1. 斜面和浮雕
斜面和浮雕是Photoshop中的一種圖層樣式。在網(wǎng)站中使用它們確實很有效果,它們可以加重投影的高光使文字更有浮雕效果,使圖像更有立體感,給網(wǎng)站增添一些不少現(xiàn)實主義的元素。在20世紀90年代或21世紀初,沒有什么比斜面和浮雕更能讓一個網(wǎng)站大放異彩的了,很多設(shè)計師都在網(wǎng)站中瘋狂地使用這種設(shè)計方式,就連悠久的品牌Logo設(shè)計也受到它的影響。
然而在今天,我們已經(jīng)很少使用斜面和浮雕,甚至可以說幾乎完全放棄了這種設(shè)計趨勢。現(xiàn)在網(wǎng)站中的元素趨向于有著簡單、一直的邊緣,除了偶爾的微妙陰影以外,幾乎沒有任何效果。這也是為什么極簡主義和扁平化設(shè)計等開始興起。干凈簡單的界面可以讓事物和信息以更加直接的方式呈現(xiàn)出來,訪客在加工信息時也會更加容易,減少了認知障礙的產(chǎn)生。下圖為目前大家比較喜歡的設(shè)計方式之一。所以,在網(wǎng)站中停止使用斜面和浮雕吧!
2. 大篇幅草書文本
盡管草書文字很有特色,但在網(wǎng)站中大篇幅使用卻會帶來不少弊端。草書文字會破壞網(wǎng)站內(nèi)容的可讀性,加重閱讀負擔(dān),影響了訪客閱讀、瀏覽的舒適度,同時還會暴露出網(wǎng)站的過時與落伍。下圖就是不可取的栗子:
因此,在網(wǎng)站中盡量不要使用大篇幅的草書文字。如果你認為草書文字能給網(wǎng)站帶來不一樣的藝術(shù)美感,最好把握適度原則,在一些關(guān)鍵元素或位置上使用。除此以外,近些年來,很多獨立藝術(shù)家創(chuàng)作出了不少精美的書法文字,很多字體都兼顧了審美和可讀性,在挑選合適易讀的字體上我們也應(yīng)多費些心思。
3. 爆裂式彈出
這種設(shè)計趨勢可以追溯到印刷設(shè)計的早期。經(jīng)實踐證明,爆裂式彈出確實是一種可以有效抓住訪客注意力的方法。在網(wǎng)站中使用這種設(shè)計趨勢,就像在告訴觀眾:嘿!這有一些重要的信息,讓網(wǎng)站內(nèi)容以易于貫徹、辨認的方式表現(xiàn)出來,用戶也會給予足夠的重視。不過這種方式也存在著很大的問題,爆裂式設(shè)計往往沒有那么美觀,而且太過于簡單粗暴了,在呈現(xiàn)方式上也會顯得很僵硬、突兀,沒有充分考慮怎樣使網(wǎng)站內(nèi)容以一種有邏輯、合適的方式融入整體設(shè)計之中。
現(xiàn)在,我們在網(wǎng)站中有很多方法可以重點突出某些元素或內(nèi)容,比如使用更加柔和的動畫。不過,要注意這些元素要能夠與整體設(shè)計相協(xié)調(diào),最好還要與頁面形成一定的對比,才能有效吸引用戶的注意力??晒┻x擇的方式多種多樣,難怪爆裂式彈出的方式已經(jīng)out了。
4. 3D陰影效果
這里的陰影效果與我們開篇談到的斜面和浮雕有點類似,它也是一種圖層樣式。陰影通常會讓字體看上去比較柔和,字體之間足夠的距離,以及與背景顏色的對比都能很好的突出這些文字。雖然這種擬真的視覺效果有一定的好處,但它卻會對訪客產(chǎn)生干擾。扁平化設(shè)計等流行趨勢強調(diào)去除一些裝飾效果,陰影也是其中一項??偟膩碚f,現(xiàn)在我們更加注重網(wǎng)站內(nèi)容本身,遵循"內(nèi)容為皇"的原則,致力于以簡單易懂的方式傳遞信息。
不過在網(wǎng)站中我們?nèi)匀豢梢允褂藐幱靶ЧM行一定的處理。下面就是幾種不同的陰影處理方式。如果你比較喜歡柔和的羽化邊緣,你可以試著結(jié)合陰影與背景顏色。這樣一來,網(wǎng)站的文本會看起來更真實,同時也不會影響訪客注意力的集中。
另一種陰影的處理方法可能要追溯到柔和線條陰影流行以前的日子了。這種陰影效果不使用羽化的邊緣,反而更加清晰,給人一種硬朗的感覺,在外觀上也更具復(fù)古主義。
除此以外,我們還可以對陰影進一步處理,通過在陰影和文本之間添加一個空節(jié),讓網(wǎng)站顯得更加精致。
過時的設(shè)計趨勢常會給訪客留下較差的第一印象,從而進一步影響了網(wǎng)站的轉(zhuǎn)化率和銷量。所以不要猶豫不決,堅定的和這些陳舊的設(shè)計方式說再見。根據(jù)自己的網(wǎng)站特征,選擇最能引起用戶共鳴的設(shè)計趨勢,這不僅能夠展現(xiàn)你的設(shè)計敏銳度,還能拉近與用戶的距離,吸引更多訪客。當然,如果你的網(wǎng)站是偏復(fù)古感覺的,你可以酌情使用這些趨勢,對它們進行適當?shù)恼{(diào)整也是很有必要的。期待大家能夠做出更加精彩的網(wǎng)站!
掃一掃關(guān)注微信公眾號
掃一掃訪問手機站
掃一掃打開小程序