格式塔心理學視知覺理論在UI扁平化設計中的應用
發(fā)布時間:2021-12-23 12:46
隨著數字終端設備的發(fā)展,UI設計走向扁平化成為當下的重大設計轉向。為了追求便捷、準確、高效與沉浸式的體驗,UI設計經歷了從"擬物化"到"扁平化"的轉型。扁平化的實質是對極簡主義的追求,設計風格流行的背后主要是受到認知因素、技術因素和視知覺因素的影響。根據格式塔心理學視知覺理論,當前的UI扁平化設計主要是在形狀、色彩與運動三方面予以應用。但設計師們對平衡與簡化的過度向往,也使得UI設計存在著文化功能性弱化、情感體驗性匱乏的缺陷。
【文章來源】:長沙大學學報. 2019,33(01)
【文章頁數】:6 頁
【部分圖文】:
WindowsXP系統(tǒng)界面(二)UI設計的再次扁平化轉向
和現實的差異被擬物化的設計風格所拉近,用戶觀看XP界面的時候,就如同觀看一個真實的窗口。與此同時,蘋果的MACOSX也在設計中加入了擬物化元素。任務欄模擬光潔細膩的透明玻璃式樣,圖標極具真實感,為用戶提供了一個高度仿真的視覺環(huán)境。此后十年,UI設計由兩大廠商領頭,在擬物化的軌道上不斷完善,每一次版本升級都對前作UI進行了細節(jié)上的優(yōu)化,精細、仿真、追求身臨其境的交互效果是這個階段UI設計的大方向。圖2WindowsXP系統(tǒng)界面(二)UI設計的再次扁平化轉向圖3蘋果手機的UI圖標設計UI設計在擬物化道路上精益求精地堅持了十余年,突然迎來了一次顛覆性的逆轉———扁平化風格的再現。2006年,微軟推出了著名的Zune播放器,開始使用類似扁平化的界面設計風格。在接下來的微軟Windows8和WindowsPhone推出的metro風格UI系統(tǒng)中,扁平化風格令用戶為之驚艷。在手機UI設計領域也是如此,Windows首先推出了Win-dowsPhone7這一以扁平化風格為主導的手機系統(tǒng)。在此之后,堅持擬物化UI多年的蘋果也在IOS7中開始拋棄前幾代IOS精細仿真的擬物化風格,取消了陰影、漸變、高光等擬物化細節(jié),代之以扁平化的視覺設計(見圖3)。與曾經盛行的擬物化設計相比,扁平化設計風格完全反其道而行之,極盡簡約之能事,以大色塊和簡明結構概括圖標功能,醒目易讀的視覺效果讓用戶習慣了擬物化UI的雙眼和大腦突然得到解放。在以Windows、蘋果為代表的大廠商實踐下,扁平化風格目前是在UI領域最受歡迎的設計樣式。二扁平化風格的流行原因扁平化設計又被譯作“最小化設計”“最
椒?在扁平化設計中選取的圖式形狀以簡單、易認為基本準則。設計師一般從概念出發(fā),提取大眾認知中符合此概念的典型元素作為視覺圖像。但在提取過程中,典型圖形的外觀常常是具有清晰特征的刺激式樣。由于UI一般需要同時顯示大量信息,若干不規(guī)則形狀同時出現在同一平面上時,會導致視覺產生尖銳化的認知傾向,令畫面觀感雜亂,因此,在設計圖標和模塊的時候,設計師需要注意圖形特征和形狀的平衡。比如,設計師常常使用規(guī)則、對稱的外延形狀和具有典型特征的內部形狀進行組合式設計(見圖5),或是將對象的外延整平化為對稱圖形(見圖6),易于辨認,也有利于視覺觀感上的舒適。圖5外部規(guī)整化圖標設計示例圖6整平化圖標設計示例2.色彩色彩本身攜帶著信息。雖然作為信息傳遞的工具,形狀比色彩有效得多,但色彩傳遞給觀眾的直觀感受是形狀無法替代的。阿恩海姆認為,對色彩反應的直接特征,是觀察者的被動性和經驗的直接性,而對形狀的知覺則來自觀察者積極的控制。UI設計雖然是一門依附于數字終端制造技術的設計門類,但時至今日,以用戶為中心成為了UI設計師的核心理念。因此,UI設計中的色彩選擇應與UI受眾相關聯(lián)。為不同用戶群設計,UI色彩的選擇也不同。諾基亞WindowsPhone追求年輕、現代、時尚的工業(yè)設計風格,外殼使用明亮的純色,因此搭配了高飽和度的UI配色,令人快速被吸引注意力,十分醒目。一些網站、APP等需要制造特定氛圍的UI場合,常使用符合自身定位的配色方案,如飽和度低,色彩搭配和諧的復古色,給人一種柔和舒適的視覺觀感,適用于生活類、時尚類UI;色彩統(tǒng)一的單一系配色
本文編號:3548505
【文章來源】:長沙大學學報. 2019,33(01)
【文章頁數】:6 頁
【部分圖文】:
WindowsXP系統(tǒng)界面(二)UI設計的再次扁平化轉向
和現實的差異被擬物化的設計風格所拉近,用戶觀看XP界面的時候,就如同觀看一個真實的窗口。與此同時,蘋果的MACOSX也在設計中加入了擬物化元素。任務欄模擬光潔細膩的透明玻璃式樣,圖標極具真實感,為用戶提供了一個高度仿真的視覺環(huán)境。此后十年,UI設計由兩大廠商領頭,在擬物化的軌道上不斷完善,每一次版本升級都對前作UI進行了細節(jié)上的優(yōu)化,精細、仿真、追求身臨其境的交互效果是這個階段UI設計的大方向。圖2WindowsXP系統(tǒng)界面(二)UI設計的再次扁平化轉向圖3蘋果手機的UI圖標設計UI設計在擬物化道路上精益求精地堅持了十余年,突然迎來了一次顛覆性的逆轉———扁平化風格的再現。2006年,微軟推出了著名的Zune播放器,開始使用類似扁平化的界面設計風格。在接下來的微軟Windows8和WindowsPhone推出的metro風格UI系統(tǒng)中,扁平化風格令用戶為之驚艷。在手機UI設計領域也是如此,Windows首先推出了Win-dowsPhone7這一以扁平化風格為主導的手機系統(tǒng)。在此之后,堅持擬物化UI多年的蘋果也在IOS7中開始拋棄前幾代IOS精細仿真的擬物化風格,取消了陰影、漸變、高光等擬物化細節(jié),代之以扁平化的視覺設計(見圖3)。與曾經盛行的擬物化設計相比,扁平化設計風格完全反其道而行之,極盡簡約之能事,以大色塊和簡明結構概括圖標功能,醒目易讀的視覺效果讓用戶習慣了擬物化UI的雙眼和大腦突然得到解放。在以Windows、蘋果為代表的大廠商實踐下,扁平化風格目前是在UI領域最受歡迎的設計樣式。二扁平化風格的流行原因扁平化設計又被譯作“最小化設計”“最
椒?在扁平化設計中選取的圖式形狀以簡單、易認為基本準則。設計師一般從概念出發(fā),提取大眾認知中符合此概念的典型元素作為視覺圖像。但在提取過程中,典型圖形的外觀常常是具有清晰特征的刺激式樣。由于UI一般需要同時顯示大量信息,若干不規(guī)則形狀同時出現在同一平面上時,會導致視覺產生尖銳化的認知傾向,令畫面觀感雜亂,因此,在設計圖標和模塊的時候,設計師需要注意圖形特征和形狀的平衡。比如,設計師常常使用規(guī)則、對稱的外延形狀和具有典型特征的內部形狀進行組合式設計(見圖5),或是將對象的外延整平化為對稱圖形(見圖6),易于辨認,也有利于視覺觀感上的舒適。圖5外部規(guī)整化圖標設計示例圖6整平化圖標設計示例2.色彩色彩本身攜帶著信息。雖然作為信息傳遞的工具,形狀比色彩有效得多,但色彩傳遞給觀眾的直觀感受是形狀無法替代的。阿恩海姆認為,對色彩反應的直接特征,是觀察者的被動性和經驗的直接性,而對形狀的知覺則來自觀察者積極的控制。UI設計雖然是一門依附于數字終端制造技術的設計門類,但時至今日,以用戶為中心成為了UI設計師的核心理念。因此,UI設計中的色彩選擇應與UI受眾相關聯(lián)。為不同用戶群設計,UI色彩的選擇也不同。諾基亞WindowsPhone追求年輕、現代、時尚的工業(yè)設計風格,外殼使用明亮的純色,因此搭配了高飽和度的UI配色,令人快速被吸引注意力,十分醒目。一些網站、APP等需要制造特定氛圍的UI場合,常使用符合自身定位的配色方案,如飽和度低,色彩搭配和諧的復古色,給人一種柔和舒適的視覺觀感,適用于生活類、時尚類UI;色彩統(tǒng)一的單一系配色
本文編號:3548505
本文鏈接:http://sikaile.net/shekelunwen/xinlixingwei/3548505.html