別讓這些過時(shí)的設(shè)計(jì)元素毀了你的設(shè)計(jì)發(fā)布者：本站     時(shí)間：2020-06-05 15:06:08

重新審視自己幾年前的設(shè)計(jì)作品，有時(shí)候是一件很尷尬的事情。曾經(jīng)流行過的設(shè)計(jì)趨勢在這些設(shè)計(jì)作品中，都留下了不可磨滅的痕跡。值得注意的是，設(shè)計(jì)風(fēng)格一直在不斷發(fā)展，我們中絕大多數(shù)人都不得不跟著設(shè)計(jì)趨勢的演變，而拉扯著前進(jìn)。曾經(jīng)花費(fèi)時(shí)間去力圖實(shí)現(xiàn)的效果，轉(zhuǎn)眼之間就不再流行。

就像絕大多數(shù)人不會關(guān)注米蘭時(shí)裝周上的新款服飾一樣，并不是所有的設(shè)計(jì)師和參與設(shè)計(jì)（包括摻和設(shè)計(jì)）的相關(guān)人員，會時(shí)刻關(guān)注設(shè)計(jì)趨勢，所以今天我們將會總結(jié)6種過去曾經(jīng)非常流行，但是現(xiàn)在已經(jīng)被釘在過時(shí)恥辱柱上的設(shè)計(jì)雷區(qū)。就像馮小剛吐槽的：“不知道啥是好，但你得知道什么寒磣?！?br />
趨勢的意義
流行的趨勢到底是好是壞呢？趨勢本身并不涉及到好壞，重要的是它們所處的時(shí)間點(diǎn)，所應(yīng)用的范疇。在更大的時(shí)間維度上來看待趨勢，它更像是特定時(shí)代的集體記憶。

但是我們確確實(shí)實(shí)處在當(dāng)下，生活在特定的時(shí)間點(diǎn)。當(dāng)我們回望過去的設(shè)計(jì)趨勢和風(fēng)格演變的歷史之時(shí)，會發(fā)現(xiàn)過去逐漸變化的風(fēng)格和時(shí)尚能給你帶來一種獨(dú)特的體驗(yàn)。有些曾經(jīng)流行的東西再也不會回來，但是有一些流行過的元素會每隔一段時(shí)間就會回歸。

所以，對于趨勢、時(shí)尚和流行，時(shí)間是一個(gè)關(guān)鍵性的因素。換句話來說，許多設(shè)計(jì)風(fēng)格、設(shè)計(jì)趨勢本身并存在好壞，重要的是此刻它是否符合當(dāng)下大眾的認(rèn)知和潮流的方向。扁平化設(shè)計(jì)是如此，霓虹色的運(yùn)用也是如此。

所以，今天我們探討“過時(shí)的流行趨勢”這一話題的時(shí)候，它適用于當(dāng)前，2017年這個(gè)時(shí)間點(diǎn)，也許幾年其中的某些東西又會重新回歸，誰說得準(zhǔn)呢？但是此刻，它們就是不合時(shí)宜的。

1、斜面和浮雕效果


在過去很長的一段時(shí)間里面，當(dāng)客戶要求需要一個(gè)有真實(shí)感的元素的時(shí)候，設(shè)計(jì)師都會有沖動打開PS，在元素圖層樣式里添加斜面和浮雕的混合選項(xiàng)。

在修圖技術(shù)相對匱乏的90年代和2000年初，浮雕和斜面是讓按鈕等元素?fù)碛姓鎸?shí)質(zhì)感的最強(qiáng)大武器之一，說句不好聽的，這個(gè)階段，但凡是可交互的元素，設(shè)計(jì)師們恨不得把它們都給加上斜面和浮雕效果。

斜面和浮雕效果幾乎充斥在我們早期對于圖形化界面的全部記憶當(dāng)中，無處不在的Windows XP系統(tǒng)，Nokia的手機(jī)界面，甚至現(xiàn)在的許多ATM機(jī)的界面設(shè)計(jì)依然保留著斜面和浮雕特效的按鈕。

然而最新一波的簡約扁平設(shè)計(jì)風(fēng)已經(jīng)在整個(gè)設(shè)計(jì)圈刮了快7年了。絕大多數(shù)的情況下，這種硬朗而又略顯復(fù)古的硬質(zhì)邊緣已經(jīng)被漸變的色彩和微妙的陰影所替代。The World of Adrian Le Bas 的設(shè)計(jì)就是很典型：



關(guān)于扁平化設(shè)計(jì)在2017年的正確玩法：《一直進(jìn)化的扁平化設(shè)計(jì)，在2017年這么玩兒》

2、高光玻璃效果


當(dāng)然，之前所說的斜面和浮雕效果并沒有完全被拋棄，只不過它們現(xiàn)在更多存在于一些更加華麗的設(shè)計(jì)當(dāng)中。如果單獨(dú)使用斜面效果，可以制作出扁平化流行開來之前非常流行的高光玻璃效果。

這種效果能夠讓許多設(shè)計(jì)元素?fù)碛蓄愃扑芰虾筒ＡУ墓鉂筛?。這種設(shè)計(jì)最早可以追溯到上一次設(shè)計(jì)風(fēng)格革命的源頭之上：Mac OS X Deveoper Preview 3 的“抄現(xiàn)實(shí)”設(shè)計(jì)讓GUI的設(shè)計(jì)走進(jìn)了擬物化設(shè)計(jì)。