重新審視自己幾年前的設(shè)計(jì)作品，有時(shí)候是一件很尷尬的事情。曾經(jīng)流行過(guò)的設(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種過(guò)去曾經(jīng)非常流行，但是現(xiàn)在已經(jīng)被釘在過(guò)時(shí)恥辱柱上的設(shè)計(jì)雷區(qū)。就像馮小剛吐槽的：“不知道啥是好，但你得知道什么寒磣。” 趨勢(shì)的意義 流行的趨勢(shì)到底是好是壞呢？趨勢(shì)本身并不涉及到好壞，重要的是它們所處的時(shí)間點(diǎn)，所應(yīng)用的范疇。在更大的時(shí)間維度上來(lái)看待趨勢(shì)，它更像是特定時(shí)代的集體記憶。 但是我們確確實(shí)實(shí)處在當(dāng)下，生活在特定的時(shí)間點(diǎn)。當(dāng)我們回望過(guò)去的設(shè)計(jì)趨勢(shì)和風(fēng)格演變的歷史之時(shí)，會(huì)發(fā)現(xiàn)過(guò)去逐漸變化的風(fēng)格和時(shí)尚能給你帶來(lái)一種獨(dú)特的體驗(yàn)。有些曾經(jīng)流行的東西再也不會(huì)回來(lái)，但是有一些流行過(guò)的元素會(huì)每隔一段時(shí)間就會(huì)回歸。 所以，對(duì)于趨勢(shì)、時(shí)尚和流行，時(shí)間是一個(gè)關(guān)鍵性的因素。換句話來(lái)說(shuō)，許多設(shè)計(jì)風(fēng)格、設(shè)計(jì)趨勢(shì)本身并存在好壞，重要的是此刻它是否符合當(dāng)下大眾的認(rèn)知和潮流的方向。扁平化設(shè)計(jì)是如此，霓虹色的運(yùn)用也是如此。 所以，今天我們探討“過(guò)時(shí)的流行趨勢(shì)”這一話題的時(shí)候，它適用于當(dāng)前，2017年這個(gè)時(shí)間點(diǎn)，也許幾年其中的某些東西又會(huì)重新回歸，誰(shuí)說(shuō)得準(zhǔn)呢？但是此刻，它們就是不合時(shí)宜的。 1、斜面和浮雕效果
在過(guò)去很長(zhǎng)的一段時(shí)間里面，當(dāng)客戶要求需要一個(gè)有真實(shí)感的元素的時(shí)候，設(shè)計(jì)師都會(huì)有沖動(dòng)打開PS，在元素圖層樣式里添加斜面和浮雕的混合選項(xiàng)。 在修圖技術(shù)相對(duì)匱乏的90年代和2000年初，浮雕和斜面是讓按鈕等元素?fù)碛姓鎸?shí)質(zhì)感的最強(qiáng)大武器之一，說(shuō)句不好聽的，這個(gè)階段，但凡是可交互的元素，設(shè)計(jì)師們恨不得把它們都給加上斜面和浮雕效果。 斜面和浮雕效果幾乎充斥在我們?cè)缙趯?duì)于圖形化界面的全部記憶當(dāng)中，無(wú)處不在的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ì)就是很典型：
關(guān)于扁平化設(shè)計(jì)在2017年的正確玩法：《一直進(jìn)化的扁平化設(shè)計(jì)，在2017年這么玩兒》 2、高光玻璃效果
當(dāng)然，之前所說(shuō)的斜面和浮雕效果并沒(méi)有完全被拋棄，只不過(guò)它們現(xiàn)在更多存在于一些更加華麗的設(shè)計(jì)當(dāng)中。如果單獨(dú)使用斜面效果，可以制作出扁平化流行開來(lái)之前非常流行的高光玻璃效果。 這種效果能夠讓許多設(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ì)語(yǔ)言類似的光影特效，微軟將這種美學(xué)風(fēng)格命名為Aero，其中最典型的就是高光玻璃效果。高光毛玻璃效果的普及，Windows Vista 及其之后的系統(tǒng)功不可沒(méi)。
雖然毛玻璃效果現(xiàn)在還沒(méi)有被完全干掉，但是絕大多數(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)在有很多其他的替代方案來(lái)達(dá)成這一目的，單純的色彩對(duì)比都能做到這一點(diǎn)，比如Shopify 的設(shè)計(jì)：
當(dāng)然，在按鈕設(shè)計(jì)這件事上，設(shè)計(jì)規(guī)范總是值得一看的：《高手幫你學(xué)規(guī)范！IOS和ANDROID規(guī)范解析之按鈕》 3、采用手寫字體的大段文本 之前我說(shuō)，設(shè)計(jì)趨勢(shì)這個(gè)東西無(wú)關(guān)好壞，好吧，如果一種設(shè)計(jì)手法直接影響到設(shè)計(jì)本身的易用性和可用性的話，那么我們應(yīng)該可以將它歸類為“不好”的設(shè)計(jì)吧？
大段的文本如果采用手寫字體的話，在可讀性上會(huì)給用戶帶來(lái)相當(dāng)?shù)睦_。在數(shù)字設(shè)計(jì)技術(shù)相對(duì)匱乏的年代，不少新手設(shè)計(jì)師出于標(biāo)新立異或者其他目的，會(huì)在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候采用手寫字體，而這種狀況在上世紀(jì)90年代和新世紀(jì)最初的幾年，出現(xiàn)的非常頻繁。 正文字體理應(yīng)采用識(shí)別度更高、更穩(wěn)定的字體，而手寫字體更適合用來(lái)做點(diǎn)綴、強(qiáng)調(diào)和重要的視覺(jué)元素。在頁(yè)面的某些特定地方，有選擇地使用手寫字體，克制地運(yùn)用，才能讓它們的價(jià)值最大化。
玩轉(zhuǎn)字體的另外一種可能性：《字體新玩法！這些流行的繽紛多彩字體正在走向標(biāo)準(zhǔn)化》 4、爆炸元素
這一元素的使用可以追溯到平面印刷剛剛興起的時(shí)代，它是廣告中最常用的一種吸引用戶的視覺(jué)元素。它的存在本身就是在告訴用戶“快看，這里有個(gè)重要的信息要你看！”這確實(shí)是一種有效的手法，但是在對(duì)于設(shè)計(jì)感要求越來(lái)越高的今天，爆炸元素給人的“營(yíng)銷感”就明顯達(dá)不到大家的要求了。 這種過(guò)于直接的“促銷”方式最大的問(wèn)題在于，過(guò)于生硬，缺乏想法和想象力，并沒(méi)有通過(guò)設(shè)計(jì)將邏輯和關(guān)鍵元素有效地整合起來(lái)，自然地吸引用戶。PixelPop 就是一個(gè)不錯(cuò)的案例，他們使用更為周到、優(yōu)雅的設(shè)計(jì)來(lái)達(dá)到同樣甚至更好的效果：
所以，告訴你廣告Banner的正確玩法：《這20個(gè)切入點(diǎn)，能讓你快速著手設(shè)計(jì)廣告BANNER》 5、不合時(shí)宜的復(fù)古設(shè)計(jì) 復(fù)古一直在流行。但是復(fù)古一直都搭配著當(dāng)時(shí)流行的元素在使用，最重要的是，看似萬(wàn)金油的復(fù)古風(fēng)在很多時(shí)候并不適合在許多網(wǎng)站中使用。 比如你是一個(gè)銷售電子產(chǎn)品的電子商務(wù)網(wǎng)站，那么你應(yīng)該避免將整個(gè)頁(yè)面設(shè)計(jì)為80年代搖滾樂(lè)團(tuán)一樣的風(fēng)格。如果你的網(wǎng)站內(nèi)容本身就比較符合復(fù)古風(fēng)，并且你一開始就著力于將內(nèi)容和風(fēng)格完全搭配起來(lái)的話，那么就是另外一回事了。看看下面的Tom and Dan Show 網(wǎng)站，我想你會(huì)明白我的意思的：
摩登復(fù)古風(fēng)，復(fù)古的正確打開方式：《復(fù)古即流行！正在瘋狂流行的摩登復(fù)古設(shè)計(jì)風(fēng)》 6、醒目的大投影
和之前所說(shuō)的斜面和浮雕一樣，Photoshop 混合選項(xiàng)中的投影也是設(shè)計(jì)師常用的特效，但是在擬物化風(fēng)行的年代，大家都喜歡讓陰影大而柔和，距離元素較遠(yuǎn)，陰影顏色與背景會(huì)有明顯的對(duì)比，從而創(chuàng)造出遠(yuǎn)光照耀下的懸浮視覺(jué)效果。 但是現(xiàn)在真正流行的陰影樣式多種多樣，唯獨(dú)沒(méi)有這種，微妙而細(xì)膩的陰影效果是如今的主流。如果你真的喜歡大陰影的話，不妨試著讓陰影和背景色彩盡量接近，這樣的效果會(huì)更真實(shí)：
另一種目前流行的手法是“硬”陰影，這種設(shè)計(jì)方法更加復(fù)古。
如果你想讓效果更精致一些，不妨讓陰影和元素本體之間隔開一點(diǎn)，這樣的效果會(huì)更加老派而雅致。
結(jié)語(yǔ) 過(guò)時(shí)和復(fù)古之間有著明顯的差異，過(guò)時(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ì)都是開拓出來(lái)的，如果沒(méi)有人逆勢(shì)而為，也就沒(méi)有后面的流行。當(dāng)然，如果你有新的想法，不妨多嘗試來(lái)驗(yàn)證一下，說(shuō)不定就引領(lǐng)潮流了呢？
