強(qiáng)大的移動(dòng)產(chǎn)品需求帶來(lái)了移動(dòng)產(chǎn)品的大爆發(fā),使移動(dòng)產(chǎn)品的相關(guān)產(chǎn)業(yè)如二次戰(zhàn)爭(zhēng)的軍工產(chǎn)業(yè)一樣迅速發(fā)展,同時(shí)也帶動(dòng)了相關(guān)的如APP、硬件微型化設(shè)計(jì)、芯片產(chǎn)業(yè)、低功耗技術(shù)還有交互界面設(shè)計(jì)(UI),其實(shí)最早的交互界面設(shè)計(jì)(以下簡(jiǎn)稱(chēng)UI設(shè)計(jì))源于我們對(duì)于屏幕下信息的接收方式的信息設(shè)計(jì)(information design)。一般是認(rèn)為我們對(duì)于產(chǎn)品狀態(tài)的只管表示(有直觀展示和間接展示)、信息交互的方式設(shè)計(jì)還有交互軟件的界面設(shè)計(jì)等。為了能達(dá)到受眾接受程度和感受的特定目標(biāo)而對(duì)信息的邏輯和表現(xiàn)出的界面進(jìn)行詳細(xì)規(guī)定、策劃和完成的前期。如今,以蘋(píng)果公司為首的科技公司都將UI設(shè)計(jì)當(dāng)成自己公司一項(xiàng)主要的產(chǎn)品任務(wù)階段,并有相應(yīng)的針對(duì)iOS系統(tǒng)UI設(shè)計(jì)研究部門(mén)和開(kāi)發(fā)部門(mén)。其他如三星、索尼、HTC、華碩等也針對(duì)安卓系統(tǒng)去開(kāi)發(fā)屬于自己特色的專(zhuān)屬rom,其本質(zhì)的特色區(qū)分也主要在系統(tǒng)的UI設(shè)計(jì)的不同。而我國(guó)的新新興科技互聯(lián)網(wǎng)公司包括小米、魅族、錘子等也都開(kāi)發(fā)出了更加適合中國(guó)用戶使用習(xí)慣的UI設(shè)計(jì)和功能的rom。
1 交互界面UI的功能演變
UI的全稱(chēng)為User Interface。指軟件對(duì)于受眾的人機(jī)交互邏輯、操作方式、整體界面元素的排版的設(shè)計(jì),稱(chēng)之為交互界面設(shè)計(jì)。最早交互界面設(shè)計(jì)師用于家具產(chǎn)品的操作菜單,交互邏輯和界面比較簡(jiǎn)單,隨著交互界面的功能色彩及人們對(duì)于設(shè)計(jì)的追求增加,使得交互界面的設(shè)計(jì)逐漸成為設(shè)計(jì)的一個(gè)門(mén)類(lèi)并隨科技的發(fā)展共同進(jìn)步。
早期的家電產(chǎn)品比如電視等都有一個(gè)類(lèi)似菜單的互動(dòng)邏輯界面,通常利用相對(duì)的按鍵裝置來(lái)進(jìn)行操作,包括我們?cè)阢y行的ATM的操作都是早期的交互界面設(shè)計(jì),后期交互界面設(shè)計(jì)開(kāi)始出現(xiàn)在電腦的可視化窗口操作,并逐漸過(guò)渡到移動(dòng)產(chǎn)品才使得交互界面設(shè)計(jì)成為一門(mén)漸漸產(chǎn)生設(shè)計(jì)科學(xué),電腦和移動(dòng)端的APP交互設(shè)計(jì)
使得這些APP的邏輯操作變得直觀、簡(jiǎn)潔、快捷,使得我們使用的設(shè)備更加能簡(jiǎn)單的為我們使用并同時(shí)給予用戶以美的感受,更加貼近用戶同設(shè)備之間的貼近感,同時(shí)減少用戶使用成本。
2 交互界面的主要分類(lèi)
UI 設(shè)計(jì)包括網(wǎng)頁(yè)端界面設(shè)計(jì),大型設(shè)備操作界面,移動(dòng)端界面設(shè)計(jì),以及這些界面的用戶感受,交互設(shè)計(jì),色彩搭配等部分。
2.1 UI設(shè)計(jì)主要設(shè)計(jì)階段及成因
通常在產(chǎn)品周期的早期階段,經(jīng)過(guò)很多機(jī)構(gòu)的調(diào)研研究,早期的UI設(shè)計(jì)是忽略用戶的使用感受的,所以用戶的使用成本是非常高的,以至于出現(xiàn)電子產(chǎn)品比如電腦是給專(zhuān)業(yè)人士使用的說(shuō)法,所以,為了能夠是用戶體驗(yàn)為先,直觀簡(jiǎn)單的UI設(shè)計(jì)和操作就成了早起UI設(shè)計(jì)的主要宗旨,而對(duì)于UI設(shè)計(jì)的用戶研究最早也起源于美國(guó)的蘋(píng)果公司,如今美國(guó)的蘋(píng)果公司毫無(wú)疑問(wèn)成為了UI設(shè)計(jì)的標(biāo)桿,但早期的蘋(píng)果產(chǎn)品比如mac系列早期系列就是以美觀的硬件設(shè)計(jì)為先,是典型的設(shè)計(jì)為先,美觀導(dǎo)向功能的公司。而同時(shí)期以微軟為代表的軟件公司則是以功能為先,美觀為輔的設(shè)計(jì)概念,這就造成了70年代蘋(píng)果開(kāi)始逐漸成為硬件設(shè)計(jì)界的風(fēng)向標(biāo),而這種風(fēng)向標(biāo)作用頁(yè)引入到UI設(shè)計(jì)的風(fēng)潮中。2007年蘋(píng)果公司發(fā)布iphone一代,而iphone跨時(shí)代的意義除了開(kāi)啟移動(dòng)產(chǎn)業(yè)的科技大發(fā)展,同事頁(yè)開(kāi)啟了設(shè)計(jì)界的一個(gè)新風(fēng)潮,其創(chuàng)新性的觸摸操也給UI設(shè)計(jì)帶來(lái)了更多的可能,而美觀的UI設(shè)計(jì)也成為了UI設(shè)計(jì)新的標(biāo)桿和導(dǎo)向,而蘋(píng)果給予UI設(shè)計(jì)帶來(lái)的兩個(gè)典型的兩個(gè)設(shè)計(jì)階段就是擬物化設(shè)計(jì)和扁平化設(shè)計(jì)。
2.2 擬物化和扁平化
擬物設(shè)計(jì)就是追求模擬現(xiàn)實(shí)物品的造型和質(zhì)感,通過(guò)疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn)(也可適當(dāng)程度變形和夸張);在數(shù)碼設(shè)備普及度不高的時(shí)代,擬物化是有效果的,尤其對(duì)于孩子和老人來(lái)說(shuō),擬物化設(shè)計(jì)更直觀有趣。但是隨著數(shù)碼科技的發(fā)展,擬物化的好處會(huì)越來(lái)越少,隨之帶來(lái)的是開(kāi)發(fā)成本增加、審美疲勞等問(wèn)題,擬物風(fēng)格更多地作為一種視覺(jué)裝飾。界面上單色極簡(jiǎn)的抽象矩形色塊、大字體、光滑、現(xiàn)代感十足;交互的核心在于功能本身的使用,所以去掉了冗余的界面和交互,而是使用更直接的設(shè)計(jì)來(lái)完成任務(wù);扁平化設(shè)計(jì)則讓你意會(huì)這是個(gè)什么東西。扁平化設(shè)計(jì)就是摒棄以上對(duì)效果(尤其是高光、陰影等能造成透視感的效果)的追求,追求通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn)。
還有很重要的一點(diǎn)就是,在科技日益發(fā)展的今天,擬物化設(shè)計(jì)在現(xiàn)實(shí)世界里的參照物已經(jīng)在慢慢的消失了,就比如說(shuō)錄音機(jī)或者手電筒界面,對(duì)于我們來(lái)說(shuō),我們?cè)谶@個(gè)界面里安排上一個(gè)擬物的錄音機(jī),手電筒,幾個(gè)擬物的按鈕,使用起來(lái)當(dāng)然沒(méi)問(wèn)題。但想象一下,對(duì)于我們的孩子或者說(shuō)是小一輩的人,他們根本就沒(méi)有見(jiàn)過(guò)什么錄音機(jī),磁帶,手電筒(因?yàn)檫@些功能已經(jīng)被慢慢的整合替代了,作為只有單一功能的設(shè)備已經(jīng)不再流行),我們?nèi)藶榈脑黾由弦粋€(gè)復(fù)雜的界面反而會(huì)讓他們難于使用,使用效率甚至不如幾個(gè)簡(jiǎn)單的“錄音”“點(diǎn)亮”的文字來(lái)的方便。
2.3 整體綜合的設(shè)計(jì)
完美的ui設(shè)計(jì)必定是擬物化和扁平化的一個(gè)中和,他們之間有一個(gè)微妙的平衡點(diǎn),這個(gè)平衡點(diǎn)就取決于一個(gè)簡(jiǎn)單易用統(tǒng)一的交互邏輯。比如說(shuō)你的系統(tǒng)交互是屬于滑動(dòng),那你就盡量的使所有的操作都符合滑動(dòng)的規(guī)律,甚至你可以像WEB OS一樣添加一個(gè)簡(jiǎn)單的手勢(shì)操作區(qū)來(lái)代替第三方應(yīng)用中不同的操作邏輯,我想meego給了我們一個(gè)很好的啟示。做到了這些,我們?cè)谠O(shè)計(jì)的時(shí)候就知道哪些地方設(shè)計(jì)成擬物的可以不干擾菜單和內(nèi)容的顯示,哪些地方該用扁平不會(huì)影響操作的識(shí)別難度。
其實(shí)不管是擬物化還是喜歡扁平化,彼此都是相輔相成的關(guān)系,甚至說(shuō)是一個(gè)互利互助的關(guān)系。實(shí)際上兩種ui的審美風(fēng)格就像我們看印象派繪畫(huà)與寫(xiě)實(shí)派的較量一樣,寫(xiě)實(shí)派認(rèn)為我們有細(xì)膩的畫(huà)風(fēng),能真實(shí)的反映生活,印象派認(rèn)為我們的畫(huà)沖破了傳統(tǒng)禁錮,主題思想明確。能說(shuō)兩種畫(huà)派之間孰強(qiáng)孰弱么?
3 蘋(píng)果公司的典型性
現(xiàn)在UI的主要范圍是人機(jī)交互的內(nèi)容設(shè)計(jì)。屏幕界面是我們了解數(shù)碼產(chǎn)品的一個(gè)很重要的方式,因此完美的UI會(huì)使產(chǎn)品有很好的外形和產(chǎn)品可識(shí)別性,在消費(fèi)者心中留下很好的印象,這對(duì)于數(shù)碼產(chǎn)品很重要。如今的UI設(shè)計(jì)主要從四個(gè)方面設(shè)計(jì):圖標(biāo)、菜單、按鍵、窗口。現(xiàn)在的移動(dòng)互聯(lián)網(wǎng)發(fā)展的很迅猛,用戶界面也隨之發(fā)展。其中美國(guó)的蘋(píng)果手機(jī)根據(jù)互聯(lián)網(wǎng)的應(yīng)用而設(shè)計(jì)的人性化的用戶界面使蘋(píng)果手機(jī)在世界范圍內(nèi)取得了很大的成功,因此現(xiàn)在很多國(guó)際大手機(jī)廠商在進(jìn)行用戶界面的設(shè)計(jì)時(shí)都會(huì)考慮到用戶對(duì)于互聯(lián)網(wǎng)的大需求。
隨著3G、4G互聯(lián)網(wǎng)的的發(fā)展,越來(lái)越多的人選擇用手機(jī)上網(wǎng),手機(jī)用戶界面設(shè)計(jì)也顯得越來(lái)越重要。手機(jī)界面設(shè)計(jì)不僅要兼顧手機(jī)使用的的通用性、流暢性、穩(wěn)定性,還要照顧每個(gè)人的使用特點(diǎn)。熱銷(xiāo)的蘋(píng)果手機(jī)超大觸摸屏使用使人們上網(wǎng)快捷了很多,充分適應(yīng)了如今人們手機(jī)上網(wǎng)的需求。另外蘋(píng)果手機(jī)的外形尺寸也是設(shè)計(jì)師們充分考究得出來(lái)的。除此之外,導(dǎo)角方形設(shè)計(jì)也是蘋(píng)果手機(jī)圖標(biāo)、按鈕和機(jī)身外形等穿插著的一個(gè)亮點(diǎn),這在消費(fèi)者心中留下了很深的印象,因?yàn)槿缃駳W美市場(chǎng)的主流是方形,這樣的設(shè)計(jì)簡(jiǎn)單實(shí)用。而蘋(píng)果手機(jī)外形、圖標(biāo)、按鍵的圓弧形導(dǎo)角設(shè)計(jì)使外形和用戶界面更加美觀漂亮,不產(chǎn)生嚴(yán)重的機(jī)械感。
蘋(píng)果手機(jī)用戶界面中直與曲的結(jié)合,使手機(jī)顯得接地氣又不庸俗,很符合亞洲人的喜歡類(lèi)型,因此使手機(jī)在亞洲也很熱銷(xiāo)。色彩是手機(jī)向消費(fèi)者傳達(dá)感情的一個(gè)重要方式,它可以影響人們的心理情緒,因此設(shè)計(jì)者會(huì)很謹(jǐn)慎的選擇顏色。
蘋(píng)果的黑色外觀與用戶界面上圖標(biāo)的色彩斑駁形成了鮮明的對(duì)比,既體現(xiàn)了蘋(píng)果理性的產(chǎn)品定位,又使用戶界面不失活潑。
手機(jī)產(chǎn)品的意境是產(chǎn)品生命力的體現(xiàn),蘋(píng)果之所以如此熱銷(xiāo),是因?yàn)槠湓O(shè)計(jì)者對(duì)其感情的投入。產(chǎn)品傳達(dá)出來(lái)的感情如果受到了消費(fèi)者的喜愛(ài),和消費(fèi)者產(chǎn)生共鳴,那么設(shè)計(jì)師便達(dá)到了目的。
4 UI 設(shè)計(jì)工作的展望
展望曾經(jīng)的階段,UI設(shè)計(jì)還沒(méi)有被大家重視和認(rèn)可,UI設(shè)計(jì)行業(yè)尚未有自己的工作標(biāo)準(zhǔn),很多有創(chuàng)意的想法和差異化的創(chuàng)新還沒(méi)有真正的釋放出來(lái)成果。在這個(gè)知識(shí)大爆炸的時(shí)代,科學(xué)技術(shù)作為第一生產(chǎn)力,高水平的UI設(shè)計(jì)已經(jīng)成為科技產(chǎn)品必備的要素,為科技廠商帶來(lái)了相當(dāng)可觀的經(jīng)濟(jì)效益。高水平的UI不僅僅是的體驗(yàn)上的妙感,更是成為藝術(shù)創(chuàng)作的平臺(tái)。UI設(shè)計(jì)要考慮使用者、使用環(huán)境、使用方式,定位在于用戶,是一個(gè)的科學(xué)性的藝術(shù)創(chuàng)作。用戶體驗(yàn)是一門(mén)新興的學(xué)科,很多人對(duì)此不了解,認(rèn)識(shí)也不是很深。基于這種認(rèn)識(shí),UI設(shè)計(jì)必須不斷的和用戶相互交流。
當(dāng)前大中專(zhuān)院校還沒(méi)有UI專(zhuān)業(yè),課程設(shè)置也不盡相同,所以高校UI設(shè)計(jì)還沒(méi)有健全核心技術(shù)交流平臺(tái)。UI是在軟件生命周期中對(duì)界面操作性、可視化的整體設(shè)計(jì)。良好的UI不僅在網(wǎng)站開(kāi)發(fā),系統(tǒng)開(kāi)發(fā),甚至移動(dòng)應(yīng)用市場(chǎng)都備受用戶的青睞,還讓軟件的操作變得舒適、簡(jiǎn)單、自由,帶來(lái)更多的經(jīng)濟(jì)價(jià)值。接觸到這些論文之前,我認(rèn)為UI就是通過(guò)與用戶交流,加以合理的構(gòu)圖,和諧的顏色搭配,但是從這些國(guó)內(nèi)外優(yōu)秀文章中,開(kāi)始系統(tǒng)的了解,軟件的生命周期與UI設(shè)計(jì)的關(guān)系,UI設(shè)計(jì)的一些原理和實(shí)用技巧等。作為一名優(yōu)秀的UI設(shè)計(jì)師,在UI 設(shè)計(jì)的范疇里面,包含了三個(gè)工作方向:研究界面的圖形設(shè)計(jì)師、研究人與界面的關(guān)系的交互設(shè)計(jì)師、研究人的用戶測(cè)試設(shè)計(jì)師。對(duì)于圖形設(shè)計(jì)師,風(fēng)格、技巧和領(lǐng)悟力是必不可少的;而對(duì)于交互設(shè)計(jì)師則,邏輯的思維和新穎的創(chuàng)意是必不可少的;用戶測(cè)試設(shè)計(jì)師最看重的則是與用戶的溝通能力及理解、表達(dá)能力。不同的UI設(shè)計(jì)師應(yīng)致力于不同的領(lǐng)域研究,這樣在工作中才能游刃有余,不斷進(jìn)步。
5 結(jié)論
其實(shí)即使現(xiàn)在在UI設(shè)計(jì)強(qiáng)烈發(fā)展并壯大的現(xiàn)狀下,我們對(duì)于UI設(shè)計(jì)概念的探討仍然屬于一個(gè)比較初級(jí)的階段,尤其在中國(guó),UI設(shè)計(jì)甚至沒(méi)有一個(gè)設(shè)計(jì)的行業(yè)標(biāo)準(zhǔn)和明確的發(fā)展方向,藝術(shù)類(lèi)的大學(xué)也沒(méi)有專(zhuān)門(mén)的研究課程,一切的一切甚至仍然在探討和摸索的道路上,隨著本土科技行業(yè)的不斷壯大,我相信我們對(duì)于UI設(shè)計(jì)的探討會(huì)逐步的清晰和規(guī)范,并且緊跟時(shí)代步伐,是我們的感情元素慢慢的融合到UI設(shè)計(jì)的骨髓中,從而產(chǎn)生富有自己的特色的規(guī)范的同時(shí)富有中國(guó)特色情懷的UI設(shè)計(jì)行業(yè)。
【參考文獻(xiàn)】
[1]孟建華.UI 設(shè)計(jì)與應(yīng)用[J].藝術(shù)設(shè)計(jì),2009(4):49-50.
[2]蔣陸.手機(jī)圖形用戶界面的圖標(biāo)個(gè)性化設(shè)計(jì)研究[J].黑龍江科技信息,2007(6):67,152.
[3]楊響亮,楊君順,崔延琳.UI 設(shè)計(jì)在塑造產(chǎn)品形象中的應(yīng)用研究[J].包裝工程,2007(9):194-195,208.
[4]人機(jī)互動(dòng),UI 的絢麗與便捷* 移動(dòng)互聯(lián)網(wǎng)時(shí)代的手機(jī)UI 設(shè)計(jì)與主流終端廠商理念評(píng)析[J].新潮電子,2009(9):29-47.
[5]劉超.UI 界面設(shè)計(jì)———界面設(shè)計(jì)不存在美工[EB/OL].http://www.arting365.com/vision/discourse/2004 -12 -31/content.1104433903d109690.html.
[6]小明.UI 設(shè)計(jì)師走進(jìn)職場(chǎng)[J].職業(yè)技術(shù),2007(1):25.