2015-7-8 用心設(shè)計
藍藍設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計
扁平化、巨幅背景圖片、默認隱藏的全局導(dǎo)航…當前盛行的很多設(shè)計風格都直接或間接的受到2000年左右開始的極簡網(wǎng)頁設(shè)計運動的影響。向前追溯,這些風格背后的簡約哲學則來源于美術(shù)及人機交互領(lǐng)域當中的一些早期運動。
對于界面設(shè)計而言,極簡風格,或是說“最小化設(shè)計”,其根本目的是最大化的突出內(nèi)容本身,而非界面框架。如果設(shè)計的得當,極簡風格可以使重要信息及功能更容易被聚焦,從而提升界面整體的易用性。
然而如今,很多設(shè)計師錯誤的將“極簡”理解成了一種單純意義上的視覺設(shè)計風格 – 他們將重要的界面元素移除或隱藏起來,為了追求極簡的視覺效果而忽視了那些需要從整體上綜合考慮的其他因素,包括可用性、易用性、產(chǎn)品設(shè)計策略等等。他們 忽略了極簡風格的核心哲學以及最初孕育了這種風格的歷史情境,其結(jié)果就是,從產(chǎn)品整體的角度來看,復(fù)雜度非但沒有被降低,反而被進一步提升了。
為了更好的理解和運用最小化設(shè)計的方法原則,我們有必要花些時間去了解極簡風格的起源及其基本特性。我們將通過兩篇文章來探索這一話題:本文是第一 篇,主要聚焦在風格定義和歷史發(fā)展這兩個方面,對最小化設(shè)計風格與可用性問題之間的關(guān)聯(lián)也會稍作討論;第二篇則會從深層次上分析最小化設(shè)計的特性對于界面 及產(chǎn)品可用性的影響作用。
最小化界面設(shè)計的目標是盡可能的移除干擾元素,以一種最簡單和直接的方式將內(nèi)容與功能一目了然的呈現(xiàn)出來。這種策略下最常見的設(shè)計方法就是做減法,即移除那些與界面的核心功能無關(guān)的內(nèi)容與功能。
我們難以通過某種統(tǒng)一的量化標準來判斷某個界面是否屬于最小化設(shè)計,畢竟這不是一種可以定義的概念,不過大體上還是有一些共同特征是能夠得到大 家的認同的,包括扁平化的背景材質(zhì)、簡化的配色、大量的負空間(留白)等等。關(guān)于這些設(shè)計要素以及它們在最小化設(shè)計當中的運用方式,我們將在第二篇文章中 詳細討論。
設(shè)計師Brian Danaher的個人網(wǎng)站,在15寸MacBook Pro上瀏覽時,留白占據(jù)了絕大部分空間;不同灰度的文字搭配一種關(guān)鍵色 – 屬于很多設(shè)計師所公認的那種比較典型的極簡風格。
在Danaher的站點中幾乎看不到任何與內(nèi)容無關(guān)的裝飾性元素,界面的干擾性極低。極簡風格很適用于這種類型的網(wǎng)站或應(yīng)用,即功能復(fù)雜度較低,內(nèi)容類型簡單。而將極簡風格運用到復(fù)雜度較高的產(chǎn)品當中則沒有這么容易了。
可以說,最小化設(shè)計是對從前過于臃腫的、“最大化”設(shè)計風格的回應(yīng),包括我們曾經(jīng)熟悉的漫長Flash進場、各種毫無意義的動畫、質(zhì)感沉重的界面元素、臃腫不堪的功能等等。
極簡主義起始于第二次世界大戰(zhàn)之后的視覺藝術(shù)運動,與當時以混亂的顏色、動感等要素為代表的抽象表現(xiàn)主義形成鮮明的對比。極簡主義受到當時著名的包豪斯藝術(shù)運動的影響,聚焦于簡約而不失功能性的設(shè)計。
在上世紀60年代,極簡主義開始流行于眾多領(lǐng)域,特別是在美術(shù)及建筑設(shè)計方面。在視覺藝術(shù)領(lǐng)域,單色和幾何圖形、工業(yè)材質(zhì)的運用都成為極簡主義的代表性要素。
當時比較著名的極簡派大師包括平面設(shè)計師Josef Müller-Brockmann,畫家Ellsworth
Kelly以及工業(yè)設(shè)計師Dieter Rams等等??匆豢聪旅鎺讉€案例之間的共同特征 – 簡約清晰的線條、慎用的配色等 –
雖然領(lǐng)域有所不同,但它們體現(xiàn)出的風格共性是顯而易見的。
Ellsworth Kelly的“布魯克林大橋 VII”,1962
Dieter Rams為Braun(博朗)設(shè)計的收音機,1961
Ludwig Mies van der Rohe設(shè)計的S.R. Crown Hall,1956
著名建筑設(shè)計師Ludwig Mies van der Rohe的那句“少即是多”完美的概括了極簡主義的表達方式。眾所周知,這句話后來也成為互聯(lián)網(wǎng)及軟件設(shè)計領(lǐng)域當中的極簡主義者們的口頭禪及精神支柱 – 至少表面上是這樣。
在20世紀末的20年當中,極簡主義逐漸在人機交互領(lǐng)域形成了獨立的分支。
1983年,數(shù)據(jù)可視化專家Edward Tufte提出了“數(shù)據(jù)墨水比例(Data-Ink Ratio)”的概念。在印刷媒介當中,這個概念指的是用于打印數(shù)據(jù)的墨水量與總墨水用量之間的比例。Tufte主張通過移除那些不會影響數(shù)據(jù)信息顯示的 元素來最大化的提升數(shù)據(jù)墨水比例。
將數(shù)據(jù)墨水比例的概念移植到界面設(shè)計領(lǐng)域,我們可以將其稱為“內(nèi)容元素比例” – 用于呈現(xiàn)有價值內(nèi)容的元素與界面當中全部元素之間的比例。我們的設(shè)計目標就是的提升內(nèi)容元素比例。
1990年,人機交互研究專家John M.Carroll研究了人們是怎樣閱讀科技產(chǎn)品使用手冊的,并尋求改善方式。通過研究,他提出了一套最小化理論,建議通過合理的設(shè)計來簡潔的傳達信息,幫助人們快速獲取并運用到實踐行為當中。
Carroll強調(diào),單純的將設(shè)計方案精簡到只保留基礎(chǔ)元素的程度并非最小化設(shè)計的最終目標 – 以目標任務(wù)結(jié)果為導(dǎo)向的簡潔才是根本。對界面設(shè)計而言,這意味著界面框架本身對于用戶完成目標任務(wù)的行為來說應(yīng)該是無形的,只應(yīng)起到承載內(nèi)容的作用,幫助 用戶更好的完成任務(wù)而不是帶來干擾。
1995年,Jakob Nielsen在他的十大可用性原則當中提到了最小化設(shè)計的重要性,建議通過移除界面當中不相關(guān)的信息要素來提升可用性,本質(zhì)與Tufte及Carroll關(guān)于最小化的看法相一致。
在21世紀的第一個十年里,極簡主義運動開始出現(xiàn)在網(wǎng)頁設(shè)計領(lǐng)域 – 包括大量的頁面留白、少量精簡的內(nèi)容、嚴格限制的配色方案等等特征。Google經(jīng)常被譽為最小化頁面設(shè)計的先驅(qū),因為他們從上世紀90年代剛剛推出 beta版本的時候開始就一直體現(xiàn)著簡潔而聚焦的設(shè)計思想。
Google首頁,1999
即便如今Google為全世界用戶提供著各式各樣的產(chǎn)品,從Google Drive到Y(jié)ouTube、Gmail、Google Maps等等,他們的首頁依然保持著最初的特征:除了基本的搜索功能以外,只有屈指可數(shù)的幾個顯性導(dǎo)航項;要訪問其余的功能,用戶需要通過右上角的菜單圖 標進入。
Google首頁,2015
盡管有Google這樣的早期先驅(qū),但是最小化設(shè)計思想還是花了很多年才普及到界面設(shè)計領(lǐng)域。2000年前后,各種追求表面浮華的混亂頁面仍然統(tǒng)治著互聯(lián)網(wǎng)。記得在我們當時所做的測試當中,用戶們無不被那些看上去“忙碌急躁”的頁面搞的暈頭轉(zhuǎn)向。
雖然步伐遲緩,但極簡主義的思想還是被早期實踐者 – 包括網(wǎng)頁設(shè)計師、平面設(shè)計師、藝術(shù)家、攝影師、建筑師和開發(fā)者們所不斷的探索和思考著。設(shè)計師和博主Emily Change在2006年的一篇關(guān)于最小化設(shè)計思想崛起的博文當中寫道:
或許是因為Google的成功,或是最近十年我們受夠了各種閃爍的banner和惱人的彈出廣告,當然也有可能受到了 Jonathan Ive的影響 – 設(shè)計師、開發(fā)者和用戶們似乎開始認同Mies van der Rohe的名言’少即是多’應(yīng)該成為界面設(shè)計當中的新準則了。
雖然Chang對于互聯(lián)網(wǎng)從業(yè)者及用戶即將全面擁抱極簡主義的預(yù)言在如今看來也是略顯樂觀,但是她的觀點確實符合最小化設(shè)計被越來越多擁護前沿設(shè)計趨勢的人所支持的現(xiàn)狀。
2010年左右出現(xiàn)的響應(yīng)式設(shè)計推動了最小化思路的普及。想要有效的運用響應(yīng)式設(shè)計技術(shù),人們必須認真思考界面當中內(nèi)容的優(yōu)先級問題,以及怎樣移除與內(nèi)容不相關(guān)的干擾元素 – 那些在桌面設(shè)備當中無足輕重的干擾元素,放在移動設(shè)備當中瀏覽時就會成為極大的障礙。
設(shè)計師和用戶們逐漸的開始接受最小化設(shè)計的概念。這期間,兩大業(yè)界巨頭推出的重設(shè)計方案更是促進了巨變的產(chǎn)生 – 2011年微軟推出的Metro,以及2013年Apple發(fā)布的iOS 7系統(tǒng)。
微軟在2011年發(fā)布的Windows 8可以說是近幾十年里計算設(shè)備操作系統(tǒng)發(fā)展歷程當中的一次重大的重設(shè)計案例。他們宣布了“現(xiàn)代化設(shè)計”的新哲學,一種來源于極簡藝術(shù)運動的很典型的最小化 設(shè)計哲學。微軟在其設(shè)計文檔當中甚至坦言包豪斯理念正是這套系統(tǒng)最基本的設(shè)計支柱之一。
另一方面,雖然Apple一直在努力貫徹著簡化的設(shè)計思維,但他們的軟件設(shè)計師對于傳統(tǒng)擬物化的風格卻是有著長久的、頗具爭議的偏愛。在2013年,他們顛覆性的推出了iOS 7,這種帶有自我革命味道的設(shè)計決策極大的推動了最小化風格在業(yè)界當中的普及。
最小化設(shè)計的理念開始全面的開花結(jié)果,甚至包括電商、在線媒體和互聯(lián)網(wǎng)教育等等類型的產(chǎn)品都開始加入到這一行列。在最小化理念的推動下,扁平化風、響應(yīng)式等設(shè)計開發(fā)概念都開始成為一種新的業(yè)界標準,進入到各類在線領(lǐng)域當中。
最小化設(shè)計的理念將對產(chǎn)品的信息架構(gòu)決策產(chǎn)生重大的影響,進而決定著最終界面的可用性與易用性。毫無疑問,近些年來關(guān)于最小化設(shè)計風格的可用性問題已經(jīng)成為業(yè)界當中最具爭議的話題之一。
支持者們認為最小化的設(shè)計思路可以有效的降低界面當中的信息負載,并且能為用戶帶來正面情緒的體驗 – 人們對于外觀優(yōu)雅的界面總是會產(chǎn)生積極的響應(yīng)。正如Don Norman指出,在使用這樣的界面時,人們對于可用性問題的容忍度往往更高,只要那些問題不是非常的嚴重。
我們(Nielsen Norman Group)自從1998年開始就一直反對復(fù)雜而無意義的“最大化設(shè)計”,說到這里你一定會認為我們是最小化設(shè)計的堅定簇擁者 – 但實際情況也并非如此。
當設(shè)計師們有意的、刻板的遵循著他們所理解的最小化設(shè)計思維時,最終往往會導(dǎo)致嚴重的可發(fā)現(xiàn)性和可用性問題。實際上,極端的最小化理念可以作為某種設(shè)計練習,但不宜片面的運用到實際產(chǎn)品當中。要有節(jié)制的嘗試最小化設(shè)計原則,通過適度的簡化來降低界面復(fù)雜度和使用的摩擦力,不要忘記界面設(shè)計的最終目標:幫助用戶更好的完成任務(wù)。
在實際工作中,首先要認真的思考最小化設(shè)計風格是否真的適用于你的產(chǎn)品和品牌,是否有可能造成嚴重的負面損害。如果確實適用,考慮以下幾點原則:
藍藍設(shè)計的小編 http://tweetduck.com