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

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

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

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

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

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

數(shù)字化裝飾

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

并非極簡(jiǎn)主義

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

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

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

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

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

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

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

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

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

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

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

廣告

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