摘要:扁平化設計成為當今界面設計的主要趨勢,并隨著電子信息設備的普及,其被運用地越來越廣泛。本文首先探討了在信息社會化背景下,以功能第一,形式服從功能為理論基礎的扁平化設計產(chǎn)生的原因:并將扁平化設計與傳統(tǒng)層級化界面設計進行比較,總結出扁平化設計在視覺界面和信息組織結構兩個方面的優(yōu)勢:最后歸納出扁平化界面設計以人為本的設計原則,以及在當代界面設計中的價值。
關鍵詞:扁平化設計 界面設計 功能性
隨著信息技術的飛速發(fā)展,多媒體技術的成熟,人們對手機等移動設備終端的關注點從技術實現(xiàn)向界面轉移。界面是人機交互的最直接層面,界面設計的好壞直接決定了用戶的體驗價值和使用效率。以功能性為核心的扁平化設計憑借其簡潔的視覺風格和高效率的界面流程倍受用戶關注和歡迎,扁平化設計將成為未來幾年最重要的設計趨勢。
一 扁平化設計的含義
扁平化設計,英文名為“Flat design”,指的是在對圖形進行設計時,簡化諸如陰影,透視,紋理,漸變等圖形裝飾效果,力求界面的簡潔統(tǒng)一,使得操作簡單的一種界面設計風格。扁平化的界面設計秉承了瑞士國際主義設計風格,版面多采用碩大突出的字體、強烈的色彩對比,從而達到吸引讀者的注意力。微軟公司最早在Windows xP的Windows Media Center中就有體現(xiàn)扁平化設計概念。2006年著名的Zune播放器開始使用類似扁平化的界面設計風格。201 O年微軟公司推出window phone,扁平化的設計風格讓大眾眼前一亮,201 1年谷歌公司發(fā)布And roid4.0并采用了扁平化的設計風格,2013年新一代蘋果手機iPhone5面世,完美的演繹了扁平化設計,并將之推向高潮。
扁平化設計吸收其精華以簡潔、清晰、快速的特點迅速成為設計界的焦點,而扁平化設計的產(chǎn)生和發(fā)展有其必然性,扁平化界面設計的出現(xiàn)是符合社會發(fā)展的現(xiàn)實需要、符合用戶心理需求、符合手機等移動設備終端自身發(fā)展需求的結果,并不是簡單的由于人們的視覺審美疲勞。
二 扁平化產(chǎn)生的現(xiàn)實需求
隨著界面顯示和樣式技術的迅猛發(fā)展,“口令式”輸入輸出的操作界面設計已經(jīng)無法滿足人們希望手機具有更多功能性的迫切需求,而擬物化界面設計由于過分裝飾甚至阻礙可自身的發(fā)展。已經(jīng)無法滿足人們對希望手機多功能性的需求,甚至阻礙了產(chǎn)品自身的發(fā)展。
首先,由于擬物化界面設計的過度裝飾,忽略了對信息進行有效規(guī)劃使用戶產(chǎn)生視覺負擔。同時,多層級式界面的信息結構較多的中間菜單項目使得在碎片化的時間段內使用手機的用戶不能及時有效地查找和閱覽信息。其次,擬物化設計跨平臺呈現(xiàn)時有限的兼容性,在很大程度上限制了自身的發(fā)展,與日益增長的用戶需求和當下快速迭代的技術是背道而馳的。
綜上所述,擬物化的視覺界面與其層級化的界面信息結構眾多弊端是其失去用戶的原因之一。而扁平化設計針對以上問題進行優(yōu)化,利用特殊的界面設計方式,創(chuàng)造出而更加符合用戶需求的“功能內容式”交互體驗設計。
三 扁平化設計功能性的具體表現(xiàn)形式
優(yōu)秀的用戶界面設計具有高度功能性和可用性的特點,并最終適合用戶。交互設計的主要目的始終是清楚地向用戶傳達信息并提供易用的界面。扁平化設計將功能性與視覺化相互結合形成符合人們心里模型的高效率可操作界面。筆者將從外向內,就扁平化設計的界面視覺表現(xiàn)特征到內部信息組織結構進行分析。
扁平化界面設計遵從少即是多的設計原則。扁平化設計在視覺上除去了界面多余的裝飾效果,其簡潔和大膽的視覺表現(xiàn)形式與以往的界面設計有著本質上的區(qū)別,更是對當代年輕用戶情感需求的捕捉和反饋。首先是圖標,扁平化圖標設計是對以往傳統(tǒng)圖標設計的抽象化和平面化,其舍棄了多余陰影、高光、投影,采用符號性極強的視覺圖形。經(jīng)過高度提煉的圖標具有更強的標示性,而且有效地提高了信息傳達的準確性和快捷性。再是字體,強調功能性的扁平化設計突破常規(guī)的字體和字號,在簡潔的界面中采用超大字號和新穎的無襯線字形突出關鍵信息,同時為文本內容創(chuàng)建良好的次序和節(jié)奏。然后是版面,傳統(tǒng)印刷排版風格被引進扁平化設計中,將超大字號的標題,亮麗的色彩和合理的信息都精密按照邏輯性的柵格系統(tǒng)排版。另外,通過獨特的留白手段不僅為用戶流出思考空間更是無形之中使內容本身更加醒目。
四 “扁平化”界面信息架構具體形態(tài)分析
1)信息組織結構優(yōu)化界面布局
無論是手機、移動設備終端和網(wǎng)頁的界面設計逐漸趨于扁平化設計,這一趨勢是界面設計以產(chǎn)品為中心設計轉向以用戶為中心設計的一個重要體現(xiàn)。以往的軟件界面信息結構是以“尖而深”的金字塔狀為主,強調信息的縱深度,利用多層級式的菜單和頁面切換進行導航,體現(xiàn)軟件的邏輯性與連貫性。但是,由于人們在使用手機或者移動設備時多處于較零散、不間斷時間內使用手機,人們需要在較短的時間內查看和閱覽更多的信息,因此界面設計應最大化地幫助用戶快速、直接地完成操作獲取有效信息。而多層級菜單和頁面切換增加了中間層的選項操作,打斷用戶的本來查詢路線甚至造成迷航現(xiàn)象。扁平化界面設計信息組織結構以“廣而扁”的魚網(wǎng)狀形式呈現(xiàn)一種體現(xiàn)信息橫向維度的特殊方式。以認知心理學為中心通過將信息板塊平鋪在界面的不同模塊中,利用開放性的信息界面一信息即界面的方式,減少或取消中間層級的信息類目從而縮短用戶訪問信息路徑,幫助用戶減少負擔,在最短的時間內快速鎖定信息目標。同時從用戶需求出發(fā)對多樣化界面模塊進行信息透明化管理,無須切換畫面,用戶即可在一個界面同時掌握多個不同子模塊的信息變化,實現(xiàn)多重數(shù)據(jù)查看,為用戶提供更加直觀的界面導航,提高信息訪問效率。
2)多樣化導航擴大隱形面積
由于手機等移動設備的屏幕尺寸較小和設備功能相對較低的緣故,大多采用多層級縱向界面分布,但若要實現(xiàn)“廣而扁”的扁平化設計,則要另辟途徑突破界面面積限制。扁平化設計利用多樣化導航方式開辟新的隱形界面。例如:扁平化設計利用特殊的panorama“環(huán)景界面”設計、翻轉方格設計、折紙式翻頁等手段增加界面的隱形面積?!碍h(huán)景界面設計”是利用界面設計元素的連續(xù)產(chǎn)生界面延伸感,通過橫向滑動,在二維的空間內展示多種類型、多種來源的信息內容。并且在滾動畫面時,由于人們生理上的“視覺殘留“,人腦記住當前屏幕所展示的內容并與其后部分頁面產(chǎn)生銜接,有效地拓寬視野。界面的方格模塊可通過橫向的翻轉顯示或隱藏同類目信息,可翻轉的圖標以更加靈活簡單的操作方式為用戶推送更多的信息。而響應式設計可以使得多媒體頁面和移動設備能夠兼容多終端,而不需要為每個終端做特定的版本,在不同設備的界面顯示條件下現(xiàn)實相同的界面結構,消除用戶的認知障礙,提供一個更加舒適的界面和良好的用戶體驗。扁平化設計從視覺到結構始終圍繞著更加人性化和多樣化的功能性設計為核心。它不僅僅是一種視覺風格的改變,更是一種設計語言和思維方式的演化。
通過以上對扁平化設計中界面視覺形式和界面信息結構方面的分析,發(fā)現(xiàn)扁平化設計與傳統(tǒng)界面設計在信息發(fā)布方式方面有著極大的差異,這些差異正是扁平化設計功能性的體現(xiàn),對于界面設計來說是有著極大價值的。
五 扁平化設計風格在界面設計中的價值
扁平化設計成為設計界新寵的另一個重要原因是其內容第一的高效性。將以內容為主、視覺為輔的扁平化界面結構引入到交互界面設計中,這對于提高使用效率和易用性有著至關重要的意義,具體價值主要表現(xiàn)在—下幾個方面:
1信息圖形化形成高效率
扁平化設計又被稱為“抽象化設計”將具體的文字信息轉換為抽象的圖形信息,提高效率,從而為界面創(chuàng)造和實現(xiàn)更多的可能性。信息的抽象化、圖形化表達自古就有,無論是文字的演變或是繪畫歷史的發(fā)展,都體現(xiàn)出用圖形符號化的必然趨勢。信息圖形化更是信息技術發(fā)展的必然趨勢。大信息時代下,人們面對大量無處理的信息無法產(chǎn)生高效率的產(chǎn)品使用,快速的生活步伐要求信息的時效性,所以扁平化設計用有序的組織形式對無序的信息歸類整理,深入探討和挖掘,將信息圖形化、抽象化并分類處理,同時兼顧準確性的方法提高界面的使用效率和易用性。圖形化信息成為扁平化的焦點,在其界面中被充分體現(xiàn),這也幫助界面保持一致性,使用戶對產(chǎn)品和應用產(chǎn)生好感和信任。信息圖形化的設計旨在更好表達內容本身,為內容服務,簡潔的外觀更好的回歸事物本身。
2符合用戶心理模型的界面設計
產(chǎn)品的界面是人與“物”交流的媒介載體,而扁平化設計正是把以物為本回歸以人為本的重要體現(xiàn)。與層級化界面設計相比,扁平化的界面設計建立在用戶認知心理的基礎上追求極簡的功能主義界面設計風格,界面即內容的信息設計手段將用戶希望迫切需要的信息放在首要畫面,為用戶提供與用戶心理模型相吻合的界面系統(tǒng),減少用戶的認知負擔。用戶模型指的是用戶建立在用戶對界面認知基礎上,用戶自身形成的對于交互做出推論和預測的深層知識基礎。同時清晰的信息呈現(xiàn)方式、直接的界面操作、簡潔的視覺畫面將信息直截了當?shù)膫鬟f給用戶,且顯而易見的符合用戶的認知習慣,在占用最底限度資源的前提下,有效地提高了產(chǎn)品的易用性,使得用戶能在較短的時間內對產(chǎn)品界面有整體的認識和把握。優(yōu)秀的界面設計必須具備滿足人們輕松流暢地完成界面操作的要求。
結語
界面的功能性是任何界面形態(tài)存在的基礎和前提。“扁平化”信息結構的優(yōu)化、信息圖形化以及多樣化形式充分地迎合了時代發(fā)展的要求。扁平化設計更是對多年來形式主義界面設計的一次沖擊。扁平化設計通過“扁平化”的信息結構和圖形化視覺語言等優(yōu)勢,試圖為人們創(chuàng)造出更具實用價值和使用價值的界面形態(tài)。筆者通過對扁平化界面設計的特點和優(yōu)勢進行分析后,總結出扁平化設計是以功能為主導的關注“以人為本”的界面設計。對于如何以人為本,提高界面的易用性和功能性方面有很高的價值。雖然在設計界關于“功能性”的話題源源不斷,但華而不實的界面設計依然是國內大多數(shù)界面設計存在的問題。對于國內界面設計的如此狀況,扁平化設計是一個值得探索的設計方向。筆者預測扁平化設計的功能化、信息化、和圖形化界面優(yōu)勢必然引領當代界面設計的潮流,筆者也將在相關領域進行更深入的研究。