關于扁平化設計的美學思考

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

關鍵詞：扁平化設計；設計美學；美感體驗

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

1 扁平化設計的形式之美

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

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

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

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

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

2 扁平化設計的功能之美

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

3 扁平化設計的技術之美

技術的美與功能的美是相伴而生的另一種審美形態。扁平化設計中使用的交互性、多維性和多媒體綜合性等，都是扁平化設計之美體現。在扁平化設計中，用戶主動參與人機互動，處理信息和發布信息；多維性主要體現在扁平化設計中對菜單導航的設計上。使得設計界面的組織架構更為良好豐富，網格和排版布局，色彩的運用都達成高度的一致性。

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

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

4 扁平化設計的美感與用戶體驗

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

任何一點障礙或額外的步驟都會提高操作成本，增加功能的復雜度，進而降低轉化率。此外，扁平化設計在圖形視覺效果上引起了用戶的審美感受并且也能讓用戶在界面操作交互過程中產生了情感性的需求。在信息化時代數碼終端碎片化趨勢下，扁平化設計的界面設計在視覺效果上減少了非功能性的多余裝飾，保證了關鍵信息的突出和清晰，在信息層級上的簡化，讓交互操作更加的簡易，所以快速適應了用戶越來越高的要求。尤其在手機上因為屏幕限制，使扁平化風格在用戶體驗上更有優勢。

參考文獻：

[1] 馬娜娜.簡潔而不乏味——淺談扁平化界面設計[J].江蘇：大眾文藝，2013（8）.

[2] 夏穎翀.數字產品界面中樸素的設計和冗余的設計[D].武漢：武漢理工大學，2013.

[3] 趙子江.多媒體技術應用教程[M].北京：機械工業出版社，2003.

[4] 張新華.關于多媒體作品設計的幾點美學思考[D].山西：牡丹江師范學院，2013.

作者簡介：何玲慧，上海大學數碼藝術學院碩士。