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

隨著網(wǎng)站技術(shù)的迅速發(fā)展,網(wǎng)頁的設(shè)計(jì)趨勢(shì)層出不窮。小飛在前面也介紹過不少流行的設(shè)計(jì)趨勢(shì),緊跟設(shè)計(jì)潮流確實(shí)很重要,但淘汰一些過時(shí)的設(shè)計(jì)方式也不能小覷,畢竟揮別錯(cuò)的才能和對(duì)的相逢嘛。過時(shí)的設(shè)計(jì)趨勢(shì)常常會(huì)給網(wǎng)站帶來不少負(fù)面影響,比如降低網(wǎng)站的時(shí)尚度,破壞良好的一印象,影響網(wǎng)站形象的樹立。而淘汰它們可以及時(shí)給網(wǎng)站重新注入活力,讓網(wǎng)站散發(fā)出新的光彩。因此,小飛今天就列舉了一些過時(shí)的設(shè)計(jì)趨勢(shì),大家快來一起看看網(wǎng)站中哪些"糟粕"需要去除吧!
什么是網(wǎng)站設(shè)計(jì)趨勢(shì)?
其實(shí)每種設(shè)計(jì)趨勢(shì)本身并沒有好壞之分,它們的流行與否都是與一定的時(shí)代背景、使用情境等緊密結(jié)合的。梳理網(wǎng)頁設(shè)計(jì)趨勢(shì)的流行之旅,我們能夠看到這些年網(wǎng)站設(shè)計(jì)風(fēng)格的演變過程。小飛今天在這勸告大家"斷舍離"的設(shè)計(jì)趨勢(shì)也是如此,它們太過陳舊了,與當(dāng)代網(wǎng)站設(shè)計(jì)的主流格格不入。不過,這并不意味著這些設(shè)計(jì)趨勢(shì)會(huì)永遠(yuǎn)沉寂下去,也許某一天我們又會(huì)重新使用它們,時(shí)尚圈的風(fēng)總是吹了又來,極簡(jiǎn)主義就是一個(gè)經(jīng)典的栗子。但這也都是后話了,現(xiàn)在我們還是需要和它們說拜拜。接下來就一起看看哪些設(shè)計(jì)趨勢(shì)應(yīng)該淘汰吧!
4種過時(shí)的設(shè)計(jì)趨勢(shì)
1. 斜面和浮雕
斜面和浮雕是Photoshop中的一種圖層樣式。在網(wǎng)站中使用它們確實(shí)很有效果,它們可以加重投影的高光使文字更有浮雕效果,使圖像更有立體感,給網(wǎng)站增添一些不少現(xiàn)實(shí)主義的元素。在20世紀(jì)90年代或21世紀(jì)初,沒有什么比斜面和浮雕更能讓一個(gè)網(wǎng)站大放異彩的了,很多設(shè)計(jì)師都在網(wǎng)站中瘋狂地使用這種設(shè)計(jì)方式,就連悠久的品牌Logo設(shè)計(jì)也受到它的影響。

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

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

因此,在網(wǎng)站中盡量不要使用大篇幅的草書文字。如果你認(rèn)為草書文字能給網(wǎng)站帶來不一樣的藝術(shù)美感,好把握適度原則,在一些關(guān)鍵元素或位置上使用。除此以外,近些年來,很多獨(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)出來,用戶也會(huì)給予足夠的重視。不過這種方式也存在著很大的問題,爆裂式設(shè)計(jì)往往沒有那么美觀,而且太過于簡(jiǎn)單粗暴了,在呈現(xiàn)方式上也會(huì)顯得很僵硬、突兀,沒有充分考慮怎樣使網(wǎng)站內(nèi)容以一種有邏輯、合適的方式融入整體設(shè)計(jì)之中。

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

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

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

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

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

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



-
死鏈接對(duì)站點(diǎn)優(yōu)化的影響
隨著網(wǎng)站優(yōu)化不斷從外部鏈延伸到內(nèi)部鏈,許多網(wǎng)站的內(nèi)容已經(jīng)錯(cuò)開,達(dá)到零死端的鏈接.然而,隨著網(wǎng)站內(nèi)容的增加,網(wǎng)頁的數(shù)量也隨之增加,許多網(wǎng)頁開始受到各種因素的影響.刪除,例如,一些廣告內(nèi)容頁面更新,用戶的唾液粘貼刪除等.此時(shí),由于刪除了...
-
營(yíng)銷型網(wǎng)站建設(shè)PC端+手機(jī)+微信網(wǎng)站未來趨勢(shì)
三網(wǎng)合一 移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展這個(gè)大家已經(jīng)看到了,那么移動(dòng)互聯(lián)網(wǎng)背后龐大的商機(jī)你也看到了嗎?要把握互聯(lián)網(wǎng)龐大的商機(jī),只有電腦網(wǎng)站營(yíng)銷是遠(yuǎn)遠(yuǎn)不足的,要在激烈的競(jìng)爭(zhēng)中站穩(wěn)腳跟,必須要做到手機(jī)網(wǎng)站+電腦網(wǎng)站+微信網(wǎng)站三站合一的無死角營(yíng)銷! ...
-
5 個(gè)圖片標(biāo)注技巧,讓你的文章配圖更精美
在博客寫作過程中經(jīng)常被問到文章中軟件截圖和圖示的問題,很多人關(guān)心使用了那些軟件,怎么才能制作出類似效果的。要回答這個(gè)問題,需要一些對(duì)軟件工具的了解,還有可以參照的范例,后就是在效果和效率之間做出的平衡。 對(duì)于設(shè)計(jì)師而言,用 Photoshop...
-
特色主題網(wǎng)站建設(shè)的重要點(diǎn)
一、切入點(diǎn)要合適 選擇一個(gè)正確的主題。做一個(gè)什么樣的網(wǎng)站,哪一個(gè)領(lǐng)域是你熟悉的呢?假如你喜歡打籃球,可以選擇做個(gè)籃球愛好者交流論壇。選擇一個(gè)你所熱愛和興趣的方向以至于不讓你的網(wǎng)站今后經(jīng)營(yíng)不下去。相信每位站長(zhǎng)都會(huì)有自己擅長(zhǎng)的事情,學(xué)...
-
網(wǎng)站被降權(quán)后會(huì)立即恢復(fù)嗎
網(wǎng)站被降權(quán)后不會(huì)立即恢復(fù)。 1、恢復(fù)時(shí)間不確定:網(wǎng)站被降權(quán)后的恢復(fù)時(shí)間沒有明確標(biāo)準(zhǔn),主要取決于網(wǎng)站的綜合表現(xiàn)。如果網(wǎng)站表現(xiàn)好,恢復(fù)時(shí)間可能會(huì)短些,反之則會(huì)更長(zhǎng)。 2、需及時(shí)整改:網(wǎng)站被降權(quán)后,應(yīng)首先分析原因,采取對(duì)...