莫楚盈
摘要:從網(wǎng)站到手機APP、智能穿戴設備,界面越來越頻繁地出現(xiàn)在用戶的視線中。UI(界面)設計,經(jīng)過幾十年的發(fā)展,如今扁平化簡約風占據(jù)了絕對的優(yōu)勢。國內設計師學習、效仿國外的設計,緊跟潮流,進行扁平化簡約設計。從根源說起,囿于中西方文化、行為習慣的不同,中西方設計本來就呈現(xiàn)出各自的特點。在扁平化簡約風格的包裹下,呈現(xiàn)出來的風格特點也不盡相同。
關鍵詞:UI(界面)設計;扁平化簡約風格
1引言
用戶接觸多種多樣的UI(界面)產(chǎn)品,現(xiàn)如今,無論中西,市面上的產(chǎn)品多為扁平化簡約風格。從業(yè)人員在選擇一種設計風格的時候,存在一定的合理性,通過對比,論述其中的合理性。
2什么是Ui設計
UI設計(或稱界面設計),是人和機器交互并不可少的中介,機器把信息顯示在界面上,用戶通過操作界面,告訴機器它應該做什么,并且一直這樣一來一去的互動。UI設計多用于手機APP界面和網(wǎng)站界面。好的UI設計,能在信息充分展示、用戶毫無解讀負擔、利于用戶操作順暢的同時,展現(xiàn)出產(chǎn)品的獨特定位和審美品味。
3ui的發(fā)展歷史
雖然現(xiàn)在的人們更多地從界面中體驗UI,但是UI的初衷是方便人與機器進行互動交流。
人類歷史上第一臺成功的商業(yè)微型電腦,就是由物理按鈕和燈泡組成。所有人機交互的設備,操作界面都是由這樣物理物件組成的。直到電子行業(yè)和光成像的發(fā)展,帶來了平面屏幕。計算機從業(yè)人員用計算機可以識別的字符,發(fā)明了計算機語言。計算機從業(yè)人員通過計算機語言和計算機進行交流,如何和一個外國人交流一般,但是這樣并不利于計算機推廣被更多人使用。直到后來,圖像代替了冗雜的文字,成為用戶和計算機交流的最好的語言。UI就是指圖形化界面GUI。
后來隨著鍵盤和鼠標的出現(xiàn),給用戶與計算機的交互帶來更多便利性,結合GUI圖形,也出現(xiàn)了更多創(chuàng)新的交互方式。
2007年,蘋果帶著iphone產(chǎn)品砸向智能用戶群體,觸摸屏的交互界面第一次問題,這一創(chuàng)造性的發(fā)明,讓交互界面越來越遠離物理的立體和復雜性,讓人機交互越來越自然、簡單,玻璃屏下的icon仿佛觸手可及。GUI的創(chuàng)新也順勢而生。
為人機交互而生的界面,隨著一輪輪智能終端的發(fā)展,從無屏到有屏,再到面臨“去屏”的危機。因為后來,語音交互方式也迎頭趕上。顯然,這一交互方式甚至比界面更為智能和自然簡單。
更多的交互媒介將會逐漸出現(xiàn)在用戶面前,但現(xiàn)如今,界面仍然是最主要的并且必不可少的媒介。
如此同時,國內的UI行業(yè),也隨著移動智能手機和互聯(lián)網(wǎng)的發(fā)展,蓬勃發(fā)展。
4中西方UI風格現(xiàn)狀和合理性論述
國外的UI主流是扁平簡約風格,我們打開國外的UI設計作品網(wǎng)站也多為這種風格。而國內不乏很多更為“接地氣”的產(chǎn)品落地,例如淘寶,褒貶不一,也會有用戶認為這是“土氣”。同時小眾的產(chǎn)品更愿意采用極簡、小資的風格,設計作品網(wǎng)站中很多愛好者也會采用這種風格,甚至會特地添加英文在其中。采訪發(fā)現(xiàn),究其原因是他們認為這樣更具美感、更有“高級感”,甚至有些老師教學也是套用國外的優(yōu)秀例子來進行教學。
4.1扁平化的原因
一是因為運用扁平化的設計,設計元素隨意增大縮小,所占用的系統(tǒng)資源都是一定的。相比擬物占用更少的系統(tǒng)資源、系統(tǒng)空間,調用資源占用更少的內存,產(chǎn)品在運行效率上能給用戶帶來良好的體驗。二是在同一設備中的延展性更好。擬物化的元素在伸縮太過,則會出現(xiàn)漸變色帶問題,而扁平化設計元素則是穩(wěn)定不變的,可以復用的。三是在不同設備中的延展性更好。隨著穿戴設備的發(fā)展和使用,更小的界面對GUI的精細度提出了更高的要求。如何讓更小的屏幕承載更多的更穩(wěn)定的信息,扁平化設計更為符合要求。何況還出現(xiàn)了曾經(jīng)走進大眾視野,一時無兩的曲面屏。設備和屏幕都在追求極致用戶體驗的道路上迅速發(fā)展,扁平化的GUI設計無疑還是保持絕對優(yōu)勢。而未來,它時被驗證為最佳還是遭受挑戰(zhàn),值得用戶拭目以待。
所以扁平化是隨著對智能機的操作需要而產(chǎn)生的,是對信息承載更為友好的,是兩者都可以共同使用的。
4.2西文和方塊漢字的排版差異
界面中最基本的元素文字,包括字體設計、版式布局、圖文編排,是美感的重要元素。很多人認為,西文在線性排版中比起方塊漢字蘊含的更多的錯落節(jié)奏感。這是因為從歐洲工藝美術設計的現(xiàn)代化發(fā)端至今,西文文字設計積淀了深厚的文化理念和優(yōu)良的方法理論。無論是技術技藝的知識儲備、還是素材資源的可選范圍,都比中文文字設計有更多決定性的優(yōu)勢。
4.3界面中的空間感:
平面的和交互的設計很多時候是我們生活中空間的體現(xiàn)。國內乃至周圍亞洲國家,因為人口土地的原因,更多地呈現(xiàn)出擁擠、熱鬧喧嘩的環(huán)境,而大眾也習慣了從信息量巨大的環(huán)境中獲取信息。而西方國家則更多地呈現(xiàn)出空曠、有序的環(huán)境。遷移到各自的信息環(huán)境中,也更符合當?shù)赜脩舻男睦碓V求和行為習慣。
4.4信息天然在傳遞風格
當我們在談論一些設計技巧的時候,很容易忽略的是天然在傳遞風格的信息本身。一張圖片里面的人、物、景,一段我們能夠讀懂的中文,這些本身就營造了一種語境、氛圍。乍一看西文,傳遞給我們的更多是一種字符。
國外的UI 比起國內起步要早,跟隨潮流學習本沒有錯,但由于中西方有如此多差異的原因,如果不加消化地套用國外的流行模式,把不同風格美感的東西組合在一起只會顯得違和。
原因不止一個,而產(chǎn)品的開發(fā)中,設計所占有的話語權又相對較低,不但服務于需求、技術、公司利益,甚至還要更多地聽從上級和甲方的意見。
最為嚴重的是,我們的審美教育體系、UI 設計人員的產(chǎn)出體系并不完善。低門檻、大需求,讓很多從業(yè)人員毫無儲備地進入到這個行業(yè)。
5總結:
扁平化簡約的風格無疑對功能和信息承載都是友好的,但是運用到不同的語境更應該有不同的展現(xiàn)方式。不理解這個初衷,就是沒有理解UI設計中的“交互”屬性,它不是信息的展示而應該服務于用戶。但是不加消化地套用,則不能很好地達到用戶的審美和心理預期。究其根本,設計師還是應該從UI設計中的基本元素--點、線、面、文字、圖像、排版、布局,和設計的基本準則--一致性、可用性等出發(fā),延展出更為適合的當?shù)卣Z境的扁平化簡約風格。
參考文獻
[1]王蓉芳.淺談UI設計中用戶交互體驗的視覺思維[J].今古文創(chuàng),2021(05):82-83.
[2]劉申.新擬態(tài)風格的手機UI界面設計[J].百科知識,2020(36):25-26.