寇淇
目前,扁平化設計已經成為即成的流行風格,說明扁平化設計符合社會需求,自然有其優勢所在。但是,被廣泛接受是否就代表著完美呢?當然不是,從來不存在完美的設計,只有不斷創新,不斷發展的設計。本文就扁平化風格的優勢與特點,以及發展趨勢進行研究。
扁平化界面風格的時尚性,交互便攜性征服了用戶,在整個國際設計界成為一種流行趨勢。我們需要充分了解該設計風格的特點,提高對扁平化設計的認知程度。同時,要清醒地認識到“扁平化風格”要必須不斷創新,才能不至于江郎才盡,最終被摒棄。為了充分了解扁平化風格,并對其發展趨勢有所展望,是本文的主要任務。
1.扁平化設計的視覺特點
(1)拒絕特效,避免擬物化特征
摒棄裝飾性元素,諸如陰影、透視、紋理、漸變、3D 效果等。邊界干凈俐落,不做任何羽化、漸變或者陰影,避免擬物化特征。所謂“擬物化”指的是再現實物的設計方法。
注重以功能為核心的交互體驗,讓信息在以“短平快”的方式呈現,注重視覺上的平面特征。盡可能的少使用按鈕,以提高使用的簡易性,讓用戶根據操作和體驗,就可以自動掌握。
(2)圖標高度概括,圖形幾何抽象化
圖標主要是用來凝練象征某一類信息,是信息的圖形化。在按鈕上使用較多,按鈕絕大部分是直角矩形,很少甚至拒絕使用圓角。直角矩形更為簡單,并且與背景融為一體,減掉不必要的視覺累贅。
扁平化圖標必須經過抽象概括,盡量去掉多余的層次細節,以“最簡”為基本原則,甚至只保留外部輪廓,強調平面幾何化美感。放棄有邊飾的字體,而是選用諸如微軟雅黑,幼圓這種幾何化特征明顯的的字體。
(3)色相明確,高亮配色
在扁平化設計中,色調的對比依然重要,色彩的純度一般不會過于高,而是選用中等刺激,但是色相明確,灰度適中的配色方案。在具體的配色操作中最受歡迎的顏色是純色匹配和二次色匹配。對于用戶而言,這種用色方案可以給人以時尚,整潔,明快,輕松的感受。
顏色在界面中的重組,最終表現為色塊,不同的色塊之間沒有過多的漸變和柔化,以最直接的塊面顏色表現層次與美感、沖突與協調。在“扁平化”風格下,顏色的搭配更像是色彩搭配手冊中的色塊組合。這樣的簡單形式使顏色之間的對比更為鮮明,所產生的視覺感受也更為突出。
(4)優化版式,重復直觀性,注重留白
排版幾乎是最重要的一環,排版好壞直接影響用戶體驗。好的排版設計,可以讓信息更加流暢,在扁平化板式設計的實際操作中,經常使用“色塊分割”或者“網格分割”的方法。使用面積等比分割的方式進行排列,這樣操作的結果依然是為了突出扁平化設計的整潔,直觀等特點。
注重留白也是扁平化設計的一大特征,合適的留白會給用戶“視覺上的呼吸空間”,同時也會產生“高品質”視覺效應。
2.扁平化設計存在的問題
結合前文所述,扁平化設計的確可以彰顯時尚型,重視功能和用戶體驗。但是扁平化原則下視覺元素的表現力,容易造成“每個網站界面,APP界面都千篇一律”的后果,這有可能導致用戶迷失在扁平化的世界里。筆者對扁平化設計存在的問題,做如下總結:
(1)扁平化的視覺形式注定情感表達不豐富。這主要是跟“擬物化”設計相對比而言,擬物化設計在表達情感這個方面更為擅長一些。嚴格來說在擬物化設計中,美工可以更容易的介入,切入點很多。在扁平化設計中,美工的切入點比較少。利用圖形圖像表現情感這方面,擬物化設計勝出。
(2)扁平化設計則是將客觀物體概括成幾何圖標,在于擬物化圖形的識別度對比上,視覺美觀性各有特色,但擬物化設計的可識別性似乎更強一些。扁平化設計的高度抽象特征容易造成識別困難。
(3)筆者認為完全統一化,標準化的設計很難將自己的“態度”在視覺設計上表現出來。圖形,圖像,文字,字體,色彩,版式等視覺元素中,在扁平化原則下,缺乏可以主動調用的表現因素。
3.扁平化設計的創新
目前,扁平化設計已經成為即成的流行風格,這說明扁平化設計是有足夠魅力的,是符合社會需求的。但是,被廣泛接受是否就代表著完美呢?當然不是,從來不存在完美的設計,只有不斷創新,不斷發展的設計。
筆者通過研究發現,現在的扁平化元素已經在悄然發生改變,比如:
(1)長投影圖標,所謂長投影圖標指的是給符號化的扁平圖標元素,加上一個投影,讓圖標在背景的映射下,產生一定的三維效果。最早的扁平化設計是拋棄“投影”和“三維”效果的,之所以發生這種變化,說明設計師們已經在反思“增強扁平化設計的表現力”這個問題了。
(2)弱擬物化的出現。視覺元素具有扁平化的特征,同時也具備一定的識別性細節表現,這種現象讓筆者欣喜不已。
4.總結:綜上所述,筆者認為接下來的趨勢,會體現在:
(1)以扁平化的交互性和基本原則這個前提下,充分借鑒“擬物化”設計的優點,形成一種“扁平式擬物風格”用來增強扁平化設計的表現力。
(2)簡單,簡潔,重視排版與交互的這些優點,將會繼續保留,并隨著硬件的升級而進一步發展。
(3)扁平化設計逐漸成為一種扁平化思維,影響和輻射其他設計領域。在意的是思維方式,而不是單純的技術手段,視覺語言外在相貌的問題。
(作者單位:武昌工學院)