斷舍離!是時候和這4種過時的網(wǎng)頁設(shè)計風(fēng)格做切割了
隨著網(wǎng)站技術(shù)的迅速發(fā)展,網(wǎng)頁的設(shè)計趨勢層出不窮。小飛在前面也介紹過不少流行的設(shè)計趨勢,緊跟設(shè)計潮流確實很重要,但淘汰一些過時的設(shè)計方式也不能小覷,畢竟揮別錯的才能和對的相逢嘛。過時的設(shè)計趨勢常常會給網(wǎng)站帶來不少負(fù)面影響,比如降低網(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è)計趨勢也是如此,它們太過陳舊了,與當(dāng)代網(wǎng)站設(shè)計的主流格格不入。不過,這并不意味著這些設(shè)計趨勢會永遠(yuǎn)沉寂下去,也許某一天我們又會重新使用它們,時尚圈的風(fēng)總是吹了又來,極簡主義就是一個經(jīng)典的栗子。但這也都是后話了,現(xiàn)在我們還是需要和它們說拜拜。接下來就一起看看哪些設(shè)計趨勢應(yīng)該淘汰吧!
4種過時的設(shè)計趨勢
1. 斜面和浮雕
斜面和浮雕是Photoshop中的一種圖層樣式。在網(wǎng)站中使用它們確實很有效果,它們可以加重投影的高光使文字更有浮雕效果,使圖像更有立體感,給網(wǎng)站增添一些不少現(xiàn)實主義的元素。在20世紀(jì)90年代或21世紀(jì)初,沒有什么比斜面和浮雕更能讓一個網(wǎng)站大放異彩的了,很多設(shè)計師都在網(wǎng)站中瘋狂地使用這種設(shè)計方式,就連悠久的品牌Logo設(shè)計也受到它的影響。
然而在今天,我們已經(jīng)很少使用斜面和浮雕,甚至可以說幾乎完全放棄了這種設(shè)計趨勢?,F(xiàn)在網(wǎng)站中的元素趨向于有著簡單、一直的邊緣,除了偶爾的微妙陰影以外,幾乎沒有任何效果。這也是為什么極簡主義和扁平化設(shè)計等開始興起。干凈簡單的界面可以讓事物和信息以更加直接的方式呈現(xiàn)出來,訪客在加工信息時也會更加容易,減少了認(rèn)知障礙的產(chǎn)生。下圖為目前大家比較喜歡的設(shè)計方式之一。所以,在網(wǎng)站中停止使用斜面和浮雕吧!
2. 大篇幅草書文本
盡管草書文字很有特色,但在網(wǎng)站中大篇幅使用卻會帶來不少弊端。草書文字會破壞網(wǎng)站內(nèi)容的可讀性,加重閱讀負(fù)擔(dān),影響了訪客閱讀、瀏覽的舒適度,同時還會暴露出網(wǎng)站的過時與落伍。下圖就是不可取的栗子:
因此,在網(wǎng)站中盡量不要使用大篇幅的草書文字。如果你認(rèn)為草書文字能給網(wǎng)站帶來不一樣的藝術(shù)美感,好把握適度原則,在一些關(guān)鍵元素或位置上使用。除此以外,近些年來,很多獨(dú)立藝術(shù)家創(chuàng)作出了不少精美的書法文字,很多字體都兼顧了審美和可讀性,在挑選合適易讀的字體上我們也應(yīng)多費(fèi)些心思。
3. 爆裂式彈出
這種設(shè)計趨勢可以追溯到印刷設(shè)計的早期。經(jīng)實踐證明,爆裂式彈出確實是一種可以有效抓住訪客注意力的方法。在網(wǎng)站中使用這種設(shè)計趨勢,就像在告訴觀眾:嘿!這有一些重要的信息,讓網(wǎng)站內(nèi)容以易于貫徹、辨認(rèn)的方式表現(xiàn)出來,用戶也會給予足夠的重視。不過這種方式也存在著很大的問題,爆裂式設(shè)計往往沒有那么美觀,而且太過于簡單粗暴了,在呈現(xiàn)方式上也會顯得很僵硬、突兀,沒有充分考慮怎樣使網(wǎng)站內(nèi)容以一種有邏輯、合適的方式融入整體設(shè)計之中。
現(xiàn)在,我們在網(wǎng)站中有很多方法可以重點(diǎn)突出某些元素或內(nèi)容,比如使用更加柔和的動畫。不過,要注意這些元素要能夠與整體設(shè)計相協(xié)調(diào),好還要與頁面形成一定的對比,才能有效吸引用戶的注意力??晒┻x擇的方式多種多樣,難怪爆裂式彈出的方式已經(jīng)out了。
4. 3D陰影效果
這里的陰影效果與我們開篇談到的斜面和浮雕有點(diǎn)類似,它也是一種圖層樣式。陰影通常會讓字體看上去比較柔和,字體之間足夠的距離,以及與背景顏色的對比都能很好的突出這些文字。雖然這種擬真的視覺效果有一定的好處,但它卻會對訪客產(chǎn)生干擾。扁平化設(shè)計等流行趨勢強(qiáng)調(diào)去除一些裝飾效果,陰影也是其中一項。總的來說,現(xiàn)在我們更加注重網(wǎng)站內(nèi)容本身,遵循"內(nèi)容為皇"的原則,致力于以簡單易懂的方式傳遞信息。
不過在網(wǎng)站中我們?nèi)匀豢梢允褂藐幱靶Ч?,但要進(jìn)行一定的處理。下面就是幾種不同的陰影處理方式。如果你比較喜歡柔和的羽化邊緣,你可以試著結(jié)合陰影與背景顏色。這樣一來,網(wǎng)站的文本會看起來更真實,同時也不會影響訪客注意力的集中。
另一種陰影的處理方法可能要追溯到柔和線條陰影流行以前的日子了。這種陰影效果不使用羽化的邊緣,反而更加清晰,給人一種硬朗的感覺,在外觀上也更具復(fù)古主義。
除此以外,我們還可以對陰影進(jìn)一步處理,通過在陰影和文本之間添加一個空節(jié),讓網(wǎng)站顯得更加精致。
過時的設(shè)計趨勢常會給訪客留下較差的一印象,從而進(jìn)一步影響了網(wǎng)站的轉(zhuǎn)化率和銷量。所以不要猶豫不決,堅定的和這些陳舊的設(shè)計方式說再見。根據(jù)自己的網(wǎng)站特征,選擇能引起用戶共鳴的設(shè)計趨勢,這不僅能夠展現(xiàn)你的設(shè)計敏銳度,還能拉近與用戶的距離,吸引更多訪客。當(dāng)然,如果你的網(wǎng)站是偏復(fù)古感覺的,你可以酌情使用這些趨勢,對它們進(jìn)行適當(dāng)?shù)恼{(diào)整也是很有必要的。期待大家能夠做出更加精彩的網(wǎng)站!
猜你喜歡
聯(lián)絡(luò)方式:
電話:18905275581
郵箱:1700970777@qq.com
-
如何避免網(wǎng)站圖片存在侵權(quán)風(fēng)險
1、網(wǎng)上無明確版權(quán)歸屬的圖片不輕易使用 在使用圖片時一定要注意,百度等搜索引擎以及免費(fèi)網(wǎng)站免費(fèi)下載的圖片不代表可以任意使用,無法得知著作權(quán)人不能成為侵權(quán)事件發(fā)生時推卸責(zé)任的借口。 2、未獲取原創(chuàng)者授權(quán)的圖片不輕易使...
-
做網(wǎng)站不可忽視網(wǎng)站頁腳的設(shè)計-揚(yáng)州網(wǎng)站設(shè)計
一個完整的網(wǎng)頁應(yīng)該包含網(wǎng)頁頭部、中間內(nèi)容、網(wǎng)站頁腳這三大塊,但許多網(wǎng)站制作公司會在建網(wǎng)站的過程中有一個認(rèn)識誤區(qū),即看輕網(wǎng)站頁腳的重要性,造成首尾不協(xié)調(diào)的結(jié)果,造成用戶在此網(wǎng)站的瀏覽體驗不佳。 事實上,用戶在瀏覽網(wǎng)站時對頁腳也有一定的認(rèn)知習(xí)慣,通常哪些...
-
巧妙利用布局和排版迅速提升網(wǎng)站顏值
網(wǎng)站內(nèi)容是吸引新客戶、維護(hù)老顧客、提升用戶轉(zhuǎn)化率的關(guān)鍵所在。不少站長都熟練地掌握了這一策略,在網(wǎng)站中創(chuàng)建高質(zhì)量且易于加工、理解的內(nèi)容。但除了內(nèi)容作為信息本身極其重要以外,還有一項對網(wǎng)站信息傳遞、用戶瀏覽體驗十分重要的因...
-
iPhoneX網(wǎng)頁導(dǎo)航概念
這個概念使得單手操作,即使在大型移動設(shè)備上也能輕松實現(xiàn)網(wǎng)站導(dǎo)航。 在移動應(yīng)用程序設(shè)計中,選擇漢堡菜單按鈕還是標(biāo)簽欄作為導(dǎo)航一直是個古老的爭論話題。目前看來,由于手機(jī)屏幕尺寸越來越大,標(biāo)簽欄導(dǎo)航功能...
-
企業(yè)建站的核心
通過制作一個網(wǎng)站,我們可以更好的展示個人或企業(yè)品牌形象,在當(dāng)下,博客、網(wǎng)點(diǎn)、微博、微商等各個平臺都能更好的展示。但是,網(wǎng)站建設(shè)仍然是我們能自我展示的重要方式,是當(dāng)前企業(yè)必不可少的宣傳方式。 在當(dāng)今互聯(lián)網(wǎng)...