扁平化信息圖形設(shè)計在交互設(shè)計領(lǐng)域的應用

摘要：設(shè)計領(lǐng)域的發(fā)展總是在循環(huán)中進行的，正如春夏秋冬的往復一樣，一種設(shè)計理念流行，然后慢慢沒落，然后又興旺發(fā)展，如此往復。正如多年前扁平化設(shè)計非常流行，后來經(jīng)歷低谷，而如今又蓬勃發(fā)展。在當下，網(wǎng)頁設(shè)計及電子移動終端的設(shè)計都紛紛采用了扁平化設(shè)計的方案，并不斷蔓延。

扁平化設(shè)計強調(diào)簡約，沒有大量的修飾，簡約但卻不簡單，通過設(shè)計師對信息的沉淀和提煉再經(jīng)由簡約的圖形來傳遞表達出來。當下扁平化設(shè)計是趨勢，所以針對扁平化設(shè)計的研究有很大的現(xiàn)實意義。

關(guān)鍵詞：扁平化設(shè)計；界面設(shè)計；交互設(shè)計；網(wǎng)頁設(shè)計；手機界面設(shè)計

一、引言

隨著扁平化設(shè)計重新為大眾所青睞，更多的產(chǎn)品開始采用此種設(shè)計理念，從手機界面到網(wǎng)頁界面再到windows8的扁平化界面無一例外。如今，就連最愛擬物設(shè)計的蘋果也開始扁平化。扁平化的信息圖形設(shè)計越來越受到重視，成為當前設(shè)計的主流。設(shè)計師或許存在這樣的困惑，這種設(shè)計趨勢會持續(xù)下去嗎？或者只是一時的發(fā)展，不能長久？正因如此，對扁平化設(shè)計作更深層次的研究和分析具有很重要的現(xiàn)實意義。在此，我針對扁平化設(shè)計的概念、優(yōu)缺點、應用及發(fā)展趨勢做探討分析，以期對此種設(shè)計理念的實際應用產(chǎn)生積極指導意義。

二、扁平化設(shè)計的概念

關(guān)于扁平化的解釋有很多種，其中最為核心的解釋就是摒棄所有的裝飾效果，這是對3D效果的一種摒棄。所有的元素的應用都干凈利落，不存在任何羽化效果。如手機界面設(shè)計中，更少的按鈕和選項使得界面干凈利落，使用起來格外簡潔便利。正因為這種簡潔，使得信息和事物的傳達更加的簡單而直接，減少認知障礙的產(chǎn)生。

三、扁平化設(shè)計優(yōu)缺點

扁平化設(shè)計風格的一大優(yōu)勢就在于它可以將信息和事物的工作方式可以更加簡單直接的表達，減少認知障礙的產(chǎn)生。扁平化設(shè)計風格的較強適應性。隨著網(wǎng)站和應用程序的多樣性和復雜化，原skeuomorphic設(shè)計變得繁瑣而費時。而扁平化設(shè)計的簡約成為它的一大優(yōu)勢，具有更好的適應性。

盡管扁平化設(shè)計有它獨特的優(yōu)勢，但不得不說，這種設(shè)計理念依然又不足和缺陷。對于這種設(shè)計理念主要缺點在于其需要一定的學習成本，不且傳達的感情不夠豐滿，有時會給人一種冰冷的感覺。

四、扁平化設(shè)計技巧

（一）簡單的設(shè)計元素

扁平化設(shè)計就是設(shè)計風格扁平，通過移除創(chuàng)建3D視圖所需要的比如陰影、斜角、紋理和漸變等額外的元素而簡化界面。將焦點放在布局的組織和顏色的差異上，當然，你只要你能保持元素的扁平外觀，你也可以使用斜邊和陰影，但是你會想使這些控件變得盡可能的簡潔，所有的元素的邊界都要干凈簡潔。

（二）強調(diào)字體的使用

字體是排版中很重要的一部分，它需要和其他元素相輔相成，由于界面更加簡潔，你可以使用字體完成想要的風格的建立。由于背景簡單，字體就會突出并且本身就設(shè)置了風格。

（三）關(guān)注色彩

扁平化設(shè)計中，配色是一個重要的環(huán)節(jié)。扁平化設(shè)計多數(shù)色彩絢麗，同時，配色具有多樣性。但要特別注意色彩的搭配，如果要特別突出某一色彩，在配色時一定要避免這一色彩的多次重復使用。否則，會給人們一種這一主題不重要的的錯覺和風險。

五、扁平化設(shè)計在UI設(shè)計的應用和發(fā)展趨勢

（一）UI設(shè)計的概念

UI是User Interface的簡稱，即用戶界面。UI設(shè)計是一種整體設(shè)計，要求軟件的操作邏輯、人機交互、界面美觀相互統(tǒng)一、相互融入，而是使用者獲取較好的感受。優(yōu)秀的UI設(shè)計可以使軟件個性十足，且簡單、舒適、自由。UI設(shè)計不只包含用戶與界面兩個組成部分，還包括用戶與界面之間的交互關(guān)系。較好的UI設(shè)計會給人帶來舒適的視覺感受，讓人與機器有更強的融合感。

（二）扁平化設(shè)計在UI設(shè)計的應用

現(xiàn)在，軟件的UI設(shè)計，越來越來越傾向簡潔直接的扁平化設(shè)計理念。微軟當初設(shè)計 Metro 風格本意是為了減輕普通程序員的工作復雜性，使其可以較為簡單完成軟件的制作，使開發(fā)者不必過多考慮UI設(shè)計的問題。但實際步非如此，Windows 8及 Windows Phone 的使用者感到有些軟件的設(shè)計很粗糙。簡約的設(shè)計并不意味簡單，從事設(shè)計的人事對此會深有體會，因為稍有疏忽會暴露出問題，或者給人的感覺不和諧。盡管擬物設(shè)計或渲染效果設(shè)計比簡約型設(shè)計更加復雜，但整體效果的體現(xiàn)卻是簡約風格更加讓人煞費苦心。就目前而言，手機app主要還是以iOS為標準設(shè)計的，同時許多Android上的app也采用了一樣的設(shè)計風格。而Windows Phone 截然不同，如果將 iOS上設(shè)計的很好的軟件，移植到 Windows Phone 上就會顯得不合時宜或者感覺非常簡陋。因此在應用扁平化的設(shè)計時，要考慮到整體是否和諧匹配。

（三）扁平化設(shè)計的發(fā)展趨勢

科技產(chǎn)品不應該是純藝術(shù)品，蘋果曾風靡一時，喬布斯如是說，他是站在科技與人文路口的人。上面已經(jīng)探討過扁平化設(shè)計的各種優(yōu)勢，而且我也不認為扁平化設(shè)計一定會失去所說的藝術(shù)感，問題的關(guān)鍵在于設(shè)計本身。曾經(jīng)繪畫以逼真程度判定其藝術(shù)價值的高低，隨著照相機的誕生，抽象派藝術(shù)反而蓬勃發(fā)展。在中國，傳統(tǒng)繪畫講究寫意，而其藝術(shù)體現(xiàn)有目共睹，所以簡約也可以很藝術(shù)。

扁平化設(shè)計強調(diào)簡約，去除3D效果，且沒有大量修飾及多余圖像映襯，經(jīng)過圖形、文字及色彩的合理搭配簡約而直接的表達，避免了擬物設(shè)計在多界面設(shè)計下的復雜性。當下，扁平化設(shè)計是一種趨勢，必然會在網(wǎng)頁設(shè)計、電子移動終端的設(shè)計及其他更多領(lǐng)域得以應用及長足發(fā)展。

【參考文獻】

[1]李為強.扁平化管理：方案設(shè)計與認識誤區(qū)[J].農(nóng)村金融研究，2003，（10）

[2]馬娜娜.簡潔而不乏味——淺談扁平化界面設(shè)計[J].大眾文藝，2013，（16）

[3]宋方，金錦虹，逯新輝.析“扁平化”手機界面設(shè)計[J].包裝工程，2012，（14）

作者簡介：熊琳，湖南工業(yè)大學包裝設(shè)計藝術(shù)學院 研究生 研究方向：包裝設(shè)計。