隨著數(shù)字終端設(shè)備的發(fā)展,UI設(shè)計(jì)走向扁平化成為當(dāng)下的重大設(shè)計(jì)轉(zhuǎn)向。為了追求便捷、準(zhǔn)確、高效與沉浸式的體驗(yàn),UI設(shè)計(jì)經(jīng)歷了從"擬物化"到"扁平化"的轉(zhuǎn)型。扁平化的實(shí)質(zhì)是對(duì)極簡(jiǎn)主義的追求,設(shè)計(jì)風(fēng)格流行的背后主要是受到認(rèn)知因素、技術(shù)因素和視知覺(jué)因素的影響。根據(jù)格式塔心理學(xué)視知覺(jué)理論,當(dāng)前的UI扁平化設(shè)計(jì)主要是在形狀、色彩與運(yùn)動(dòng)三方面予以應(yīng)用。但設(shè)計(jì)師們對(duì)平衡與簡(jiǎn)化的過(guò)度向往,也使得UI設(shè)計(jì)存在著文化功能性弱化、情感體驗(yàn)性匱乏的缺陷。 

【文章來(lái)源】：長(zhǎng)沙大學(xué)學(xué)報(bào). 2019,33(01)

【文章頁(yè)數(shù)】：6 頁(yè)

【部分圖文】：

WindowsXP系統(tǒng)界面(二)UI設(shè)計(jì)的再次扁平化轉(zhuǎn)向

和現(xiàn)實(shí)的差異被擬物化的設(shè)計(jì)風(fēng)格所拉近，用戶(hù)觀(guān)看XP界面的時(shí)候，就如同觀(guān)看一個(gè)真實(shí)的窗口。與此同時(shí)，蘋(píng)果的MACOSX也在設(shè)計(jì)中加入了擬物化元素。任務(wù)欄模擬光潔細(xì)膩的透明玻璃式樣，圖標(biāo)極具真實(shí)感，為用戶(hù)提供了一個(gè)高度仿真的視覺(jué)環(huán)境。此后十年，UI設(shè)計(jì)由兩大廠(chǎng)商領(lǐng)頭，在擬物化的軌道上不斷完善，每一次版本升級(jí)都對(duì)前作UI進(jìn)行了細(xì)節(jié)上的優(yōu)化，精細(xì)、仿真、追求身臨其境的交互效果是這個(gè)階段UI設(shè)計(jì)的大方向。圖2WindowsXP系統(tǒng)界面(二)UI設(shè)計(jì)的再次扁平化轉(zhuǎn)向圖3蘋(píng)果手機(jī)的UI圖標(biāo)設(shè)計(jì)UI設(shè)計(jì)在擬物化道路上精益求精地堅(jiān)持了十余年，突然迎來(lái)了一次顛覆性的逆轉(zhuǎn)———扁平化風(fēng)格的再現(xiàn)。2006年，微軟推出了著名的Zune播放器，開(kāi)始使用類(lèi)似扁平化的界面設(shè)計(jì)風(fēng)格。在接下來(lái)的微軟Windows8和WindowsPhone推出的metro風(fēng)格UI系統(tǒng)中，扁平化風(fēng)格令用戶(hù)為之驚艷。在手機(jī)UI設(shè)計(jì)領(lǐng)域也是如此，Windows首先推出了Win-dowsPhone7這一以扁平化風(fēng)格為主導(dǎo)的手機(jī)系統(tǒng)。在此之后，堅(jiān)持?jǐn)M物化UI多年的蘋(píng)果也在IOS7中開(kāi)始拋棄前幾代IOS精細(xì)仿真的擬物化風(fēng)格，取消了陰影、漸變、高光等擬物化細(xì)節(jié)，代之以扁平化的視覺(jué)設(shè)計(jì)(見(jiàn)圖3)。與曾經(jīng)盛行的擬物化設(shè)計(jì)相比，扁平化設(shè)計(jì)風(fēng)格完全反其道而行之，極盡簡(jiǎn)約之能事，以大色塊和簡(jiǎn)明結(jié)構(gòu)概括圖標(biāo)功能，醒目易讀的視覺(jué)效果讓用戶(hù)習(xí)慣了擬物化UI的雙眼和大腦突然得到解放。在以Windows、蘋(píng)果為代表的大廠(chǎng)商實(shí)踐下，扁平化風(fēng)格目前是在UI領(lǐng)域最受歡迎的設(shè)計(jì)樣式。二扁平化風(fēng)格的流行原因扁平化設(shè)計(jì)又被譯作“最小化設(shè)計(jì)”“最

椒?在扁平化設(shè)計(jì)中選取的圖式形狀以簡(jiǎn)單、易認(rèn)為基本準(zhǔn)則。設(shè)計(jì)師一般從概念出發(fā)，提取大眾認(rèn)知中符合此概念的典型元素作為視覺(jué)圖像。但在提取過(guò)程中，典型圖形的外觀(guān)常常是具有清晰特征的刺激式樣。由于UI一般需要同時(shí)顯示大量信息，若干不規(guī)則形狀同時(shí)出現(xiàn)在同一平面上時(shí)，會(huì)導(dǎo)致視覺(jué)產(chǎn)生尖銳化的認(rèn)知傾向，令畫(huà)面觀(guān)感雜亂，因此，在設(shè)計(jì)圖標(biāo)和模塊的時(shí)候，設(shè)計(jì)師需要注意圖形特征和形狀的平衡。比如，設(shè)計(jì)師常常使用規(guī)則、對(duì)稱(chēng)的外延形狀和具有典型特征的內(nèi)部形狀進(jìn)行組合式設(shè)計(jì)(見(jiàn)圖5)，或是將對(duì)象的外延整平化為對(duì)稱(chēng)圖形(見(jiàn)圖6)，易于辨認(rèn)，也有利于視覺(jué)觀(guān)感上的舒適。圖5外部規(guī)整化圖標(biāo)設(shè)計(jì)示例圖6整平化圖標(biāo)設(shè)計(jì)示例2．色彩色彩本身攜帶著信息。雖然作為信息傳遞的工具，形狀比色彩有效得多，但色彩傳遞給觀(guān)眾的直觀(guān)感受是形狀無(wú)法替代的。阿恩海姆認(rèn)為，對(duì)色彩反應(yīng)的直接特征，是觀(guān)察者的被動(dòng)性和經(jīng)驗(yàn)的直接性，而對(duì)形狀的知覺(jué)則來(lái)自觀(guān)察者積極的控制。UI設(shè)計(jì)雖然是一門(mén)依附于數(shù)字終端制造技術(shù)的設(shè)計(jì)門(mén)類(lèi)，但時(shí)至今日，以用戶(hù)為中心成為了UI設(shè)計(jì)師的核心理念。因此，UI設(shè)計(jì)中的色彩選擇應(yīng)與UI受眾相關(guān)聯(lián)。為不同用戶(hù)群設(shè)計(jì)，UI色彩的選擇也不同。諾基亞WindowsPhone追求年輕、現(xiàn)代、時(shí)尚的工業(yè)設(shè)計(jì)風(fēng)格，外殼使用明亮的純色，因此搭配了高飽和度的UI配色，令人快速被吸引注意力，十分醒目。一些網(wǎng)站、APP等需要制造特定氛圍的UI場(chǎng)合，常使用符合自身定位的配色方案，如飽和度低，色彩搭配和諧的復(fù)古色，給人一種柔和舒適的視覺(jué)觀(guān)感，適用于生活類(lèi)、時(shí)尚類(lèi)UI;色彩統(tǒng)一的單一系配色


本文編號(hào)：3548505