龐小敏 彭進(jìn)



摘? 要:極簡(jiǎn)主義界面風(fēng)格的六條設(shè)計(jì)原則是:一、理性且簡(jiǎn)潔的網(wǎng)格設(shè)計(jì)原則;二、色調(diào)的單純性原則;三、版面的留白原則;四、圖標(biāo)設(shè)計(jì)的扁平化原則;五、無(wú)飾線體和黑體的運(yùn)用;六、交互設(shè)計(jì)的極簡(jiǎn)化原則。這些設(shè)計(jì)原則都有著存在的合理性和必要性。極簡(jiǎn)主義界面設(shè)計(jì)的六大設(shè)計(jì)原則能讓用戶產(chǎn)生更好的用戶體驗(yàn),更易獲得滿足感。
關(guān)鍵詞:用戶界面;極簡(jiǎn)主義;設(shè)計(jì)原則
基金項(xiàng)目:本文系長(zhǎng)沙理工大學(xué)青年教師成長(zhǎng)計(jì)劃項(xiàng)目“眼隨心動(dòng)——基于眼動(dòng)追蹤技術(shù)的UI界面用戶體驗(yàn)設(shè)計(jì)研究”(2019QJCZ078)研究成果。
極簡(jiǎn)主義風(fēng)格在當(dāng)今的界面設(shè)計(jì)風(fēng)格中占據(jù)著重要地位。本文對(duì)極簡(jiǎn)主義界面的設(shè)計(jì)原則進(jìn)行了細(xì)致和較為全面的總結(jié),并在此基礎(chǔ)上深入思考了極簡(jiǎn)風(fēng)成為界面設(shè)計(jì)重要風(fēng)格的內(nèi)在原因。本文將從功能性角度、視覺(jué)心理學(xué)角度、美學(xué)角度出發(fā),并結(jié)合眼動(dòng)技術(shù),剖析極簡(jiǎn)主義界面設(shè)計(jì)的設(shè)計(jì)原則和存在的內(nèi)在原因。
一、極簡(jiǎn)主義界面風(fēng)格的設(shè)計(jì)原則及原因剖析
(一)網(wǎng)格設(shè)計(jì)原則
1.網(wǎng)格設(shè)計(jì)特征
版式設(shè)計(jì)中常見(jiàn)的編排方式有三種,即古典版式設(shè)計(jì)、網(wǎng)格設(shè)計(jì)和自由版式設(shè)計(jì)。其中古典版式為傳統(tǒng)的版式設(shè)計(jì)方法,具有典雅、均衡、對(duì)稱的特點(diǎn);網(wǎng)格設(shè)計(jì)屬于現(xiàn)代主義設(shè)計(jì)風(fēng)格,版式以網(wǎng)格為基礎(chǔ),強(qiáng)調(diào)元素的對(duì)齊與版面的比例關(guān)系,追求的是一種非對(duì)稱的均衡感,具有強(qiáng)烈的功能主義和理性主義的特點(diǎn);而自由版式設(shè)計(jì)則是指設(shè)計(jì)師對(duì)版面要素進(jìn)行隨心所欲的自由安排,是極具個(gè)性化的設(shè)計(jì)風(fēng)格。
在當(dāng)前的界面設(shè)計(jì)中,除了啟動(dòng)頁(yè)和少數(shù)強(qiáng)調(diào)個(gè)性化的藝術(shù)題材的界面以外,絕大多數(shù)界面都采用網(wǎng)格設(shè)計(jì)為基礎(chǔ)的編排方式。如APP界面中常見(jiàn)的布局方式包括列表式、宮格式、陳列館式、標(biāo)簽式等,這些布局方式都是建立在網(wǎng)格的基礎(chǔ)上的。在對(duì)網(wǎng)頁(yè)進(jìn)行布局時(shí),我們一般會(huì)將界面劃分為幾個(gè)部分:頭部區(qū)域、菜單導(dǎo)航區(qū)域、內(nèi)容區(qū)域、底部區(qū)域。這種劃塊的設(shè)計(jì)方法同樣也是基于網(wǎng)格(如圖1)。
2.網(wǎng)格設(shè)計(jì)的必要性
與傳統(tǒng)紙媒相比,電腦端、手機(jī)端為主體的新媒介在使用的方式上具有交互性。傳統(tǒng)紙媒傳達(dá)內(nèi)容的數(shù)量受到紙質(zhì)版面大小的制約,而在新媒介界面中,人們可以通過(guò)點(diǎn)擊、滑動(dòng)等交互動(dòng)作,從一個(gè)版面跳轉(zhuǎn)到多個(gè)其它的頁(yè)面。因此,新媒介中傳播內(nèi)容的數(shù)量可以說(shuō)是無(wú)限的。大量的內(nèi)容如果采用密集、復(fù)雜的排版,將使受眾頭眼昏花。而網(wǎng)格設(shè)計(jì)可以將內(nèi)容按類別進(jìn)行模塊化區(qū)分,讓內(nèi)容條理清晰、井然有序,用戶可以一目了然,在最短的時(shí)間內(nèi)接收到最多的信息,并從中篩選出自己感興趣的內(nèi)容。因此,在上述三種版式設(shè)計(jì)中,網(wǎng)格設(shè)計(jì)這種最為理性且簡(jiǎn)潔的設(shè)計(jì)方法無(wú)疑是最適合的。
(二)色調(diào)的單純性原則
1.色調(diào)的單純性
極簡(jiǎn)主義風(fēng)格也被戲稱為“性冷淡風(fēng)”,這是因?yàn)闃O簡(jiǎn)主義界面的顏色常以低刺激性的淺灰色調(diào)為主,給觀眾以清冷的感覺(jué)。黑白灰就是極簡(jiǎn)主義界面設(shè)計(jì)中經(jīng)常用到的色彩,尤其是淺灰色運(yùn)用更甚,我們?cè)贛UJI無(wú)印良品(如圖2)、小米、蘋果等公司的官網(wǎng)上,就會(huì)看到大量黑白灰的運(yùn)用。還有網(wǎng)易嚴(yán)選、亞馬遜等購(gòu)物類APP上用來(lái)展示商品的“商品坑”,也都常以淺灰色為底色。
當(dāng)然,極簡(jiǎn)主義設(shè)計(jì)并非只能使用黑白灰,它同樣也可以運(yùn)用高純度的顏色。這些高純度的顏色一般還是會(huì)和黑白灰搭配、形成響亮而單純的色調(diào)的。總的來(lái)說(shuō),極簡(jiǎn)主義風(fēng)格的界面不會(huì)讓人感覺(jué)到特別熱鬧,而是單純而整體。
2.運(yùn)用單純色調(diào)的內(nèi)在原因
色調(diào)單純是極簡(jiǎn)主義界面風(fēng)格的一個(gè)重要特征,色調(diào)單純的界面具有兩個(gè)方面的優(yōu)勢(shì)。
一方面,易于形成和諧統(tǒng)一的色調(diào)。黑白灰都屬于無(wú)彩色系,屬于中性色彩。無(wú)彩色系的優(yōu)點(diǎn)在于,黑白灰的感知不需要色彩信號(hào)的引入,人對(duì)于無(wú)彩色系的認(rèn)知負(fù)擔(dān)最小。無(wú)彩色系具有很強(qiáng)的調(diào)和對(duì)比作用,使得黑白灰可以和諧地與任何彩色搭配。
在黑白灰顏色中,尤以灰色最常用于界面中,界面大面積的背景色通常都會(huì)使用淺白灰色,這是由灰色的特性決定的。灰色是色彩中最被動(dòng)的色彩,受彩色的影響極大。灰色如果靠近鮮艷的暖色,就會(huì)顯出冷靜的品格;若靠近冷色,則變?yōu)闇嘏呐疑_@種特性使得灰色能夠吸收其它色彩的活力,削弱色彩的對(duì)立面,制造出融合的效果。
另一方面,能讓用戶更快地找到目標(biāo)對(duì)象,這一點(diǎn)已經(jīng)通過(guò)眼動(dòng)實(shí)驗(yàn)得以證明。眼動(dòng)實(shí)驗(yàn)表明,顏色數(shù)量和顏色一致性均對(duì)視覺(jué)搜索效率有顯著影響,增加圖標(biāo)的顏色數(shù)量會(huì)使得圖標(biāo)的特征增加,在一定程度上會(huì)降低圖標(biāo)的視覺(jué)搜索效率。當(dāng)某圖標(biāo)的顏色數(shù)量越少時(shí),搜索效率越高。單色圖標(biāo)的搜索時(shí)間明顯小于雙色圖標(biāo)與三色圖標(biāo)[1]。
所以說(shuō),單純的色調(diào)可以減少多種色相對(duì)眼睛的干擾,有利于形成單一的傳達(dá)印象。在大面積的無(wú)彩色中,如果出現(xiàn)小面積的有彩色,那么該有彩色就會(huì)成為整個(gè)頁(yè)面的視覺(jué)焦點(diǎn),吸引用戶的注意。因此,我們可以在重要的內(nèi)容上運(yùn)用有彩色,從而方便用戶快速找到目標(biāo)對(duì)象。單純色調(diào)的運(yùn)用不光是出于整體感的美學(xué)考慮,也在于它能讓用戶更快找到目標(biāo)對(duì)象,擁有更好的用戶體驗(yàn)。
(三)版面的留白原則
1.版面的留白原則
版式設(shè)計(jì)中的“白”并不一定指的就是白色,而是指版面里圖文以外的空白處,或者說(shuō),我們可以將“白”理解為背景。在極簡(jiǎn)主義的界面設(shè)計(jì)中,往往有較多的留白。
極簡(jiǎn)主義根源于現(xiàn)代主義,是對(duì)現(xiàn)代主義風(fēng)格功能主義和理性主義設(shè)計(jì)理念的繼承和發(fā)展。極簡(jiǎn)主義主張摒棄一切無(wú)關(guān)的、多余的元素,完全靠元素本身和合理的空間安排來(lái)達(dá)到一種完美的效果。極簡(jiǎn)主義希望探索一種“簡(jiǎn)單中見(jiàn)豐富,純粹中見(jiàn)典雅”的可能方法,它屬于減法藝術(shù)。
因此,我們?cè)跇O簡(jiǎn)主義的界面設(shè)計(jì)中不會(huì)看到傳統(tǒng)的紋樣進(jìn)行裝飾,極少看到多余的線條,界面中只余主體本身。但也正因?yàn)檫@樣,主體必須有好的形式美感和空間結(jié)構(gòu)關(guān)系,這樣才能達(dá)到純粹而單純的效果。否則,給用戶留下的效果將是簡(jiǎn)單粗糙(如圖3)。
2.留白的作用
極簡(jiǎn)主義的留白并不是簡(jiǎn)單的形式問(wèn)題,更在于留白的重要作用。
首先,簡(jiǎn)潔的留白版面能夠緩解視覺(jué)疲勞且讓主體得以突出。跟書(shū)籍等傳統(tǒng)媒介相比,網(wǎng)站、APP里的資訊往往非常豐富,含有大量的視覺(jué)信息。龐雜的信息會(huì)對(duì)人的眼睛造成很大的負(fù)擔(dān),讓人眼產(chǎn)生疲勞感。那怎樣才能減少用戶的視覺(jué)疲勞并有效地傳達(dá)信息呢?心理學(xué)中的黑斑效應(yīng)反映了視覺(jué)傳達(dá)的規(guī)律。研究者在一張白紙上涂上一個(gè)黑色斑點(diǎn),該斑點(diǎn)雖然不大,但依然成為視覺(jué)的焦點(diǎn)。而當(dāng)研究者在白紙上添加上其它元素后,該黑色斑點(diǎn)的視覺(jué)中心效應(yīng)會(huì)遞減[2]。這個(gè)研究說(shuō)明,當(dāng)背景極純粹的時(shí)候,圖形的視覺(jué)傳播力會(huì)最大化。極簡(jiǎn)主義設(shè)計(jì)注重在版面設(shè)計(jì)中大量留白,不但可以摒棄掉無(wú)用的信息,讓人眼得以休息,還可以增強(qiáng)主體的中心地位,讓用戶在最短的時(shí)間內(nèi)找到目標(biāo)對(duì)象。如Google的首頁(yè)就屬于大量留白的極簡(jiǎn)設(shè)計(jì)。
此外,留白如同省略號(hào)一樣,能夠給人們帶來(lái)更多的想象空間,能給觀者創(chuàng)造一個(gè)較為輕松、愉快的氛圍,就像我國(guó)傳統(tǒng)的國(guó)畫(huà)講究通過(guò)“密不透風(fēng),疏可跑馬”以形成節(jié)奏感。界面設(shè)計(jì)中的留白同樣可以形成大小、疏密、整體與局部的形態(tài)呼應(yīng)。因此,界面設(shè)計(jì)中圖文與畫(huà)面的“留白”配置,既可以傳達(dá)感觀之美,也具有鮮明的功能性。
(四)圖標(biāo)設(shè)計(jì)的扁平化原則
1.圖標(biāo)的扁平化設(shè)計(jì)
極簡(jiǎn)主義界面設(shè)計(jì)風(fēng)格在圖標(biāo)(icon)設(shè)計(jì)上表現(xiàn)為扁平化的圖形表現(xiàn)。扁平風(fēng)從擬物風(fēng)轉(zhuǎn)變而來(lái)(如圖4)。比如iPhone初期的系統(tǒng)圖標(biāo)就以擬物風(fēng)為主。擬物風(fēng)的特點(diǎn)總的來(lái)說(shuō)就是追求實(shí)物的逼真性,突出單個(gè)圖標(biāo)的獨(dú)立性和裝飾效果。具體來(lái)說(shuō)表現(xiàn)在:模擬實(shí)物的真實(shí)造型;通過(guò)疊加紋理、材質(zhì)等模擬實(shí)物的質(zhì)感;通過(guò)疊加高光、陰影等模擬實(shí)物的空間感;擁有較為豐富的顏色和漸變效果。而現(xiàn)在iPhone的系統(tǒng)圖標(biāo)則以扁平風(fēng)為主。扁平風(fēng)的圖標(biāo)設(shè)計(jì)忽略了物體的細(xì)節(jié),保留了物體的主要特征,圖形不再是實(shí)物的完全再現(xiàn)。具體來(lái)說(shuō),扁平風(fēng)圖標(biāo)摒棄了對(duì)質(zhì)感、空間感和裝飾性的完全追求,轉(zhuǎn)而以更加抽象化、簡(jiǎn)單化和符號(hào)化的元素來(lái)表現(xiàn)主題。顏色以兩到三種為主,保留了部分的漸變效果。
2.圖標(biāo)扁平化設(shè)計(jì)的作用
首先,從設(shè)計(jì)美學(xué)的角度上來(lái)看,簡(jiǎn)潔的扁平風(fēng)圖標(biāo)設(shè)計(jì)符合當(dāng)代的美學(xué)潮流。從人類歷史上誕生照相機(jī)之后,以寫實(shí)為終極目標(biāo)的傳統(tǒng)審美便逐漸式微。而在形式上提倡簡(jiǎn)單幾何造型,并強(qiáng)調(diào)功能性的現(xiàn)代主義風(fēng)格在20世紀(jì)初崛起。之后,現(xiàn)代主義一直是世界主流的美學(xué)思想。現(xiàn)代主義支流中的新現(xiàn)代主義更是提倡極簡(jiǎn)主義。因此,扁平風(fēng)的圖標(biāo)設(shè)計(jì)是當(dāng)代美學(xué)思想的體現(xiàn)。
其次,簡(jiǎn)潔的扁平風(fēng)圖標(biāo)能讓用戶更快地找到目標(biāo)對(duì)象,從而擁有更好的用戶體驗(yàn)。簡(jiǎn)潔的圖標(biāo)能夠突出內(nèi)容主題,減弱各種漸變、陰影、高光等擬真視覺(jué)效果對(duì)用戶視線的干擾,從而減輕用戶的視覺(jué)負(fù)擔(dān)。這一點(diǎn)也通過(guò)眼動(dòng)實(shí)驗(yàn)得以證明。如胡瑩通過(guò)眼動(dòng)實(shí)驗(yàn)認(rèn)為:“視覺(jué)復(fù)雜性能夠顯著地影響被試者的視覺(jué)注意力,復(fù)雜的圖標(biāo)注視潛伏時(shí)間長(zhǎng)、注視時(shí)間短;簡(jiǎn)單的圖標(biāo)注視潛伏時(shí)間短、注視時(shí)間長(zhǎng),說(shuō)明簡(jiǎn)單的圖標(biāo)更能吸引被試者的注意力。”[3]還有常江等人對(duì)圖標(biāo)的邊框?qū)傩赃M(jìn)行了眼動(dòng)實(shí)驗(yàn),得到結(jié)論:方邊框的約束會(huì)使整體信息排列較為整齊;而無(wú)邊框圖標(biāo)放置在一起會(huì)產(chǎn)生較為復(fù)雜的感覺(jué)[4]。
此外,擬物圖標(biāo)因?yàn)檫^(guò)多的造型細(xì)節(jié)占用了大量數(shù)據(jù),占用了過(guò)多的系統(tǒng)空間,使得設(shè)備的運(yùn)算速度降低。而簡(jiǎn)潔化的圖標(biāo)設(shè)計(jì)占用的數(shù)據(jù)更少,能讓系統(tǒng)的功耗減少,從而提高運(yùn)算速度,減少設(shè)備反應(yīng)時(shí)間,讓人機(jī)交互的效率更高,讓用戶的體驗(yàn)更美好。
(五)無(wú)飾線體和黑體的運(yùn)用
拉丁文字從筆型特征上可以分為飾線體和無(wú)飾線體兩大類型。飾線體指的是文字的字腳變化而有裝飾性;無(wú)飾線體則筆劃粗細(xì)基本相等,完全拋棄了字腳變化,十分樸實(shí)、醒目。飾線體和無(wú)飾線體在中文字體中對(duì)應(yīng)的是有裝飾線的宋體和無(wú)裝飾線的黑體。
在極簡(jiǎn)主義的界面設(shè)計(jì)中,我們會(huì)發(fā)現(xiàn)設(shè)計(jì)師們基本采用無(wú)飾線體和黑體。如在IOS系統(tǒng)中,拉丁文采用San Francisco作為系統(tǒng)字體;中文則采用蘋方作為系統(tǒng)字體。而且,除了系統(tǒng)字體采用無(wú)飾線體和黑體,在界面里banner上的圖形文字也以無(wú)飾線體和黑體為主(如圖5)。
為什么極簡(jiǎn)主義要采用沒(méi)有裝飾線的字體呢?這主要是因?yàn)轱椌€體筆畫(huà)的粗細(xì)對(duì)比強(qiáng),其中細(xì)的裝飾頓角會(huì)因?yàn)橄袼馗癫粷M而產(chǎn)生模糊的效果。而無(wú)飾線字體每一個(gè)筆劃都粗細(xì)均衡,轉(zhuǎn)角銳利,可以順利占滿像素格,顯得更為清晰。而且,為了達(dá)到更高的清晰效果,“蘋方”還在傳統(tǒng)無(wú)襯線字體的基礎(chǔ)上將筆畫(huà)調(diào)整的更加纖細(xì)方正,以便筆畫(huà)的邊緣更貼近于屏幕的像素格,使得較小的字體仍然能呈現(xiàn)出較為清晰的效果。“蘋方”字體可以說(shuō)是專門為高分辨率Retina屏幕開(kāi)發(fā)的“精密像素上的字體”[5]。
(六)交互設(shè)計(jì)的極簡(jiǎn)化原則
1.交互設(shè)計(jì)的極簡(jiǎn)化
界面設(shè)計(jì)是視覺(jué)設(shè)計(jì)和交互設(shè)計(jì)的集合體。因此,極簡(jiǎn)主義界面設(shè)計(jì)不光體現(xiàn)為視覺(jué)形式的極簡(jiǎn)化,還表現(xiàn)為交互設(shè)計(jì)的極簡(jiǎn)化。具體來(lái)說(shuō),交互設(shè)計(jì)的極簡(jiǎn)化可以總結(jié)為以下幾點(diǎn)。
一是信息歸納與信息架構(gòu)的極簡(jiǎn)化[6]。信息歸納的極簡(jiǎn)化意味著要保留住重要信息,我們可以通過(guò)字體的大小,圖片的排版去強(qiáng)化主要內(nèi)容,弱化次要內(nèi)容。我們還可以將功能性弱且容易分散用戶注意力的信息進(jìn)行剔除,次要的功能元素則可以采取抽屜式等方法進(jìn)行隱藏,從而讓用戶聚焦于有價(jià)值的功能[7]。在積累了一定時(shí)間的用戶使用數(shù)據(jù)后,我們可以根據(jù)用戶的操作習(xí)慣、興趣點(diǎn)來(lái)推送相應(yīng)的內(nèi)容,從而減少非必要信息對(duì)用戶的干擾。此外,我們也可以對(duì)信息內(nèi)容進(jìn)行數(shù)據(jù)可視化處理,用簡(jiǎn)潔易懂的圖形化語(yǔ)言替代大量的文字信息,也可以達(dá)到極簡(jiǎn)化的效果。
信息架構(gòu)的極簡(jiǎn)化則意味著我們應(yīng)盡量減少信息的層級(jí),以保持架構(gòu)的扁平。同一級(jí)的信息分類要盡量相互獨(dú)立且明確,分類的數(shù)量也不宜過(guò)多。縱向的層級(jí)越短代表架構(gòu)越扁平,這樣用戶在使用產(chǎn)品時(shí)就不至于迷路,能清晰地知道自己的當(dāng)前位置。
二是操作流程的極簡(jiǎn)化。操作流程的極簡(jiǎn)化意味著操作流程要簡(jiǎn)短,盡量減少用戶的選擇項(xiàng),而且選擇的每一步都應(yīng)該是必要的、易懂的,無(wú)需用戶過(guò)多思考,連老人都知道怎樣操作。操作流程的極簡(jiǎn)化還意味著操作要方便。如“掃一掃”功能,我們應(yīng)該把它放在主流APP通常放的地方,以減少用戶的學(xué)習(xí)成本。還有手機(jī)的驗(yàn)證碼,以前手動(dòng)輸入時(shí)一般都不超過(guò)6位數(shù),現(xiàn)在更是可以不用再手動(dòng)輸入,這有效地減少了用戶的記憶負(fù)擔(dān)。
三是交互行為的極簡(jiǎn)化。我們可以巧妙地運(yùn)用手勢(shì)和搖一搖等其它交互方式,以避免過(guò)多的手動(dòng)輸入。我們也可以用左右滑動(dòng)等手勢(shì)去取代返回按鈕的點(diǎn)擊,讓交互更為流暢和快捷。
2.交互設(shè)計(jì)極簡(jiǎn)化的作用
自從20世紀(jì)70年代英國(guó)平面設(shè)計(jì)師特格拉姆第一次使用了“信息設(shè)計(jì)”這一術(shù)語(yǔ)以來(lái),信息設(shè)計(jì)就逐漸從平面設(shè)計(jì)中脫離出來(lái)。不同于主張“精美的藝術(shù)表現(xiàn)”的平面設(shè)計(jì),信息設(shè)計(jì)強(qiáng)調(diào)的是“進(jìn)行高效率的信息傳遞”。界面設(shè)計(jì)關(guān)注于界面之上的信息設(shè)計(jì),屬于信息設(shè)計(jì)的分支領(lǐng)域,因此“高效率的信息傳遞”同樣也是界面設(shè)計(jì)的主旨。
但是隨著信息爆炸時(shí)代的到來(lái),我們面臨著信息超載的問(wèn)題。而極簡(jiǎn)化的交互設(shè)計(jì),可以幫助我們進(jìn)行信息整理和簡(jiǎn)化,能讓觀眾清晰方便地閱讀和找到自己需要的信息,從而可以避免信息超載情況下人們面對(duì)信息洪流時(shí),無(wú)所適從而導(dǎo)致的焦慮感和挫敗感。
二、結(jié)語(yǔ)
在界面設(shè)計(jì)相關(guān)理論和設(shè)計(jì)實(shí)踐的基礎(chǔ)上,本文從視覺(jué)設(shè)計(jì)和交互設(shè)計(jì)兩個(gè)方向,總結(jié)了極簡(jiǎn)主義界面設(shè)計(jì)的六大設(shè)計(jì)原則:網(wǎng)格設(shè)計(jì)原則;色調(diào)的單純性原則;版面的留白原則;圖標(biāo)設(shè)計(jì)的扁平化原則;無(wú)飾線體和黑體的運(yùn)用;交互設(shè)計(jì)的極簡(jiǎn)化原則。
在此基礎(chǔ)上,本文從功能性、視覺(jué)心理學(xué)、美學(xué)、眼動(dòng)原理等不同的角度,剖析了這些設(shè)計(jì)原則存在的內(nèi)在原因:網(wǎng)格設(shè)計(jì)可以讓內(nèi)容條理清晰、井然有序,方便用戶接收并篩選信息;單純的色調(diào)有助于形成和諧統(tǒng)一的色調(diào),眼動(dòng)實(shí)驗(yàn)證明單純的色調(diào)能讓用戶更快的找到目標(biāo)對(duì)象;版面的留白能夠緩解視覺(jué)疲勞且讓主體得以突出,能給人們帶來(lái)更多的想象空間,能給觀者創(chuàng)造一個(gè)較為輕松愉快的氛圍;簡(jiǎn)潔的扁平風(fēng)圖標(biāo)設(shè)計(jì)符合當(dāng)代的美學(xué)潮流,眼動(dòng)實(shí)驗(yàn)證明扁平風(fēng)圖標(biāo)能讓用戶更快地找到目標(biāo)對(duì)象,能減少設(shè)備反應(yīng)時(shí)間;與飾線體相比,無(wú)飾線字體能達(dá)到更高的清晰效果;極簡(jiǎn)化的交互設(shè)計(jì),可以讓用戶聚焦于有價(jià)值的功能,讓用戶在使用產(chǎn)品時(shí)清晰地知道自己的當(dāng)前位置,減少用戶的學(xué)習(xí)成本和記憶負(fù)擔(dān),能讓交互更為流暢和快捷,并避免人們?cè)谛畔⒊d情況下產(chǎn)生的焦慮感和挫敗感。
總的來(lái)說(shuō),極簡(jiǎn)主義界面設(shè)計(jì)的六大設(shè)計(jì)原則能讓用戶產(chǎn)生更好的用戶體驗(yàn),更易獲得滿足感。
參考文獻(xiàn):
[1]宮勇,張三元,劉志方,沈法.顏色對(duì)圖標(biāo)視覺(jué)搜索效率影響的眼動(dòng)研究[J].浙江大學(xué)學(xué)報(bào)(工學(xué)版),2016(10):1987-1994.
[2]雷青.極簡(jiǎn)主義風(fēng)格在版面設(shè)計(jì)中的應(yīng)用研究[J].出版廣角,2017(1):50-52.
[3]胡瑩.圖標(biāo)設(shè)計(jì)要素對(duì)視覺(jué)注意和舒適度的影響研究[J].包裝工程,2021(6):232-238.
[4]常江,徐小哲,鞏雪.基于眼動(dòng)實(shí)驗(yàn)的智能設(shè)備界面圖標(biāo)設(shè)計(jì)優(yōu)化[J].哈爾濱商業(yè)大學(xué)學(xué)報(bào)(自然科學(xué)版),2019(4):426-431.
[5]崔曉菁.基于極簡(jiǎn)主義思想的蘋果手機(jī)用戶界面設(shè)計(jì)研究[D].杭州:中國(guó)美術(shù)學(xué)院,2018.
[6]龐祎.極簡(jiǎn)化設(shè)計(jì)在移動(dòng)端APP中的應(yīng)用研究——以“睿意新生”眾籌APP為例[D].武漢:華中科技大學(xué),2016.
[7]孟霄.手機(jī)游戲界面極簡(jiǎn)化設(shè)計(jì)研究[D].武漢:華中師范大學(xué),2014.
作者簡(jiǎn)介:
龐小敏,碩士,長(zhǎng)沙理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院講師。
彭進(jìn),碩士,長(zhǎng)沙理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院講師。
編輯:劉貴增