最近“扁平化”的界面設(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í)的設(shè)計。

技術(shù)進(jìn)步有時會過猶不及，在十九世紀(jì)，由于大規(guī)模的機(jī)械化生產(chǎn)，裝飾品被快速及廉價的生產(chǎn)出來，導(dǎo)致商品被過度裝飾。類似的事情發(fā)生在最近幾年，由于顯示和樣式技術(shù)允許設(shè)計人員能夠創(chuàng)建豐富的視覺界面，導(dǎo)致擬物化設(shè)計(軟件界面模仿現(xiàn)實(shí)世界中的實(shí)物紋理)和復(fù)雜樣式的過度使用。

出于對在真實(shí)設(shè)計的追求，現(xiàn)代設(shè)計運(yùn)動摒棄了19世紀(jì)過度裝飾的設(shè)計風(fēng)格，使設(shè)計更加適合大規(guī)模生產(chǎn)。今天，我們看到對“真實(shí)的設(shè)計”的追求以“扁平化”的趨勢呈現(xiàn)出來，它拒絕擬物化設(shè)計以及過多的視覺效果，追求簡單，干凈，以內(nèi)容為中心的設(shè)計。

現(xiàn)代設(shè)計的誕生

19世紀(jì)后期，工業(yè)革命爆發(fā)，機(jī)械化大生產(chǎn)，對已有裝飾風(fēng)格的瘋狂復(fù)制導(dǎo)致了大量劣質(zhì)、扎眼的商品，一些有影響力的現(xiàn)代設(shè)計先驅(qū)諸如奧地利建筑師阿道夫·洛斯的對此深感不滿，同時現(xiàn)代設(shè)計先驅(qū)以自己的實(shí)際設(shè)計作品影響世人，倡導(dǎo)現(xiàn)代設(shè)計，例如：“現(xiàn)代建筑的旗手”——著名建筑師勒·柯布西耶、“摩天大樓之父”——路易斯·沙利文。到了20世紀(jì)中期，隨著德國現(xiàn)代設(shè)計運(yùn)動先驅(qū)赫爾曼·穆特修斯的奔走相告、現(xiàn)代派建筑師菲利普·約翰遜的作品在紐約現(xiàn)代藝術(shù)博物館的成功展出，將現(xiàn)代設(shè)計運(yùn)動逐步推向高潮。

經(jīng)過大半個世紀(jì)的時間，現(xiàn)代主義運(yùn)動開始盛行，直到20世紀(jì)中期，傳統(tǒng)的風(fēng)格和技巧被新的設(shè)計方法所超越。其主旨是：遠(yuǎn)離不必要的裝飾，走向一個更干凈，更內(nèi)斂克制的設(shè)計形式，其美在于內(nèi)容本身，而不是外在裝飾，尋求一個和諧的形式與功能的融合。

數(shù)字化裝飾

如果我們將短暫的軟件設(shè)計、網(wǎng)頁設(shè)計和現(xiàn)代設(shè)計的歷史來做比較的話可以發(fā)現(xiàn)，兩者有著相同的發(fā)展過程，機(jī)械化大規(guī)模生產(chǎn)導(dǎo)致的過度的裝飾在軟件和網(wǎng)頁設(shè)計中也可以看到，由于顯示和樣式技術(shù)的迅猛發(fā)展，在軟件界面和網(wǎng)站中，大量的裝飾性的元素被過度使用。在早年的Web設(shè)計師中熱衷于使用動畫、聲音與圖像，產(chǎn)生過于豐富的效果。

早期的帶有圖形用戶界面的操作系統(tǒng)在外觀和感覺上是相當(dāng)基本的。當(dāng)然，現(xiàn)實(shí)世界的隱喻，也得到了運(yùn)用，比如用圖像文件夾來表示文件目錄，帶有斜面的按鈕讓用戶知道它們是可以點(diǎn)擊的。但整體的審美感覺是“扁平化”且克制的。不管設(shè)計者是否想提供一個豐富的視覺體驗(yàn)，但是黑白兩色且低分辨率的顯示器限制了他們。

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

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

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

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

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

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

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

相反，Windows8依賴排版，間距和顏色帶來優(yōu)雅而有秩序的數(shù)字模塊。現(xiàn)實(shí)生活中的效果以及多余的樣式被摒棄，剩下的就是簡單的內(nèi)容本身。非常像海爾曼·穆特修斯曾經(jīng)提到的以火車站作為例子的“機(jī)器美學(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ì)致度來好實(shí)現(xiàn)界面，所以設(shè)計師毫不猶豫地為內(nèi)容設(shè)計出豐富的視覺容器。當(dāng)我們開始面對新媒體的流動性時，將展示和內(nèi)容分開，網(wǎng)頁設(shè)計變得更加克制。高度裝飾的容器不能輕易改變它們的寬度和位置，所以設(shè)計師較少使用圖像，并更多地依靠簡單的CSS樣式，使他們的布局適應(yīng)性更強(qiáng)且更易于維護(hù)。

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

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

真實(shí)的設(shè)計

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

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

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

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

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

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

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

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

聚焦內(nèi)容，而不是它的樣式和裝飾。你可能會認(rèn)為這點(diǎn)是老生常談，但有多少次你在網(wǎng)站上看到一個現(xiàn)成的，現(xiàn)成的主題?主題是始終建立在虛構(gòu)內(nèi)容，所以，就其本質(zhì)而言，絕不可能好的代表內(nèi)容。虛構(gòu)文本的主題推動設(shè)計師專注于造型和裝飾，而不是內(nèi)容上，因?yàn)槟抢锔揪蜎]有內(nèi)容。只有當(dāng)你在處理實(shí)際的內(nèi)容時，你才開始真正將功能和形式有機(jī)結(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)和重點(diǎn)，而之前這些層次結(jié)構(gòu)和重點(diǎn)都是建立在陰影和背景顏色之上的。

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

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

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

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

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

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

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

本文題目：回歸簡約,做最真實(shí)的設(shè)計
網(wǎng)站鏈接：http://m.newbst.com/news24/165224.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、軟件開發(fā)、網(wǎng)站改版、微信公眾號、網(wǎng)站營銷、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)