關(guān)于扁平化設(shè)計(jì)的美學(xué)思考

摘 要：最近扁平化設(shè)計(jì)逐漸應(yīng)用在像網(wǎng)頁、VI和UI設(shè)計(jì)等許多領(lǐng)域中，變得非常熱門。本文從扁平化風(fēng)格含義談起，主要從扁平化設(shè)計(jì)的形式、功能、技術(shù)、美感與用戶體驗(yàn)這四個(gè)方面以美學(xué)的知識(shí)體系內(nèi)容分析扁平化設(shè)計(jì)，突出好的扁平化設(shè)計(jì)不但需要掌握一些美學(xué)設(shè)計(jì)技術(shù)與原則，還需要根據(jù)不同的情況用動(dòng)態(tài)思維去思考，讓設(shè)計(jì)的各元素形成高度統(tǒng)一；也揭示了無論何種視覺風(fēng)格，精準(zhǔn)的信息表達(dá)和好的交互體驗(yàn)才是界面設(shè)計(jì)的根本，從而可以設(shè)計(jì)出讓用戶滿意適宜的設(shè)計(jì)。

關(guān)鍵詞：扁平化設(shè)計(jì)；設(shè)計(jì)美學(xué)；美感體驗(yàn)

扁平化設(shè)計(jì)是指拋棄漸變、陰影、高光、紋理等擬真視覺效果，從而打造出一種看上去更“平”的界面，從視覺效果上不僅去除了立體、仿真的效果將按鈕、界面拍“扁”了，還包括信息層級(jí)的簡(jiǎn)化。它的核心是放棄一切裝飾效果，所有元素的邊界都干凈利落。扁平化設(shè)計(jì)簡(jiǎn)約而不簡(jiǎn)單，搭配一流的網(wǎng)格、色彩設(shè)計(jì)，讓看久了擬物化的用戶感覺煥然一新；突出內(nèi)容主題，減弱各種漸變、陰影、高光等擬真視覺效果對(duì)用戶視線的干擾，讓用戶更加專注于內(nèi)容本身，簡(jiǎn)單易用；擁有良好的架構(gòu)、網(wǎng)格和排版布局，色彩的運(yùn)用和高度保持一致性。

1 扁平化設(shè)計(jì)的形式之美

現(xiàn)代藝術(shù)之父的法國(guó)畫家保羅·塞尚有句名言：“要用圓球體、圓柱體和圓錐體的眼光來觀察與表現(xiàn)客觀物象”。這句話的意思是將那些紛繁復(fù)雜的世界萬物歸納整合、提煉概括為簡(jiǎn)明的幾何形體。體現(xiàn)了“簡(jiǎn)潔就是美”，指出了一個(gè)好的設(shè)計(jì)就是在人們使用時(shí)更便捷、宜人。這也是單純化成為現(xiàn)代設(shè)計(jì)美的重要因素。在設(shè)計(jì)中運(yùn)用過于復(fù)雜的裝飾會(huì)對(duì)設(shè)計(jì)本身的主題產(chǎn)生重大考驗(yàn)，復(fù)雜的裝飾還可能影響用戶的使用心情和效果，所以應(yīng)該追尋簡(jiǎn)潔化，讓功能與裝飾均衡結(jié)合。

扁平化設(shè)計(jì)采用簡(jiǎn)單的設(shè)計(jì)元素。摒棄高光，一切裝飾效果，所有元素沒有羽化、漸變或者陰影。整體界面極簡(jiǎn)抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足，有著鮮明的視覺效果，所使用的元素之間有著清晰的層次和布局，它的交互核心在于功能本身的使用，去掉了許多裝飾和不必要界面交互，使用戶能直觀了解每個(gè)元素的作用以及交互方式。在設(shè)計(jì)中使用一些簡(jiǎn)單的用戶界面元素如按鈕和圖標(biāo)，如矩形、圓形或正方形，保持每個(gè)形狀孤立。形狀邊緣可以完美地方角化或者包含一點(diǎn)點(diǎn)曲率。每個(gè)元素應(yīng)該只是簡(jiǎn)單和容易單擊或切換。對(duì)用戶很直觀的互動(dòng)，沒有一些為設(shè)計(jì)而作的過度設(shè)計(jì)。

扁平化設(shè)計(jì)強(qiáng)調(diào)字體的使用。在設(shè)計(jì)中，字體是排版中很重要的一部分，它與其他設(shè)計(jì)元素相輔相成，所以要在可視化方式和文本上多下功夫。許多字體會(huì)在特殊的情景下會(huì)有意想不到的效果，但是要注意一面過猶不及，不要使用那些極為生僻的字體占據(jù)整個(gè)界面，這樣會(huì)得到反效果。

扁平化設(shè)計(jì)關(guān)注色彩的運(yùn)用，配色是最重要的一環(huán)，通常采用比其他風(fēng)格更明亮更炫麗的顏色。扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。例如，其他設(shè)計(jì)最多只包含兩三種主要顏色，但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種顏色。在扁平化設(shè)計(jì)中可以根據(jù)設(shè)計(jì)主題和內(nèi)容選擇所使用的顏色，再確定主題色之后，就可以與主題色相互融合，不與主題色沖突。

扁平化設(shè)計(jì)雖然簡(jiǎn)約但卻不簡(jiǎn)單，搭配一流的網(wǎng)格、色彩設(shè)計(jì)，能讓看久了擬物化的用戶感覺煥然一新；同時(shí)突出內(nèi)容主題，減弱各種漸變、陰影、高光等擬真視覺效果對(duì)用戶視線的干擾，讓用戶更加專注于內(nèi)容本身，簡(jiǎn)單易用。

2 扁平化設(shè)計(jì)的功能之美

在手機(jī)界面或是網(wǎng)頁界面設(shè)計(jì)中，實(shí)用功能直接影響了用戶對(duì)它的審美評(píng)價(jià)，有時(shí)候?qū)嵱眯赃€會(huì)轉(zhuǎn)化審美，占據(jù)著非常重要的地位。這種美就是功能之美。任何設(shè)計(jì)包括扁平化設(shè)計(jì)在追求形式美的同時(shí)，還必須考慮到整個(gè)設(shè)計(jì)的主題和大的方向，而不是一味地追求形式上的美，這是扁平化設(shè)計(jì)的前提。扁平化設(shè)計(jì)摒棄像大多數(shù)擬物化界面只是花費(fèi)大量時(shí)間在視覺的陰影和質(zhì)感效果而沒有實(shí)現(xiàn)功能化的現(xiàn)狀，而是突出了內(nèi)容主題，減弱各種漸變、陰影、高光等擬真視覺效果對(duì)用戶視線的干擾，讓用戶更加專注于內(nèi)容本身，簡(jiǎn)單直接地將信息和事物的工作方式展示出來，減少認(rèn)知障礙的產(chǎn)生，讓整個(gè)設(shè)計(jì)內(nèi)在飽滿具有生命力。另外，在扁平化設(shè)計(jì)中，形式與功能兩者有機(jī)地統(tǒng)一了起來，并且以完美的表現(xiàn)形式表現(xiàn)出來了，能體現(xiàn)出設(shè)計(jì)主題的精髓和與設(shè)計(jì)者的思想感情，具有獨(dú)特的分量和特有的價(jià)值。另外，扁平化設(shè)計(jì)中每一個(gè)元素都有存在的必要性，不會(huì)為了炫耀而使用冗余的技術(shù)。所以扁平化設(shè)計(jì)體現(xiàn)了全面的功能與美感，實(shí)現(xiàn)了藝術(shù)與功能的完美統(tǒng)一。

3 扁平化設(shè)計(jì)的技術(shù)之美

技術(shù)的美與功能的美是相伴而生的另一種審美形態(tài)。扁平化設(shè)計(jì)中使用的交互性、多維性和多媒體綜合性等，都是扁平化設(shè)計(jì)之美體現(xiàn)。在扁平化設(shè)計(jì)中，用戶主動(dòng)參與人機(jī)互動(dòng)，處理信息和發(fā)布信息；多維性主要體現(xiàn)在扁平化設(shè)計(jì)中對(duì)菜單導(dǎo)航的設(shè)計(jì)上。使得設(shè)計(jì)界面的組織架構(gòu)更為良好豐富，網(wǎng)格和排版布局，色彩的運(yùn)用都達(dá)成高度的一致性。

界面設(shè)計(jì)的一致性也非常重要，扁平化設(shè)計(jì)其一致性的設(shè)計(jì)模式及視覺風(fēng)格為用戶建立起完整一致的心智模型，使設(shè)計(jì)的產(chǎn)品更加易用，提升整體體驗(yàn)。對(duì)比在界面設(shè)計(jì)中也起著很重要的作用，扁平化設(shè)計(jì)應(yīng)該通過對(duì)配色、尺寸和布局的調(diào)整，使可點(diǎn)擊的界面元素在視覺上與其他元素形成鮮明的對(duì)比達(dá)成一個(gè)好的效果。另外，在布局方面，使用網(wǎng)格布局為界面設(shè)定視覺規(guī)范，使用戶的視線可以跟隨內(nèi)容本身所界定出的路徑自然的移動(dòng)，增強(qiáng)界面的視覺平衡。

用戶可以在各種主題之間自由跳轉(zhuǎn)，所以為了讓用戶能快速在界面中找到所需的信息，設(shè)計(jì)者在扁平化設(shè)計(jì)中應(yīng)該更完善其導(dǎo)航的設(shè)計(jì)；多種媒體的綜合性，目前在扁平化設(shè)計(jì)中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著其他多媒體文件格式的推廣，必將促使設(shè)計(jì)者更靈活地綜合運(yùn)用多種媒體元素來進(jìn)行扁平化的設(shè)計(jì)，以滿足和豐富用戶的各方面體驗(yàn)要求。

4 扁平化設(shè)計(jì)的美感與用戶體驗(yàn)

單從視覺效果角度而言，無論是刪繁從簡(jiǎn)的扁平化設(shè)計(jì)還是精心裝飾的擬物化設(shè)計(jì)，最終考量還是擁有良好的交互體驗(yàn)才是最根本的。精準(zhǔn)的信息表達(dá)和良好的交互體驗(yàn)是重中之重。界面的盡量簡(jiǎn)化，可以減少用戶完成目標(biāo)所需執(zhí)行的操作，打造更加流暢的交互體驗(yàn)。

任何一點(diǎn)障礙或額外的步驟都會(huì)提高操作成本，增加功能的復(fù)雜度，進(jìn)而降低轉(zhuǎn)化率。此外，扁平化設(shè)計(jì)在圖形視覺效果上引起了用戶的審美感受并且也能讓用戶在界面操作交互過程中產(chǎn)生了情感性的需求。在信息化時(shí)代數(shù)碼終端碎片化趨勢(shì)下，扁平化設(shè)計(jì)的界面設(shè)計(jì)在視覺效果上減少了非功能性的多余裝飾，保證了關(guān)鍵信息的突出和清晰，在信息層級(jí)上的簡(jiǎn)化，讓交互操作更加的簡(jiǎn)易，所以快速適應(yīng)了用戶越來越高的要求。尤其在手機(jī)上因?yàn)槠聊幌拗疲贡馄交L(fēng)格在用戶體驗(yàn)上更有優(yōu)勢(shì)。

參考文獻(xiàn)：

[1] 馬娜娜.簡(jiǎn)潔而不乏味——淺談扁平化界面設(shè)計(jì)[J].江蘇：大眾文藝，2013（8）.

[2] 夏穎翀.數(shù)字產(chǎn)品界面中樸素的設(shè)計(jì)和冗余的設(shè)計(jì)[D].武漢：武漢理工大學(xué)，2013.

[3] 趙子江.多媒體技術(shù)應(yīng)用教程[M].北京：機(jī)械工業(yè)出版社，2003.

[4] 張新華.關(guān)于多媒體作品設(shè)計(jì)的幾點(diǎn)美學(xué)思考[D].山西：牡丹江師范學(xué)院，2013.

作者簡(jiǎn)介：何玲慧，上海大學(xué)數(shù)碼藝術(shù)學(xué)院碩士。