什么是扁平化設(shè)計(jì)
扁平化設(shè)計(jì)是一種極簡(jiǎn)主義的美術(shù)設(shè)計(jì)風(fēng)格,通過(guò)簡(jiǎn)單的圖形、字體和顏色的組合,來(lái)達(dá)到直觀、簡(jiǎn)潔的設(shè)計(jì)目的。扁平化設(shè)計(jì)風(fēng)格比較常見(jiàn)于傳統(tǒng)媒體,比如雜志、公交指示牌等處。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展,扁平化設(shè)計(jì)風(fēng)格越來(lái)越多應(yīng)用于軟件、網(wǎng)站等人機(jī)交互界面,以迎合使用者對(duì)信息快速閱讀和吸收的要求。與扁平化設(shè)計(jì)風(fēng)格相對(duì)的是偏向?qū)憣?shí)的擬物化設(shè)計(jì)風(fēng)格。要設(shè)計(jì)出好的扁平化界面,必須拋棄所有擬物風(fēng)格的技巧。我們可以通過(guò)一張圖來(lái)了解擬物化設(shè)計(jì)的主要特點(diǎn),把這些特點(diǎn)統(tǒng)統(tǒng)扔掉,就是扁平化設(shè)計(jì)的特征:
極簡(jiǎn)的元素
扁平化設(shè)計(jì)追求的是一切極其的簡(jiǎn)潔、簡(jiǎn)單,反對(duì)使用復(fù)雜的、不明確的元素。在設(shè)計(jì)扁平化風(fēng)格界面時(shí),特別是在圖標(biāo)的設(shè)計(jì)時(shí),應(yīng)該遵循極簡(jiǎn)原則。復(fù)雜的、含義模糊的元素將會(huì)造成使用者的困擾,這與扁平化設(shè)計(jì)風(fēng)格直觀、簡(jiǎn)潔的總原則是相違背的。只有采用足夠簡(jiǎn)約的設(shè)計(jì)元素,才能達(dá)到最好的展示效果。
貼切的圖標(biāo)
在設(shè)計(jì)圖標(biāo)時(shí),必須使用與所對(duì)應(yīng)功能緊密關(guān)聯(lián)的圖標(biāo)元素,并且這個(gè)元素應(yīng)是通用的、廣為人知的,基本不受地域、種族、文化、語(yǔ)言等因素影響。絕對(duì)禁止使用一些定義模糊,寓意不清的元素,或者某些行業(yè)特有的,某些領(lǐng)域?qū)S玫脑亍1热缭谙旅孢@張圖中,如果設(shè)計(jì)師要表達(dá)的是“分享”這一功能,那么顯然右側(cè)的圖標(biāo)更具有通用性:
更多的圓角
在產(chǎn)品設(shè)計(jì)中,設(shè)計(jì)師經(jīng)常會(huì)采用圓角設(shè)計(jì),以防止在產(chǎn)品使用過(guò)程中對(duì)使用者造成傷害,這種人性化的設(shè)計(jì)深受使用者的歡迎。同樣的道理,在用戶界面設(shè)計(jì)過(guò)程中,使用一些圓角圖案,不但會(huì)使設(shè)計(jì)更具親和力,也會(huì)讓使用者更容易接受設(shè)計(jì)者的設(shè)計(jì)意圖。這也符合大眾追求圓潤(rùn)、圓滿的心理需求,下面的圖例就可以充分表明這一情況:
中性之美
在扁平化設(shè)計(jì)中,色彩的應(yīng)用極為重要。由于拋棄了擬物化設(shè)計(jì)風(fēng)格的漸變、高光等特效,只能使用純色塊來(lái)進(jìn)行設(shè)計(jì),那么在色彩的搭配和選擇上就極有講究。為了能讓使用者舒適的閱讀、使用設(shè)計(jì)者的作品,不造成眼睛疲勞或者其它不適感,設(shè)計(jì)師應(yīng)盡量選擇中性的顏色。也就是說(shuō),要避免使用飽和度過(guò)高的純色,比如純紅、純綠、純藍(lán)等顏色,因?yàn)檫@些顏色在展示的時(shí)候會(huì)非常刺眼,嚴(yán)重影響使用者的視覺(jué)體驗(yàn)。同樣可以通過(guò)下面的圖片來(lái)對(duì)比兩者之間的差異:
鮮明的對(duì)比
在色彩的應(yīng)用中,要注意顏色之間的對(duì)比,只有通過(guò)鮮明的顏色對(duì)比,才能迅速抓住使用者的眼球,讓設(shè)計(jì)師的意圖表現(xiàn)的更加明確。通常的技巧是,通過(guò)亮度、色溫、對(duì)比色、互補(bǔ)色等等手段來(lái)實(shí)現(xiàn)顏色的對(duì)比,應(yīng)盡量避免使用參數(shù)相近的顏色,這樣的顏色搭配會(huì)使閱讀困難,甚至?xí)斐墒褂谜叩臉O度不適。可以通過(guò)下面的這張圖來(lái)體會(huì)其中的奧妙:
字體的選擇
在扁平化設(shè)計(jì)風(fēng)格中,因?yàn)樽非髽O致的簡(jiǎn)潔,力求最快速、最直觀的表達(dá)設(shè)計(jì)者的意圖,所以在字體的選擇上,也是以簡(jiǎn)潔、清爽為標(biāo)準(zhǔn)。應(yīng)采用通用的、筆劃清晰的字體,避免使用字跡不清的字體,比如草書(shū),特殊字體等,也應(yīng)該避免使用已經(jīng)不再流通的字體,比如古代甲骨文、篆體字等等(特殊用途除外)。對(duì)于中文字體來(lái)說(shuō),諸如雅黑、幼圓或者細(xì)黑等字體都是不錯(cuò)的選擇。英文字體也是同樣的道理,如下圖所示:
善用灰色
黑色、白色和灰色在扁平化設(shè)計(jì)中至關(guān)重要,由于采用了大量的色塊,難免給用戶以眼花繚亂的感覺(jué)。所以在有的時(shí)候,設(shè)計(jì)師為了突出重點(diǎn),可減少色塊的使用,而轉(zhuǎn)由使用一種或者二種主要的顏色來(lái)突出主體,其它部門(mén)則通過(guò)灰色來(lái)表達(dá)。由于灰色與任何顏色都不沖突,所以在設(shè)計(jì)時(shí),巧妙的使用灰色,將起到意想不到的效果。正確的使用灰色,將使主體更明確和突出,更容易被使用者接受。
擬物設(shè)計(jì)的轉(zhuǎn)型
對(duì)于原有的擬物設(shè)計(jì)風(fēng)格,如果要向扁平化設(shè)計(jì)轉(zhuǎn)型,那么只需要將原來(lái)設(shè)計(jì)風(fēng)格逐一拋棄,分別去除描邊、陰影、漸變、高光等等特效,讓設(shè)計(jì)回歸本原,用最簡(jiǎn)潔的幾何圖型和最清晰的顏色來(lái)表達(dá)設(shè)計(jì)者的靈感。當(dāng)然扁平化設(shè)計(jì)雖然有許多的優(yōu)點(diǎn),但也并不是萬(wàn)能藥,并不是所有場(chǎng)合都適用扁平化設(shè)計(jì),設(shè)計(jì)師要根據(jù)情況選擇正確的設(shè)計(jì)風(fēng)格,從而達(dá)到最佳的設(shè)計(jì)效果。