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