偷偷鲁2019丫丫久久

設(shè)計(jì)風(fēng)格一直在不斷發(fā)展，我們中絕大多數(shù)人都不得不跟著設(shè)計(jì)趨勢(shì)的演變，而拉扯著前進(jìn)。曾經(jīng)花費(fèi)時(shí)間去力圖實(shí)現(xiàn)的效果，轉(zhuǎn)眼之間就不再流行。

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

就像絕大多數(shù)人不會(huì)關(guān)注米蘭時(shí)裝周上的新款服飾一樣，并不是所有的設(shè)計(jì)師和參與設(shè)計(jì)（包括摻和設(shè)計(jì)）的相關(guān)人員，會(huì)時(shí)刻關(guān)注設(shè)計(jì)趨勢(shì)，所以今天我們將會(huì)總結(jié)6種過去曾經(jīng)非常流行，但是現(xiàn)在已經(jīng)被釘在過時(shí)恥辱柱上的設(shè)計(jì)雷區(qū)。就像馮小剛吐槽的：“不知道啥是好，但你得知道什么寒磣?！?/span>

趨勢(shì)的意義

流行的趨勢(shì)到底是好是壞呢？趨勢(shì)本身并不涉及到好壞，重要的是它們所處的時(shí)間點(diǎn)，所應(yīng)用的范疇。在更大的時(shí)間維度上來看待趨勢(shì)，它更像是特定時(shí)代的集體記憶。

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

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

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

1、斜面和浮雕效果

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

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

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

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

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ì)。

隨后，新生的Windows Vista也具備了與MacOSX 的“Aura”設(shè)計(jì)語言類似的光影特效，微軟將這種美學(xué)風(fēng)格命名為Aero，其中最典型的就是高光玻璃效果。高光毛玻璃效果的普及，Windows Vista 及其之后的系統(tǒng)功不可沒。

雖然毛玻璃效果現(xiàn)在還沒有被完全干掉，但是絕大多數(shù)的設(shè)計(jì)師已經(jīng)徹底放棄這種設(shè)計(jì)效果了。更加微妙的特效是時(shí)下的大趨勢(shì)，如果你依然采用這樣的設(shè)計(jì)元素，會(huì)讓你的網(wǎng)站和APP顯得像是Web 2.0 時(shí)代的產(chǎn)物。

當(dāng)然，使用高光毛玻璃效果更多是為了吸引用戶的注意力，好在現(xiàn)在有很多其他的替代方案來達(dá)成這一目的，單純的色彩對(duì)比都能做到這一點(diǎn)，比如Shopify 的設(shè)計(jì)：

3、采用手寫字體的大段文本

之前我說，設(shè)計(jì)趨勢(shì)這個(gè)東西無關(guān)好壞，好吧，如果一種設(shè)計(jì)手法直接影響到設(shè)計(jì)本身的易用性和可用性的話，那么我們應(yīng)該可以將它歸類為“不好”的設(shè)計(jì)吧？

大段的文本如果采用手寫字體的話，在可讀性上會(huì)給用戶帶來相當(dāng)?shù)睦_。在數(shù)字設(shè)計(jì)技術(shù)相對(duì)匱乏的年代，不少新手設(shè)計(jì)師出于標(biāo)新立異或者其他目的，會(huì)在設(shè)計(jì)網(wǎng)頁的時(shí)候采用手寫字體，而這種狀況在上世紀(jì)90年代和新世紀(jì)最初的幾年，出現(xiàn)的非常頻繁。

正文字體理應(yīng)采用識(shí)別度更高、更穩(wěn)定的字體，而手寫字體更適合用來做點(diǎn)綴、強(qiáng)調(diào)和重要的視覺元素。在頁面的某些特定地方，有選擇地使用手寫字體，克制地運(yùn)用，才能讓它們的價(jià)值最大化。

4、爆炸元素

這一元素的使用可以追溯到平面印刷剛剛興起的時(shí)代，它是廣告中最常用的一種吸引用戶的視覺元素。它的存在本身就是在告訴用戶“快看，這里有個(gè)重要的信息要你看！”這確實(shí)是一種有效的手法，但是在對(duì)于設(shè)計(jì)感要求越來越高的今天，爆炸元素給人的“營銷感”就明顯達(dá)不到大家的要求了。

這種過于直接的“促銷”方式最大的問題在于，過于生硬，缺乏想法和想象力，并沒有通過設(shè)計(jì)將邏輯和關(guān)鍵元素有效地整合起來，自然地吸引用戶。PixelPop 就是一個(gè)不錯(cuò)的案例，他們使用更為周到、優(yōu)雅的設(shè)計(jì)來達(dá)到同樣甚至更好的效果：

5、不合時(shí)宜的復(fù)古設(shè)計(jì)

復(fù)古一直在流行。但是復(fù)古一直都搭配著當(dāng)時(shí)流行的元素在使用，最重要的是，看似萬金油的復(fù)古風(fēng)在很多時(shí)候并不適合在許多網(wǎng)站中使用。

比如你是一個(gè)銷售電子產(chǎn)品的電子商務(wù)網(wǎng)站，那么你應(yīng)該避免將整個(gè)頁面設(shè)計(jì)為80年代搖滾樂團(tuán)一樣的風(fēng)格。如果你的網(wǎng)站內(nèi)容本身就比較符合復(fù)古風(fēng)，并且你一開始就著力于將內(nèi)容和風(fēng)格完全搭配起來的話，那么就是另外一回事了?？纯聪旅娴腡om and Dan Show 網(wǎng)站，我想你會(huì)明白我的意思的：

6、醒目的大投影

和之前所說的斜面和浮雕一樣，Photoshop 混合選項(xiàng)中的投影也是設(shè)計(jì)師常用的特效，但是在擬物化風(fēng)行的年代，大家都喜歡讓陰影大而柔和，距離元素較遠(yuǎn)，陰影顏色與背景會(huì)有明顯的對(duì)比，從而創(chuàng)造出遠(yuǎn)光照耀下的懸浮視覺效果。

但是現(xiàn)在真正流行的陰影樣式多種多樣，唯獨(dú)沒有這種，微妙而細(xì)膩的陰影效果是如今的主流。如果你真的喜歡大陰影的話，不妨試著讓陰影和背景色彩盡量接近，這樣的效果會(huì)更真實(shí)：

另一種目前流行的手法是“硬”陰影，這種設(shè)計(jì)方法更加復(fù)古。

如果你想讓效果更精致一些，不妨讓陰影和元素本體之間隔開一點(diǎn)，這樣的效果會(huì)更加老派而雅致。

結(jié)語

過時(shí)和復(fù)古之間有著明顯的差異，過時(shí)的設(shè)計(jì)趨勢(shì)往往會(huì)對(duì)你的設(shè)計(jì)產(chǎn)生負(fù)面的影響，適時(shí)地迎合一下設(shè)計(jì)趨勢(shì)，往往能讓你的設(shè)計(jì)更好地同當(dāng)前的時(shí)代、此時(shí)的用戶相應(yīng)和。

另外，設(shè)計(jì)趨勢(shì)都是開拓出來的，如果沒有人逆勢(shì)而為，也就沒有后面的流行。當(dāng)然，如果你有新的想法，不妨多嘗試來驗(yàn)證一下，說不定就引領(lǐng)潮流了呢？