最近“扁平化”的界面設(shè)計風(fēng)格風(fēng)靡一時，早在Android4.0推出的時候此設(shè)計風(fēng)格就已經(jīng)得到了廣泛的認(rèn)可，再到iOS7的發(fā)布，則將這一設(shè)計風(fēng)格推向了高潮。流行 “平”的界面風(fēng)格不僅是一種趨勢，它的內(nèi)在本質(zhì)是希望遏制和消除多余的視覺元素，做真實的設(shè)計。

　　第一代Mac OS圖形界面只用了兩種顏色，蘋果通過模仿現(xiàn)實生活中的物體來在傳達(dá)深度、紋理、按鈕和圖標(biāo)等概念，界面的美觀受制于當(dāng)時的技術(shù)，而不是設(shè)計師。

隨著技術(shù)的發(fā)展，設(shè)計師們獲得了廣闊的施展空間，視覺的自由度得到了極大的提升。對于Windows XP，微軟推出了一個豐富多彩的風(fēng)格，通過運用大量的亮部，陰影和漸變來模擬一個現(xiàn)實物理外觀。

蘋果發(fā)布的Mac OS X則走得更遠(yuǎn)，富有光澤的塑料氣泡造型的界面，拉絲鋁的逼真圖標(biāo)等等。隨著時間的推移，操作系統(tǒng)的視覺樣式得到加強，微軟賦予Windows光澤，透明玻璃般的主題，而蘋果公司則為其桌面和移動操作系統(tǒng)賦予材質(zhì)感、擬物化更強的設(shè)計風(fēng)格，如帶有皮革紋理的日歷應(yīng)用程序，以及電子書閱讀器逼真的翻頁效果。

　　Windows Vista的界面特色Aero主題，其光澤以及像玻璃一樣的窗口鑲邊。

模仿現(xiàn)實生活中對象和紋理的樣式，被說成是“擬物化”——借用現(xiàn)實世界里的符號作為設(shè)計元素，目的是為了讓界面為用戶所熟悉。最近，設(shè)計師們開始質(zhì)疑筆記類的應(yīng)用程序是否一定要設(shè)計成紙質(zhì)筆記本的樣式，或日歷類應(yīng)用程序是否一定要設(shè)計成皮革和翻頁效果。這樣的做法確實能夠給用戶來視覺上趣味性，但是同時它為了配合現(xiàn)實生活中的靜態(tài)感受卻與數(shù)字界面的流動性和活力格格不入。

　　當(dāng)前版本的OS X的日歷有一個模仿真實日歷外觀的縫制的皮革質(zhì)地和紙邊撕裂的效果。

隨著最新版本的Windows 8發(fā)布，微軟邁出了勇敢的一步，遠(yuǎn)離這些多余的視覺效果，試圖給其操作系統(tǒng)的全數(shù)字化的感受，用本文的觀點來說，這是“真實的設(shè)計”。最新的界面是建立在微軟開發(fā)其早期的移動版本。所呈現(xiàn)給用戶的審美準(zhǔn)則毫無現(xiàn)實生活中物體紋理。

相反，Windows8依賴排版，間距和顏色帶來優(yōu)雅而有秩序的數(shù)字模塊?，F(xiàn)實生活中的效果以及多余的樣式被摒棄，剩下的就是簡單的內(nèi)容本身。非常像海爾曼·穆特修斯曾經(jīng)提到的以火車站作為例子的“機器美學(xué)”，微軟設(shè)計師指出以火車站標(biāo)志為靈感的新Windows界面，以前被稱為“Metro”。

　　Windows 8的開始屏幕上打破傳統(tǒng)的桌面設(shè)計方式，由扁平的，豐富多彩的磁片組成，而不是圖標(biāo)。磁片不僅是一種風(fēng)格上的選擇，而且他們讓有用的信息以儀表板的方式在啟動畫面上呈現(xiàn)。

多年來，在網(wǎng)上已經(jīng)看到了類似的轉(zhuǎn)變。早期基于表格和Flash的設(shè)計讓開發(fā)者能夠以像素級別的細(xì)致度來完美實現(xiàn)界面，所以設(shè)計師毫不猶豫地為內(nèi)容設(shè)計出豐富的視覺容器。當(dāng)我們開始面對新媒體的流動性時，將展示和內(nèi)容分開，網(wǎng)頁設(shè)計變得更加克制。高度裝飾的容器不能輕易改變它們的寬度和位置，所以設(shè)計師較少使用圖像，并更多地依靠簡單的CSS樣式，使他們的布局適應(yīng)性更強且更易于維護(hù)。

響應(yīng)式設(shè)計(為使一個頁面適應(yīng)不同的屏幕尺寸和設(shè)備)的最新發(fā)展要求設(shè)計師的工作在一開始就要跳過可視化編輯器(如Photoshop)，介入到代碼當(dāng)中去，讓我們進(jìn)一步實現(xiàn)一個簡單的，以內(nèi)容為中心的網(wǎng)頁設(shè)計美學(xué)，它的美感源于排版，間距和顏色，而不是靠真實的設(shè)計運用紋理和裝飾性的圖片。

最近，蘋果、作為 “擬物化”設(shè)計的引領(lǐng)者，通過iOS7的發(fā)布，也已經(jīng)邁出了向數(shù)字化設(shè)計的第一步?？p制的皮革紋理和撕開紙張邊緣的擬物化設(shè)計已經(jīng)一去不復(fù)返了，取而代之的是一個簡約而扁平界面，它色彩豐富、圖標(biāo)簡單、表面半透明。蘋果iOS7對過去的“擬物化”設(shè)計做了一次徹底的轉(zhuǎn)向。

　　真實的設(shè)計

促使現(xiàn)代設(shè)計理念在軟件和網(wǎng)頁設(shè)計中盛行的關(guān)鍵在于對設(shè)計真實性的追求，這種追求使得設(shè)計師將裝飾性的東西從他們的工作中剔除，將數(shù)字設(shè)計引向干凈、以功能為主的美學(xué)標(biāo)準(zhǔn)。然而到底是什么使設(shè)計變得“真實”呢?

真實的設(shè)計旨在避免虛假的裝飾，它傾向于使用材料本身的質(zhì)感，沒有遮掩、沒有虛假的紋理，展示材質(zhì)自身的優(yōu)點，而不是試圖隱藏弱點。真實的設(shè)計是以一個用戶熟悉且能感知有用的方式來展示功能。真實的設(shè)計是以功能優(yōu)先于形式、目的在于提高效率。真實的設(shè)計是摒棄外在裝飾轉(zhuǎn)而尋找美麗純凈的內(nèi)在本質(zhì)。

在數(shù)字化設(shè)計中，真實設(shè)計可以概括為著以下幾點：

　　擁抱數(shù)字化的外觀。

在設(shè)計中我們沒有必要去模仿諸如金屬，木材和皮革的紋理。他們不是數(shù)字化的界面，所以模仿這些毫無意義。這并不意味著設(shè)計只是平面背景顏色，而是我們不應(yīng)該試圖模仿或受限于現(xiàn)實世界中的紋理。

　　破除“擬物化”設(shè)計。

數(shù)字圖書不需要模仿物理紙張翻頁效果，也不需要一個記筆記的應(yīng)用程序看起來像一個物理的紙本子，皮革封面，撕裂的邊緣和手寫風(fēng)格的字體?！皵M物化”設(shè)計也并非一無是處，但它總是在界面上增加了視覺負(fù)擔(dān)。例如，紙本是靜態(tài)的，一維的，但數(shù)字界面卻非這樣，一旦這個界面模仿了現(xiàn)實中的紙本，它就陷入到物理隱喻的約束當(dāng)中了。

　　以內(nèi)容為中心的設(shè)計風(fēng)格。

聚焦內(nèi)容，而不是它的樣式和裝飾。你可能會認(rèn)為這點是老生常談，但有多少次你在網(wǎng)站上看到一個現(xiàn)成的，現(xiàn)成的主題?主題是始終建立在虛構(gòu)內(nèi)容，所以，就其本質(zhì)而言，絕不可能完美的代表內(nèi)容。虛構(gòu)文本的主題推動設(shè)計師專注于造型和裝飾，而不是內(nèi)容上，因為那里根本就沒有內(nèi)容。只有當(dāng)你在處理實際的內(nèi)容時，你才開始真正將功能和形式有機結(jié)合。

　　并非極簡主義

基于功能的設(shè)計美學(xué)不能等同于極簡主義風(fēng)格，前者試圖去除多余的設(shè)計，使產(chǎn)品更易理解，有更好的表現(xiàn)同時讓其展現(xiàn)材質(zhì)本身的美感，后者則是試圖建立一個極簡的美感，給設(shè)計對象一個簡單和干凈的光環(huán)而已。一個是基于功能的設(shè)計準(zhǔn)則，另一個則是一種風(fēng)格的選擇。

生硬的套用極簡的設(shè)計美學(xué)，將界面設(shè)計的簡單而數(shù)字化，時常會是個誤區(qū)。舉個例子，一股腦地消除視覺效果，如陰影，顏色和不同的背景樣式未必會讓界面更容易使用。在某些情況下，這相反的破壞了界面的層次結(jié)構(gòu)和重點，而之前這些層次結(jié)構(gòu)和重點都是建立在陰影和背景顏色之上的。

在《The Laws of Simplicity》中John Maeda指出，“要達(dá)到至簡的最簡方式就是通過深思熟慮做減法。當(dāng)有疑問時，只是做刪除??，但要小心你所刪除的?！弊詈蟮木媸欠浅Ｖ匾?。刪除東西導(dǎo)致簡化，往往只因為需要用戶關(guān)注的東西變少了，但是減少視覺元素可以在情感上幫助用戶來處理界面信息，比如項目分組、按鈕和標(biāo)簽的區(qū)分、突出對象所用到的圖形元素都會分散用戶注意力，如果運用不當(dāng)都會給用戶造成更多的干擾，而非是讓所謂的樣式、原則來指導(dǎo)設(shè)計。

　　為什么真實的設(shè)計如此重要

“Rise”這個應(yīng)用是一個完美的例子。鬧鐘在現(xiàn)實生活中是一個已經(jīng)解決了的問題，但是Simplebots決定重構(gòu)這個概念，重新思考一個基于純數(shù)字環(huán)境的界面。

　　在Rise應(yīng)用程序中，用戶以一個創(chuàng)新的全屏幕滑塊來設(shè)置的時間，以背景顏色的變換來反應(yīng)映天空的顏色

“Rise”界面設(shè)有一個全屏幕的滑塊，在你設(shè)定的時間的時候背景色的改變用以反映天空的顏色。它沒有試圖去模仿一個物理的時鐘或物理滑塊或現(xiàn)實生活中的紋理。相反，設(shè)計師充分利用智能手機的觸屏，以介質(zhì)本身來創(chuàng)造一種全新的體驗。創(chuàng)新性的設(shè)計不僅使其有一個偉大的用戶體驗，并讓它在應(yīng)用市場上脫穎而出。

像“Rise”界面的設(shè)計只有當(dāng)你對數(shù)字化畫面有一個全面的掌控，而非僅僅是照搬現(xiàn)實世界中的一些解決方案才能得到的。數(shù)字;屏幕可以產(chǎn)生抽象的形式，動畫、鮮艷的色彩以及均勻的色調(diào)，沒有必要被限制在壓抑的色調(diào)或靜態(tài)展示當(dāng)中，也無需被綁死在“擬物化”的設(shè)計形式上。如何通過利用像素網(wǎng)格找到最好的展示內(nèi)容，我們可以得出更好，更簡單的解決方案，創(chuàng)新的界面設(shè)計讓用戶有賓至如歸的感覺，提供更好的用戶體驗，讓產(chǎn)品脫穎而出。

最近廣為推崇的“扁平化”的設(shè)計風(fēng)格可能會是一個趨勢，但它也是對“真實的設(shè)計”追求的一種體現(xiàn)，這種追求體現(xiàn)在抑制多余的裝飾，專注于內(nèi)容本身。技術(shù)進(jìn)步有時會過猶不及，就像在19世紀(jì)機械化批量生產(chǎn)造成裝飾的真實的設(shè)計使用，以及顯示和樣式技術(shù)在早年的網(wǎng)頁和軟件設(shè)計中的泛濫。隨著時間的推移，過度裝飾得到抑制，現(xiàn)代主義的設(shè)計先驅(qū)尋求基于功能的美學(xué)標(biāo)準(zhǔn)，軟件和網(wǎng)頁設(shè)計中的過度設(shè)計也會得到抑制，轉(zhuǎn)而去追尋“真實的設(shè)計”。

來源：騰訊ISUX