亚洲免费av电影一区二区三区,日韩爱爱视频,51精品视频一区二区三区,91视频爱爱,日韩欧美在线播放视频,中文字幕少妇AV,亚洲电影中文字幕,久久久久亚洲av成人网址,久久综合视频网站,国产在线不卡免费播放

        ?

        淺談扁平化設(shè)計在移動終端界面設(shè)計中的優(yōu)勢

        2016-10-22 03:21:01廖騰峰陳靜
        中國設(shè)備工程 2016年11期
        關(guān)鍵詞:界面用戶設(shè)計

        廖騰峰,陳靜

        (廣西工業(yè)職業(yè)技術(shù)學(xué)院,廣西 南寧 530001)

        淺談扁平化設(shè)計在移動終端界面設(shè)計中的優(yōu)勢

        廖騰峰,陳靜

        (廣西工業(yè)職業(yè)技術(shù)學(xué)院,廣西 南寧 530001)

        目前移動終端設(shè)備界面設(shè)計主要有擬物化設(shè)計和扁平化設(shè)計兩種設(shè)計風(fēng)格,而扁平化設(shè)計之所以成為主要的設(shè)計趨勢,除了在設(shè)計風(fēng)格上崇尚極簡帶來清新的感覺外,在使用體驗上也具有自身的優(yōu)勢。

        擬物化設(shè)計;扁平化設(shè)計;移動終端設(shè)備;界面設(shè)計

        隨著通信網(wǎng)絡(luò)科技的創(chuàng)新發(fā)展,手機、平板電腦、智能穿戴等移動終端設(shè)備已經(jīng)成為人們?nèi)粘I钪胁豢扇鄙俚囊环N工具。移動終端設(shè)備的界面設(shè)計至關(guān)重要,它能從視覺傳達和操作體驗上滿足用戶訴求,決定著一款產(chǎn)品的成敗。[1]近年來,Google、Microsoft、iPhone,三大廠商越來越多產(chǎn)品的GUI(用戶圖形界面)更“扁平化”了,之所以從原來的擬物化設(shè)計轉(zhuǎn)而運用扁平化設(shè)計風(fēng)格,并不是因為大眾審美疲勞和為了盲目的迎合設(shè)計流行趨勢,而主要是因為人們對智能化的生活訴求變化所導(dǎo)致的。隨著智能化生活的發(fā)展變化,擬物化設(shè)計在產(chǎn)品運用上的問題越來越凸顯,而扁平化設(shè)計卻更適應(yīng)新時代的需求而獲得推廣發(fā)展。

        1 擬物化設(shè)計風(fēng)格

        1.1擬物化設(shè)計的發(fā)展

        擬物化設(shè)計是將界面中的可視化對象和操作對照現(xiàn)實世界中的對象與操作進行模擬,使用戶能快速領(lǐng)會如何使用它。[2]在移動終端設(shè)備發(fā)展初期,界面設(shè)計的理念是讓不同年齡、不同經(jīng)歷的人拿到設(shè)備后能快速輕松地掌握其使用方法,設(shè)計師根據(jù)人們對事物的認(rèn)知習(xí)慣,在界面設(shè)計中利用擬物化設(shè)計,達到使人們快速理解和掌握其操作的目的。一個經(jīng)典的案例就是按鈕效果的設(shè)計,用手按下按鈕,按鈕就會伴隨著凹陷和突起動態(tài)效果,這樣的擬物化設(shè)計通俗易懂,十分受人們歡迎。擬物化設(shè)計在藝術(shù)審美性,直觀性,引導(dǎo)性方面的優(yōu)勢非常明顯,因此在移動終端界面設(shè)計中獲得廣泛應(yīng)用。

        1.2擬物化設(shè)計的缺陷

        隨著普適計算的發(fā)展,人們對移動終端設(shè)備的使用訴求從“視覺享受”已經(jīng)轉(zhuǎn)變到“隨心使用”,人們使用移動終端設(shè)備變得越來越純粹,就是執(zhí)行所需的任務(wù),獲取信息,因此界面設(shè)計也隨著人們的使用習(xí)慣發(fā)生改變,開始放棄絢麗多彩的界面特效,更專注于信息和任務(wù)本身。在數(shù)字化的信息時代,用戶更希望快速獲取經(jīng)過加工處理的,更有意義的數(shù)據(jù)信息,比如一個獲取氣溫APP應(yīng)用,其界面更傾向于信息展示,使用戶更高效的獲取信息,而不是將界面刻意設(shè)計成實體溫度計的樣子,這樣反而會降低使用效率。同時,在移動終端的屏幕上,存在著物理反饋的先天不足,比如現(xiàn)實中按下一個按鈕,人們能感受到它的彈性和彈力,但在手機界面中無法實現(xiàn),因此擬物化設(shè)計事實上沒有達到預(yù)期效果。隨著智能化生活時代的發(fā)展,人們對移動終端設(shè)備訴求的轉(zhuǎn)變要求在產(chǎn)品界面設(shè)計上更注重用戶體驗,而擬物化設(shè)計存在的缺陷,使得人們用它的理由越來越少。

        2 扁平化設(shè)計風(fēng)格

        扁平化設(shè)計最早出現(xiàn)在20世紀(jì)40年代瑞士風(fēng)格的設(shè)計中,主要是因為響應(yīng)在不同屏幕尺寸的設(shè)備上的設(shè)計需要,最近幾年,特別是2013年蘋果公司推出IOS7系統(tǒng)后才逐漸成為流行,它的設(shè)計理念主要是圍繞消除盡可能多的視覺噪聲,為用戶提供一個專注和快速加載的體驗。扁平化設(shè)計是一種極簡主義美學(xué),目的是使人們的注意力從過分聚焦在界面元素的狀態(tài),回歸為重視內(nèi)容本身,這種設(shè)計迎合了當(dāng)前用戶對信息快速獲取的訴求,因而獲得大眾認(rèn)可并發(fā)展成為移動終端界面設(shè)計的主流風(fēng)格。

        3 扁平化設(shè)計的優(yōu)勢

        扁平化設(shè)計在移動終端界面設(shè)計中之所以受大眾歡迎,并不是因為它迎合了視覺上的新奇,而是它能為移動終端設(shè)備中遇到的問題提供最合適的設(shè)計解決方案。相比擬物化設(shè)計,扁平化設(shè)計具有以下優(yōu)勢:

        3.1響應(yīng)性

        隨著移動終端設(shè)備屏幕分辨率的提高,在特定尺寸下,擬物化設(shè)計需要大量視覺細(xì)節(jié),必然會使用到更多的顏色,從而使GUI的數(shù)據(jù)量成倍增加,占用更多的系統(tǒng)資源,再加上隨著屏幕尺寸的不斷增大圖標(biāo)的尺寸也隨之增加,這樣勢必會占用更多的系統(tǒng)空間,極為影響用戶快速流暢的體驗訴求。而扁平化的設(shè)計對細(xì)節(jié)元素的使用極為克制,其設(shè)計的核心便是簡約,使界面“減負(fù)”,不需要耗費太多的系統(tǒng)資源,因此扁平化設(shè)計具有快速響應(yīng)的優(yōu)勢。

        3.2交互性

        良好的交互界面和交互功能給與客戶良好的體驗,目前主流手機的屏幕在5~6英寸之間,而平板電腦的屏幕比這更大,移動終端設(shè)備屏幕尺寸的增加,使得手指完成任務(wù)操作的路徑增長,擬物化設(shè)計風(fēng)格在按鈕設(shè)計上,實際的點觸響應(yīng)區(qū)域要大于視覺限定的區(qū)域,手指即使未精確點擊到視覺上的按鈕區(qū)域,也會觸發(fā)返回的動作,容易造成誤操作。[3]而扁平化設(shè)計對點擊區(qū)域邊緣模糊化的處理在一定程度上釋放了用戶的操作壓力。如圖1所示。同時,采用這樣的扁平化處理,弱化了按鈕的視覺形象,同時增強了整個界面的整體感和一體化的方向感的視覺效果,有更好的用戶體驗。

        圖1  視覺響應(yīng)區(qū)與實際響應(yīng)區(qū)示意圖

        3.3效率性

        從設(shè)計開發(fā)角度來看,采用擬物化設(shè)計一款圖標(biāo),需要制作十幾款不同大小的圖標(biāo)以兼容不同屏幕分辨率下的正常呈現(xiàn),設(shè)計師不得不投入大量時間與精力用規(guī)范的形態(tài)來控制圖標(biāo)或界面設(shè)計在紋理、陰影、縱深以及色彩上的統(tǒng)一,而且擬物化設(shè)計要將現(xiàn)實生活中的事物在二維環(huán)境下完美重現(xiàn)本身就會增加開發(fā)時間和難度。扁平化設(shè)計采用的是矢量元素,具有快速執(zhí)行和修正的特性,這也是目前扁平化設(shè)計流行的一大因素之一。扁平化設(shè)計無論開發(fā)效率還是成本上都優(yōu)于擬物化設(shè)計。

        3.4呈現(xiàn)性

        首先,人們需要在不同的場合,使用不同的移動終端設(shè)備使生活更加信息化,智能化。因此移動終端設(shè)備中的界面設(shè)計需要在多個平臺具備一致性的呈現(xiàn)。擬物化設(shè)計在智能穿戴設(shè)備上將一個細(xì)節(jié)豐富的圖標(biāo)縮小到小屏幕上呈現(xiàn)會造成細(xì)節(jié)的全部丟失,識別性也幾乎很難保證。扁平化設(shè)計的設(shè)計語言主要是線條和色塊的應(yīng)用,線條和色塊的可延展性保證了其在不同設(shè)備,不同屏幕尺寸,不同分辨率可的自適應(yīng),以及更強的識別性。其次,扁平化設(shè)計利用簡單元素、幾何圖形與鮮艷色彩的搭配表達信息,強調(diào)方案的簡單與清晰特性,更少的界面元素使得界面更加簡潔明了,可以更加簡單直接的將信息和事物的工作方式呈現(xiàn)出來。[4]因此,扁平化設(shè)計具有更好的呈現(xiàn)性。

        3.5傳達性

        一方面,擬物化的缺點在于對所擬實物的斷代認(rèn)知,造成功能傳達的不清晰,比如計時器的設(shè)計,相對于沒有使用過秒表的人來說,扁平化設(shè)計更具有功能傳達準(zhǔn)確的優(yōu)勢。如圖2所示。另一方面,移動終端設(shè)備的擬物化設(shè)計難以表達復(fù)雜的功能和抽象的概念。比如常用的復(fù)制粘貼圖標(biāo),就難以使用擬物化的圖標(biāo)進行表達,而利用扁平化設(shè)計,依靠文字最直白的表述和最扁平的圖形來傳達給用戶,是最直觀的表達方式。

        4 結(jié)語

        移動終端界面設(shè)計風(fēng)格的選取,并不是看它是否符合當(dāng)前的流行風(fēng)格,而是取決于具體的實際使用情況。扁平化設(shè)計并不是簡單的將圖標(biāo)壓扁,使界面扁平,視覺上的扁平化只是外在的表現(xiàn),其深層次的含義是信息架構(gòu)的扁平化,交互體驗的扁平化,建立一整套完整的視覺傳達方案,設(shè)計統(tǒng)一的標(biāo)準(zhǔn)化的符號標(biāo)識和操作邏輯幫助用戶快速識別出信息和功能的層級關(guān)系,為用戶帶來最佳的體驗。扁平化設(shè)計與擬物設(shè)計并不是對立,扁平化設(shè)計與擬物化設(shè)計風(fēng)格的互補,會是未來移動終端界面設(shè)計的發(fā)展趨勢。

        [1] 李亭.基于用戶體驗的智能手機APP界面設(shè)計研究[D].太原理工大學(xué),2015.

        [2] 李佳.界面設(shè)計中的扁平化設(shè)計與擬物化設(shè)計之探議[J].藝術(shù)與設(shè)計(理論),2014(03).

        [3] 邱燁.淺析手機界面從擬物化到扁平化的衍變[D].西北大學(xué),2015.

        [4] 宋方.析“扁平化”手機界面設(shè)計[J].包裝工程,2012,33(014):60~63.

        圖2  計時器扁平化設(shè)計和秒表設(shè)計的對比

        TN929.5

        A

        1671-0711(2016)09(上)-0112-02

        猜你喜歡
        界面用戶設(shè)計
        國企黨委前置研究的“四個界面”
        瞞天過?!律O(shè)計萌到家
        基于FANUC PICTURE的虛擬軸坐標(biāo)顯示界面開發(fā)方法研究
        設(shè)計秀
        海峽姐妹(2017年7期)2017-07-31 19:08:17
        有種設(shè)計叫而專
        Coco薇(2017年5期)2017-06-05 08:53:16
        關(guān)注用戶
        商用汽車(2016年11期)2016-12-19 01:20:16
        人機交互界面發(fā)展趨勢研究
        關(guān)注用戶
        商用汽車(2016年6期)2016-06-29 09:18:54
        關(guān)注用戶
        商用汽車(2016年4期)2016-05-09 01:23:12
        手機界面中圖形符號的發(fā)展趨向
        新聞傳播(2015年11期)2015-07-18 11:15:04
        精品一区二区三区老熟女少妇| 狠狠躁夜夜躁人人爽天天不卡软件 | 精品无码一区二区三区的天堂| 精品乱码久久久久久久| 91福利国产在线观看一区二区| 亚洲二区三区在线播放| 一区二区黄色在线观看| 国产成人久久精品一区二区三区| 无码中文字幕加勒比一本二本| 国产伪娘人妖在线观看| av成人一区二区三区| 亚洲图片日本视频免费| 国产最新网站| 日本在线中文字幕一区二区| 国产精品女同一区二区免费站| 久久久久亚洲av片无码下载蜜桃| 无码免费人妻超级碰碰碰碰| 狼人狠狠干首页综合网| 亚洲av成人精品一区二区三区 | 久久精品免费无码区| 精品av一区二区在线| 久久不见久久见www日本网| 精品国内自产拍在线观看| 波多野结衣一区二区三区免费视频 | 伊人狼人大香线蕉手机视频| 无码人妻久久一区二区三区蜜桃| 国产999精品久久久久久| 亚洲αv在线精品糸列| 久草视频这里只有精品| 亚洲熟妇无码一区二区三区导航 | 国产成人高清视频在线观看免费| 欧美xxxxx在线观看| 免费a级毛片无码a| 日本精品久久性大片日本| 日韩极品视频免费观看| 夜先锋av资源网站| 日本不卡一区二区高清中文| 男女打扑克视频在线看| 国产精品嫩草99av在线| 热久久网站| 一区二区三区在线日本视频 |