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