淺談扁平化設計的構成要素

朱宇婷錢琳

（安徽工程大學機電學院，安徽 蕪湖 241000）

淺談扁平化設計的構成要素

朱宇婷錢琳

（安徽工程大學機電學院，安徽 蕪湖 241000）

隨著微軟及iPhone的發展，扁平化設計一詞也隨之出現，它所倡導的簡約，逐漸被用戶認可、接受并欣賞。各大網頁的首頁也紛紛改版，較之以前變得更加簡潔干練。手機上的界面設計將扁平化設計表現的的更加淋漓盡致。本文將從扁平化風格的起源，深入剖析扁平化設計原則，從外形元素、排版到配色來分析扁平化設計的構成。

扁平化；設計原則；元素；排版；配色

一、扁平化設計思潮的來源

對于很多不了解扁平化理念的人，簡單的說，扁平化設計就是指摒棄高光、陰影等能造成透視感的效果，通過抽象、簡化、符號化的設計元素來表現，界面上極簡抽象、矩形色塊、大字體、光滑、現代感十足，讓人去意會。其核心在于功能本身的使用，所以去掉了冗余的界面和交互。通過這種極簡的風格可以讓設計更具有時代感，強有力的突出設計中的內容和信息，備受當今設計師們的青睞。

同時現代藝術運動奠定了扁平化設計理念的思想基礎，現代主義最鮮明的主張是：“少則多”。它反對裝飾的繁瑣，提倡簡潔的集合形式，現代主義在平面設計上作出了很大的貢獻。包豪斯設計思想對扁平化設計理念也起到了的決定性作用，包豪斯講究設計與材料的融合，以人為本，堅持少即是多的設計理念。這些歷史的發展奠定了現代扁平化思想的基礎。

此外，由于人們生活日趨繁忙，復雜的裝飾似乎變成了一種累贅，這時，提倡形式遵循功能的現代主義風格就更加符合人們的口味。簡潔的界面呈現方式，更容易抓住人們的眼球，并能在短時間內快速的獲取有效信息，更加適應人們快節奏的辦公、生活環境。而且消費者的審美特點是一個螺旋式的循環過程，以具象表現為代表的擬物化設計已經占據領導地位，這必將導致一種新的風格的出現，它就是扁平化。

二、簡單的外形作為設計元素

扁平化設計通常采用許多簡單的界面元素，諸如按鈕或者圖標之類。設計師們通常堅持使用簡單的外形（矩形或者圓形），并且盡量突出外形，這些元素一律為直角（極少的一些為圓角）。這些界面元素方便用戶點擊，這能極大的減少用戶學習新交互方式的成本，因為用戶憑經驗就能大概知道每個按鈕的作用。

最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等能做出3D效果的元素一概不用，所有的元素的邊界都干凈利落，沒有任何羽化、漸變或者陰影。尤其在手機的界面上，由于屏幕的限制，更少的按鈕和選項使得界面格外簡單。例如：IOS7較之于IOS6簡潔的多，簡單的線條，刺眼的留白，鮮艷的顏色，少了很多裝飾的應用圖標，之前的IOS6凹凸變化、握柄、壓花、陰影、內發光等設計元素占去了60%的顯示屏空間，IOS7則去掉了這些裝飾，直接讓你可以看到來電者的大照片。

此外，扁平化除了簡單的形狀之外，還包括大膽的配色。但是需要注意的是，扁平化設計不是說簡單的搞些形狀和顏色搭配起來就行，它和其他設計風格一樣，是由許多的概念與方法組成的。

三、優化的排版

由于扁平化設計的使用特別簡單的元素，排版就成了很重要的一環節，排版好壞直接影響視覺效果，甚至可能間接影響用戶體驗。

字體是排版中很重要的一部分，和其他元素相輔相成。想想看，一款花體字在扁平化的界面里得有多突兀。而無襯線字體家族龐大、區分之眾多，其中有些字體會在特殊的情景下會有意想不到的效果。但注意，過猶不及，不要使用那些極為生僻的字體，因為保不齊它就把你帶進坑里了。

如何使用字體也是一門學問，要學會讓不同的字體表達不同的概念，通過字體告訴用戶這某一設計或功能的含義，努力使字體成為你簡化設計的有力武器。

四、讓人難忘的配色

扁平化設計中，配色貌似是最重要的一環，扁平化設計通常采用比其他風格更明亮、絢麗的顏色。同時，扁平化設計中的配色還意味著更多的色調。比如，其他設計最多只包含兩三種主要顏色，但是扁平化設計中會平均使用六到八種。

而且扁平化設計中，往往傾向于使用單色調，尤其是純色，并且不做任何淡化或柔化處理（最受歡迎的顏色是純色和二次色）。另外還有一些顏色也挺受歡迎，如復古色（淺橙、紫色、綠色、藍色等）。

在一些扁平化設計的網頁上或是手機界面上會發現，他們使用的色彩比那些非扁平化設計的網頁更加明亮更加有活力。在如此的聚焦于簡潔之后，扁平化設計給予了網頁色彩這樣的基本設計元素增添更多光彩的機會。在基本色和輔助色已經是很流行的常見色的情況下，多色相即使沒有什么多余的元素，但已是充滿活力。至于現在，有些顏色似乎比其他的顏色更受歡迎：復古的顏色（藍色，綠色，紫色，橙色）。

以上三大要素構成了扁平化設計的核心表現手法，目前，國內的設計行業越來越受到重視，人們對設計的要求也越來越高。一些設計師、公司開始了扁平化的嘗試，很多我們日常使用到的網站，都在慢慢的發生變化，開始使用簡潔的表現方式，更加注重信息的排版和交互流程，去掉了復雜、毫無意義的元素，通過良好的顏色搭配和設計布局，讓其設計顯得更有質感也更能突顯出設計師的個人功底。在網頁設計、界面設計無處不體現著扁平化設計，甚至這種簡約的外形及配色理念將影響到建筑設計、包裝設計、海報設計等各個設計領域，更加的符合用戶的審美需求及交互體驗。

TB472

A

1005-5312（2014）32-0262-01