時(shí)間:2023-03-03 15:57:59
緒論:在尋找寫作靈感嗎?愛(ài)發(fā)表網(wǎng)為您精選了8篇界面設(shè)計(jì),愿這些內(nèi)容能夠啟迪您的思維,激發(fā)您的創(chuàng)作熱情,歡迎您的閱讀與分享!
多媒體設(shè)計(jì)
多媒體技術(shù)是指將多種單媒體復(fù)合而成的技術(shù)。多媒體技術(shù)融合了各種視覺(jué)和聽(tīng)覺(jué)媒體,包括動(dòng)畫、文字、圖形、圖像、語(yǔ)言、音樂(lè)和立體聲響等,多媒體網(wǎng)頁(yè)UI界面可以讓用戶同時(shí)接受多樣的媒體信息來(lái)源。網(wǎng)頁(yè)UI界面設(shè)計(jì)中使用多媒體技術(shù)可以體現(xiàn)以下幾個(gè)特點(diǎn):1)集成性,對(duì)遠(yuǎn)程多媒體的影音信息統(tǒng)一取得與。2)交互性,人性化的實(shí)現(xiàn)信息傳播,能夠主動(dòng)選擇和控制信息流方向。3)非線性,創(chuàng)建了超文本鏈接方法,把靈活展示瀏覽內(nèi)容。4)實(shí)時(shí)性,實(shí)時(shí)控制多媒體信息,及時(shí)配合用戶指令。5)動(dòng)態(tài)性,用戶可以按照自己的需求選擇信息使用方式,甚至重組信息的各種表現(xiàn)形式。
網(wǎng)頁(yè)交互設(shè)計(jì)
交互設(shè)計(jì)需要解決的是人與機(jī)器之間互動(dòng)的問(wèn)題,是表現(xiàn)層的東西,好的交互設(shè)計(jì)方案能夠讓用戶感覺(jué)網(wǎng)頁(yè)非常好用。怎樣的網(wǎng)頁(yè)交互設(shè)計(jì)才算是好的方案呢?1.讓人有耐心等待。根據(jù)網(wǎng)絡(luò)調(diào)查,大多數(shù)用戶對(duì)網(wǎng)頁(yè)打開(kāi)的等待時(shí)間最多堅(jiān)持5秒鐘,如果5秒內(nèi)頁(yè)面都不能打開(kāi),那這個(gè)頁(yè)面上的內(nèi)容將沒(méi)有任何意義都就將。所以在交互設(shè)計(jì)時(shí),需要考慮網(wǎng)頁(yè)等待時(shí)給用戶提供的信息。最好的方式是反饋,當(dāng)用戶等待時(shí),告訴用戶他的操作是否成功并且將剩余的等待時(shí)間實(shí)時(shí)呈現(xiàn),這樣就能有效解決用戶不能耐心等待的問(wèn)題。2.讓人不用動(dòng)腦筋想。好的網(wǎng)站能夠幫助用戶快速完成任務(wù),要達(dá)到快速完成任務(wù)的目的,交互設(shè)計(jì)必須使頁(yè)面簡(jiǎn)單,盡量讓用戶瀏覽時(shí)不收不必要的干擾,最好能夠符合用戶心智模型。因?yàn)?,大部分的用戶在瀏覽網(wǎng)站時(shí)希望的是能快速找到勉強(qiáng)應(yīng)付的方案,而不愿意主動(dòng)尋找方案,百分之八十的用戶只會(huì)用百分之二十的功能。
網(wǎng)頁(yè)UI界面設(shè)計(jì)展望
目前,網(wǎng)頁(yè)UI界面設(shè)計(jì)主要是三維的視覺(jué)界面和二維的圖形界面,同時(shí)輔以動(dòng)畫、聲音等多媒體插件布局設(shè)計(jì)。隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展,三維立體的操作界面系統(tǒng)會(huì)在網(wǎng)頁(yè)設(shè)計(jì)中逐步普及,三維立體界面的直接操作是虛擬現(xiàn)實(shí)(VirtualReality)交互性的一個(gè)重要表現(xiàn)方式。三維虛擬空間中的直接操作包括平移、拾取和旋轉(zhuǎn)等操作,例如如今比較前沿的3D影裝和多點(diǎn)觸控技術(shù)。三維直接操作使得網(wǎng)頁(yè)UI界面設(shè)計(jì)不再僅僅局限于視覺(jué)效果的三維變換,可以實(shí)現(xiàn)類似于四維空間的人機(jī)直接交互,從而更好的完成用戶操作。
(西安工程大學(xué),陜西 西安 710048)
【摘 要】產(chǎn)品視覺(jué)界面設(shè)計(jì)是產(chǎn)品交互與用戶體驗(yàn)的聯(lián)系基礎(chǔ)。優(yōu)秀的視覺(jué)界面設(shè)計(jì)能更好的傳遞產(chǎn)品設(shè)計(jì)理念與品牌形象,為軟件的交互設(shè)計(jì)提供更匹配的視覺(jué)風(fēng)格。設(shè)計(jì)師運(yùn)用基本的視覺(jué)要素創(chuàng)造優(yōu)秀的用戶界面,有效地傳達(dá)產(chǎn)品的行為和信息。并且要結(jié)合用戶的心理模型或產(chǎn)品行為使視覺(jué)結(jié)構(gòu)與之相匹配,關(guān)注用戶感知功能方面的認(rèn)知體驗(yàn)與傳達(dá)。視覺(jué)界面設(shè)計(jì)就是要在保證功能的前提下,在美學(xué)的基礎(chǔ)上,最優(yōu)傳遞交互產(chǎn)品的行為,向用戶展示一個(gè)優(yōu)雅的視覺(jué)設(shè)計(jì)。
關(guān)鍵詞 界面設(shè)計(jì);交互設(shè)計(jì);UI;視覺(jué)傳達(dá)
作者簡(jiǎn)介:聶伊(1988.08—),女,漢族,河北人,西安工程大學(xué)機(jī)電工程學(xué)院工業(yè)設(shè)計(jì)研究生,研究方向?yàn)橐曈X(jué)傳達(dá)與媒體設(shè)計(jì)。
張敏言(1969.03—),女,漢族,陜西人,西安工程大學(xué)機(jī)電工程學(xué)院,副教授,研究方向?yàn)楫a(chǎn)品設(shè)計(jì)與人機(jī)關(guān)系。
交互產(chǎn)品將行為和用戶聯(lián)系在一起發(fā)生在視覺(jué)上,通常是通過(guò)產(chǎn)品界面的表現(xiàn)來(lái)實(shí)現(xiàn)的。視覺(jué)界面設(shè)計(jì)者工作的重點(diǎn)在于設(shè)計(jì)在組織上的運(yùn)用,以及如何來(lái)利用視覺(jué)暗示和啟示將行為信息傳達(dá)給用戶。設(shè)計(jì)師必須掌握交互設(shè)計(jì)原則和界面習(xí)慣用法的基本知識(shí),這些對(duì)于塑造產(chǎn)品的行為都很重要[1]。
1 設(shè)計(jì)視覺(jué)界面設(shè)計(jì)的要素
視覺(jué)界面設(shè)計(jì)可以對(duì)產(chǎn)品的吸引力和效力產(chǎn)生很大的影響。要?jiǎng)?chuàng)造出有效且吸引人的用戶界面,設(shè)計(jì)師必須掌握一些基本的視覺(jué)要素,如顏色、版面、形式和構(gòu)成,還必須了解如何運(yùn)用這些要素來(lái)有效地傳遞行為和信息。
1.1 文本
文本在任何用戶界面中都是及其重要的一個(gè)組成部分,文字可以傳遞大量細(xì)微信息,但是我們必須要小心仔細(xì)才能夠正確恰當(dāng)?shù)厥褂煤梦淖帧?/p>
人們主要通過(guò)文字的形狀來(lái)辨識(shí)文字,形狀差異越顯著,文字也就越容易辨識(shí)。在報(bào)紙、雜志等印刷品中,正文字體主要采用宋體。宋體是有襯線字體,特點(diǎn)是橫細(xì)豎粗,棱角分明。與之相對(duì),顯示器上的字體一般都是黑體。黑體基本上沒(méi)有橫豎粗細(xì)的變化,也沒(méi)有襯線裝飾。與印刷品相比,顯示器的分辨率要低得多,如果在這種輸出媒介上使用宋體的話,文字的襯線反而會(huì)妨礙閱讀。不但沒(méi)有棱角分明的美感,還很容易導(dǎo)致眼睛疲勞。也就是說(shuō),顯示器的分辨率低,不足以顯示有襯線字體。因此顯示器上的字體一般都采用毛邊較少的黑體[2]。
辨識(shí)文字和閱讀文字有所不同,閱讀中我們有意識(shí)地掃描個(gè)別字詞,之后按照上下文來(lái)理解它們的含義。界面應(yīng)該盡量少用文本,從而減少閱讀量,這樣才能保證幾面導(dǎo)航的順利進(jìn)行。我們應(yīng)該避免只依賴文字進(jìn)行講解,因?yàn)殚喿x文字速度很慢,而且會(huì)破壞用戶對(duì)應(yīng)用的浸入式體驗(yàn)。使用太多的文字是一種“說(shuō)而不秀”的方法,這與移動(dòng)應(yīng)用的優(yōu)勢(shì)相違背[1]。少用文字原則并不意味著用文字是錯(cuò)的,或者說(shuō)文字總是越少越好。它指的是在你想吸引用戶進(jìn)一步體驗(yàn)的時(shí)候,應(yīng)該首先考慮減少文字,增加交互。
1.2 顏色
顏色作為界面視覺(jué)語(yǔ)言的一部分,向用戶傳達(dá)信息。對(duì)于多數(shù)應(yīng)用程序,顏色的使用要吝惜,并且應(yīng)該與視覺(jué)語(yǔ)言的其他元素結(jié)合,如符號(hào)、圖標(biāo)、文本,以及在界面上維持的控件關(guān)系。
當(dāng)顏色太多時(shí),我們的大腦不得不花費(fèi)額外的時(shí)間記住每種顏色的意義,這樣便降低了我們的處理速度。互補(bǔ)色在顏色處理中是指那些相反的顏色,當(dāng)這些顏色被高飽和并且放置在一起時(shí),就會(huì)制造出視覺(jué)假象。并且非常難以正確辨別,也非常難以讓人聚精會(huì)神。高飽和的顏色看起來(lái)會(huì)顯得鮮艷,從而吸引過(guò)多的注意力。在較小的地方適當(dāng)?shù)剡\(yùn)用飽和始終的顏色可以有效地吸引用戶的注意力,但這種用法應(yīng)該保守使用。如果圖形顏色與背景顏色只是顏色不同,而在飽和度和亮度上沒(méi)有差別,則很難辨認(rèn)。圖形和背景除了色調(diào)不同外,飽和度和亮度也應(yīng)有區(qū)別。
1.3 圖標(biāo)
圖標(biāo)最大的特點(diǎn)就是可以通過(guò)使用不同顏色和形狀的圖像來(lái)幫助用戶直觀地了解信息的種類和操作內(nèi)容。與單純的文字界面相比,圖標(biāo)的另一個(gè)特點(diǎn)是可以使界面的整體效果張弛有度。
軟件中的圖標(biāo)有兩大用途:一是作為信息傳遞的標(biāo)志;二是作為指導(dǎo)用戶操作的控件。但是,圖形界面也存在缺點(diǎn),只使用圖標(biāo)很難傳遞準(zhǔn)確的信息。即便是人們經(jīng)常使用的軟件的工具欄,其中有些圖標(biāo)按鈕也會(huì)使用戶感到困惑。而且,如果消息框中只使用圖標(biāo)也無(wú)法傳遞詳細(xì)的信息。因此,一般情況下,圖標(biāo)還需要文字信息的輔助。
2 設(shè)計(jì)視覺(jué)界面設(shè)計(jì)的原則
設(shè)計(jì)師需要關(guān)注如何用界面的視覺(jué)結(jié)構(gòu)匹配用戶的心理模型或者產(chǎn)品的行為,也必須關(guān)注如何將程序的狀態(tài)傳達(dá)給用戶(如文檔的編輯狀態(tài)),還要關(guān)注圍繞著用戶感知功能方面(布局、視覺(jué)層次及圖形背景問(wèn)題等)的認(rèn)知性問(wèn)題。
2.1 運(yùn)用視覺(jué)屬性將元素分組,創(chuàng)造出清晰的層次結(jié)構(gòu)
比如顏色、形狀和位置來(lái)區(qū)分層次結(jié)構(gòu)中的每個(gè)層次。最為重要的元素應(yīng)放在其他元素的上方或者向外突出一些。需要突出的元素最好用飽和顏色來(lái)渲染,次重要的元素用欠飽和顏色渲染。與背景的顏色及其值的對(duì)比也不要太強(qiáng)烈,尺寸要小一些或者向內(nèi)縮進(jìn)。不飽和及中性顏色則可以用在不重要的元素上。
2.2 圖像的運(yùn)用要適當(dāng)緊湊、一致,并且要適當(dāng)考慮使用環(huán)境
視覺(jué)元素也應(yīng)該是緊湊而通用的視覺(jué)語(yǔ)言的一部分,這意味著相似的元素應(yīng)該采用相同的視覺(jué)屬性,在一致的位置擺放信息和控件。不同頁(yè)面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁(yè)上的相同的位置,而且他們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快地找到和識(shí)別它們。除了具備功能價(jià)值,圖標(biāo)在傳遞品牌屬性上還有重要的作用。無(wú)論采用什么樣的風(fēng)格,風(fēng)格都必須一致。
2.3 避免視覺(jué)噪聲和混亂
界面上的視覺(jué)噪聲一般是由過(guò)多的視覺(jué)元素造成的,這些多余的視覺(jué)元素將人們的注意力從那些直接傳達(dá)功能和行為主要對(duì)象上轉(zhuǎn)移到他處。這些視覺(jué)噪聲包括過(guò)分的裝飾、不必要元素、過(guò)度使用標(biāo)尺、視覺(jué)上厚重的用于隔離控件的元素或者過(guò)分的使用視覺(jué)屬性(包括顏色、紋理和對(duì)比)等?;靵y的界面試圖在一個(gè)有限的空間中提供過(guò)多的功能,結(jié)果會(huì)導(dǎo)致這些空間在視覺(jué)上相互干擾。視覺(jué)上過(guò)分裝飾、混亂或者過(guò)多的屏幕都會(huì)加重用戶的認(rèn)知負(fù)荷,產(chǎn)生信息焦慮的情緒,這將影響用戶的速度、理解能力和任務(wù)的完成。
2.4 保持簡(jiǎn)單,使用最小的視覺(jué)風(fēng)格
一般來(lái)說(shuō),界面應(yīng)該使用簡(jiǎn)單的幾何形狀和最小的輪廓。如果一個(gè)程序長(zhǎng)時(shí)間占據(jù)使用者的注意力,應(yīng)該考慮弱化視覺(jué)表現(xiàn)上的顏色和紋理。顏色的數(shù)量要嚴(yán)格限制,并且應(yīng)該以較為不飽和的顏色或者中性顏色為主,可以適當(dāng)加入一些高對(duì)比作為強(qiáng)調(diào)重要信息的顏色,那樣會(huì)讓控制組織得更緊湊。
用戶可能長(zhǎng)時(shí)間盯著相同的工具欄和菜單,會(huì)得到一些純粹因?yàn)槭煜ざa(chǎn)生的位置感。優(yōu)秀的視覺(jué)界面和任何優(yōu)秀的視覺(jué)設(shè)計(jì)一樣,在視覺(jué)上應(yīng)該是高效率的,它們有一個(gè)共同的特點(diǎn),即讓最少的視覺(jué)和功能元素發(fā)揮最大效能。這樣,設(shè)計(jì)師可以自由地用更少的像素做更多的事情。
2.5 消除視覺(jué)附加工作
設(shè)計(jì)原則的主要目的之一就是優(yōu)化用戶的產(chǎn)品體驗(yàn)。對(duì)于生產(chǎn)工具和其他非娛樂(lè)導(dǎo)向的產(chǎn)品而言,這意味著將工作負(fù)荷降至最低。軟件經(jīng)常包括一些不必要的具有繁重工作量的交互,對(duì)于用戶來(lái)說(shuō),這些是附加工作[1]。
視覺(jué)附加工作是用戶不得不分析的視覺(jué)信息,比如在列表中找到某個(gè)條目、判斷從哪個(gè)位置開(kāi)始閱讀屏幕,或者決定哪些元素是可以點(diǎn)擊的,哪些元素僅僅是裝飾性的。有時(shí)設(shè)計(jì)師過(guò)分依賴視覺(jué)隱喻,因此添加了各種附加工作,這些視覺(jué)隱喻能讓人們?nèi)菀桌斫獬绦蛟睾托袨橹g的關(guān)系,但了解了這些基本情況之后,隱喻的管理成了完全的附加工作。另外一種視覺(jué)附加工作的根源是過(guò)度使用了風(fēng)格化的圖形和界面元素,而實(shí)際上,視覺(jué)風(fēng)格的運(yùn)用首先是要支持清晰的信息通信和界面行為。
2.6 避免歧義
避免顯示有歧義的信息,并通過(guò)測(cè)試確認(rèn)所有用戶對(duì)信息的理解是一致的。當(dāng)無(wú)法消除歧義時(shí),要么依靠標(biāo)準(zhǔn)或者慣例,要么告知用戶用你期望的方式去理解歧義之處[3]。
3 優(yōu)雅的視覺(jué)界面設(shè)計(jì)
視覺(jué)界面的設(shè)計(jì)對(duì)品牌形象、用戶體驗(yàn)及本能反應(yīng)等方面都有一定的支持作用。優(yōu)秀設(shè)計(jì)的經(jīng)典要素之一即形式簡(jiǎn)約:以簡(jiǎn)御繁。對(duì)于界面設(shè)計(jì),就是用最少的操作與學(xué)習(xí)成本來(lái)完成任務(wù)。簡(jiǎn)約同樣適用于行為,在視覺(jué)設(shè)計(jì)中給與用戶簡(jiǎn)單的工具,即運(yùn)用最少的視覺(jué)區(qū)別來(lái)明確傳達(dá)想要表達(dá)的意思。
視覺(jué)界面設(shè)計(jì)師所關(guān)心的是尋找最適合的表現(xiàn)方式來(lái)傳達(dá)他們?cè)O(shè)計(jì)的交互產(chǎn)品的行為。設(shè)計(jì)師應(yīng)該用一種容易理解、有用、支持企業(yè)品牌和目標(biāo)的方式來(lái)表現(xiàn)產(chǎn)品的行為和信息。用戶界面的設(shè)計(jì)不應(yīng)該輕視美學(xué)方面的考慮,而是要在一定的功能框架下來(lái)最大化地考慮如何優(yōu)雅地向用戶展示應(yīng)用的視覺(jué)設(shè)計(jì)。
參考文獻(xiàn)
[1]Alan Cooper,Robert Reimann,David Cronin.About Face3交互設(shè)計(jì)精髓[M].劉松濤,等,譯.北京:電子工業(yè)出版社,2014,9:115-118,170-172,218-239.
[2]古賀直樹.好設(shè)計(jì)不簡(jiǎn)單UI設(shè)計(jì)師必須了解的那些事[M].張君艷,譯.北京:人民郵電出版社,2014,8:22-28.
一、多媒體課件的界面設(shè)計(jì)方法
一個(gè)優(yōu)秀的界面設(shè)計(jì)可以使學(xué)習(xí)者感到耳目一新,通過(guò)感受課件界面上的色彩、圖案、創(chuàng)意、動(dòng)畫等元素,形成對(duì)課件的第一印象,激發(fā)學(xué)生學(xué)習(xí)的積極性。在設(shè)計(jì)多媒體課件界面時(shí),要做到:內(nèi)容清晰、版面美觀、明白易懂、有親切感,這樣的課件很容易被學(xué)習(xí)者理解和接受,并有興趣去學(xué)習(xí)使用。下面,就界面設(shè)計(jì)原則談一些我個(gè)人的觀點(diǎn)。(一)對(duì)象布局多媒體課件的界面布局至關(guān)重要,界面布局不僅直接影響整體效果而且還直接影響學(xué)習(xí)者的學(xué)習(xí)效果,在對(duì)象的布局上應(yīng)該注意以下幾方面:第一,界面整體美觀。要想界面整體達(dá)到美觀效果,在對(duì)象的布局上應(yīng)該注意重點(diǎn)集中、視點(diǎn)明確;恰當(dāng)布置、主體突出;合理預(yù)留空行、空格;美觀大方、層次清晰。在界面的編排上也應(yīng)該具有均衡、規(guī)整、對(duì)稱、簡(jiǎn)明連續(xù)、比例協(xié)調(diào)、有可預(yù)料性等規(guī)律。第二,簡(jiǎn)潔明了。簡(jiǎn)潔就是盡可能用簡(jiǎn)單的圖表或較少的文字來(lái)表達(dá)信息。錯(cuò)綜復(fù)雜的界面布局,將分散學(xué)習(xí)者的注間力,影響學(xué)習(xí)效果。第三,獨(dú)特的設(shè)計(jì)理念。有些多媒體課件界面只是把以前寫在黑板上的那些內(nèi)容搬到計(jì)算機(jī)屏幕上,教學(xué)手段雖然變了,但教學(xué)的思路和方法還是老一套,沒(méi)有改變,不利于體現(xiàn)多媒體課件在表達(dá)上的優(yōu)越性。這就需要制作者將文本、圖像、聲音、動(dòng)畫等有機(jī)組合在一起。(二)多媒體素材設(shè)計(jì)第一,文本的表達(dá)。文本是學(xué)生獲取信息的來(lái)源,是多媒體課件的主要表達(dá)方式。對(duì)于演示難點(diǎn)、突出重點(diǎn)的文字,應(yīng)用顏色鮮艷的大字號(hào)標(biāo)出。文本素材不能大段大段地照搬,要有選擇。另外,需要注意調(diào)整好格式,文字間距不要太密,字的大小應(yīng)符合教學(xué)要求,色彩搭配要合理,可以根據(jù)教學(xué)內(nèi)容,規(guī)定一級(jí)標(biāo)題,二級(jí)標(biāo)題分別使用什么顏色,使學(xué)習(xí)者一目了然,最好用易讀的文字,標(biāo)題或特別強(qiáng)調(diào)的內(nèi)容除外。第二,圖像的插入。圖像分為前景和背景圖像,課件中使用圖像應(yīng)有所差別,對(duì)低年級(jí)學(xué)習(xí)者運(yùn)用圖像可調(diào)動(dòng)其學(xué)習(xí)興趣,而對(duì)高年級(jí)學(xué)習(xí)者應(yīng)盡量少用圖像。圖像在課件中占用篇幅不宜過(guò)大。背景圖像的顏色應(yīng)適當(dāng),盡量多用素雅的圖像。第三,聲音的獲取。聲音分為背景、音效和錄音素材,在語(yǔ)文、英語(yǔ)教學(xué)中常用到聲音效果,在實(shí)際教學(xué)中不能用背景音樂(lè)。有很多設(shè)計(jì)者為了體現(xiàn)課件的多媒體性,插入背景音樂(lè),聽(tīng)起來(lái)很悅耳,但這一點(diǎn)是不可取的。實(shí)現(xiàn)交互時(shí)可適當(dāng)添加音效,音效也不能過(guò)大。第四,視頻和動(dòng)畫對(duì)界面的影響。視頻和動(dòng)畫可以增加課件的趣味性,具有形象直觀,聲情并茂的好處,但視頻文件不宜過(guò)大,以免影響計(jì)算機(jī)的運(yùn)行速度。(三)色彩的運(yùn)用多媒體課件界面的色彩美與教學(xué)內(nèi)容密切相關(guān),根據(jù)教學(xué)的意境,有的需要低沉,有的需要明快,不同的主題、內(nèi)容,應(yīng)用不同的色調(diào)來(lái)表現(xiàn)。各種顏色形成色彩繽紛的屏幕,從而引起學(xué)習(xí)者注意,并使學(xué)習(xí)者在學(xué)習(xí)過(guò)程中得到美的感受。這也是多媒體課件吸引學(xué)習(xí)者的原因之一。但色彩如果使用不合理,過(guò)分渲染則分散人的注意力。因此,色彩的使用也必須遵循一定的原則。第一,同一界面避免使用太多顏色,并且顏色組合的對(duì)比度要適當(dāng)。過(guò)多的顏色不僅不利于區(qū)分學(xué)習(xí)內(nèi)容,還會(huì)增加學(xué)習(xí)者的反應(yīng)時(shí)間以及出錯(cuò)機(jī)會(huì),容易引起視覺(jué)疲勞。但是如果使用過(guò)于相近的顏色,則會(huì)影響辨別,所以要選擇色系相近但對(duì)比度大的顏色。第二,用色彩來(lái)起強(qiáng)調(diào)作用。輔助信息和主體內(nèi)容的顏色不應(yīng)相同。輔助信息的顏色應(yīng)平淡、柔和,盡量選用低飽和度、低亮度的顏色,主體內(nèi)容的顏色要鮮明。第三,色彩的選擇要與用戶對(duì)色彩的期望和經(jīng)驗(yàn)相一致。對(duì)于不同的學(xué)習(xí)者,不同的內(nèi)容,運(yùn)用色彩也不相同。設(shè)計(jì)時(shí)盡量符合人們已經(jīng)普遍接受的色彩意義,根據(jù)學(xué)習(xí)者的特點(diǎn)來(lái)決定對(duì)色彩的選擇。第四,色彩的一致性。在多媒體課件界面設(shè)計(jì)中,同一區(qū)域中,顏色的運(yùn)用更應(yīng)保持一致。各區(qū)域中各種按鈕的顏色以及背景色都應(yīng)該基本保持不變。第五,顏色配置應(yīng)素雅。背景色應(yīng)素雅,不易花哨。在界面設(shè)計(jì)時(shí),應(yīng)該把握整體,統(tǒng)籌安排,從用戶的感觀享受等方面進(jìn)行全盤考慮,制作出和諧統(tǒng)一的優(yōu)秀課件,達(dá)到最佳的教學(xué)效果。
二、結(jié)論
總之,多媒體課件是重要的教學(xué)資源,多媒體課件的界面設(shè)計(jì)要以學(xué)習(xí)者為中心。在此基礎(chǔ)上,還要充分考慮課件界面的構(gòu)圖或布局,界面元素的位置和界面元素的一致性等問(wèn)題來(lái)美化界面,提高界面的美感。只要我們正確掌握多媒體課件界面設(shè)計(jì)的技巧與方法,經(jīng)過(guò)反復(fù)實(shí)踐,結(jié)合不同階段學(xué)習(xí)者的特點(diǎn),我們一定能制作出被廣大學(xué)習(xí)者所接受的多媒體課件。
作者:楊琳 劉艷慧 單位:蘭州文理學(xué)院 西北師范大學(xué)
隨著各種超級(jí)VGA的出現(xiàn),同時(shí)具有高分辨率和豐富色彩的圖形用戶界面已經(jīng)成為程序員和用戶共同追求的目標(biāo)。然而由于各制造商提供的VGA產(chǎn)品之間的差異,使得高分辨率256色圖形界面的兼容性受到影響,常常會(huì)出現(xiàn)這樣的情況:在一個(gè)顯示系統(tǒng)下運(yùn)行良好的程序,在另一種顯示系統(tǒng)下變得面目全非,甚至根本不顯示。這表明程序員對(duì)程序的可移植性重視不夠,或?qū)Ω鞣N顯示設(shè)備缺乏足夠的了解。
軟件的可移植性是指軟件產(chǎn)品從一個(gè)硬件/軟件環(huán)境轉(zhuǎn)移到另一個(gè)硬件/軟件環(huán)境的難易與繁簡(jiǎn)程度。它從軟件對(duì)新環(huán)境的適應(yīng)性這一方面,反映了軟件的質(zhì)量。為了提高軟件的可移植性,應(yīng)盡量使軟件與具體的設(shè)備無(wú)關(guān),即提高軟件的設(shè)備獨(dú)立性。對(duì)于256色圖形界面而言,就是要使程序不依賴于某種特定的顯示器。例如,程序員沒(méi)有任何理由假定用戶使用的是TVGA。為此,程序員必須提供顯示卡的常規(guī)檢測(cè)例程,并能根據(jù)檢測(cè)的結(jié)果決定圖形算法的具體實(shí)現(xiàn)。
提高軟件設(shè)備獨(dú)立性的方法有很多,表格驅(qū)動(dòng)就是其中一種。所謂表格,就是根據(jù)需要設(shè)計(jì)的數(shù)據(jù)結(jié)構(gòu)。表格中的數(shù)據(jù)由檢測(cè)例程填寫。表格中包含哪些欄目,應(yīng)在對(duì)各制造商提供的SuperVGA產(chǎn)品足夠了解的基礎(chǔ)上取舍,欄目應(yīng)體現(xiàn)各產(chǎn)品之間的差異。
一、SuperVGA編程綜述
SuperVGA產(chǎn)品在體系結(jié)構(gòu)上和標(biāo)準(zhǔn)的IBMVGA有所不同。但編程思想基本上是一樣的,這些編程方法已有許多文章介紹,這里不再重復(fù)。
影響256色圖形界面可移植性的主要障礙來(lái)自各制造商提供的VGA產(chǎn)品的下面幾點(diǎn)差異。
1.顯示模式的定義不同。如5DH對(duì)TVGA而言,代表640×480
×256色模式,對(duì)PVGA而言卻代
表1024×768×16色模式。因此,直接用這種模式號(hào)初始化顯示系統(tǒng)是不可取的。和顯示模式密切相關(guān)的是水平分辨率和垂直分辨率。盡管各VGA的256色顯示模式定義迥異,但大都支持如下幾種流行的分辨率,現(xiàn)用統(tǒng)一的模式號(hào)定義見(jiàn)附表。
@@10A06500.GIF;附表@@
不同分辨率之間的區(qū)別,體現(xiàn)在編程上就是同一屏幕坐標(biāo)映射到顯存的地址不同,但映射機(jī)理卻是一樣的。具體地說(shuō),坐標(biāo)(x,y)對(duì)應(yīng)顯存的偏移地址(相對(duì)于A000)為Addr=-vga-width*y+x
2.分頁(yè)機(jī)制不同。SuperVGA使用256K、512K或1M
的顯示存儲(chǔ)器結(jié)構(gòu)。為了使處理器可通過(guò)一個(gè)64K主窗口來(lái)存取這樣大的顯示存儲(chǔ)器,SuperVGA有一個(gè)存儲(chǔ)器分頁(yè)機(jī)制,使得只將顯示存儲(chǔ)器的一部分映射到處理器的地址空間。值得注意的是,不同的VGA產(chǎn)品,其頁(yè)的大小不同,頁(yè)起始地址的粒度也是可變的。具體的頁(yè)選擇算法請(qǐng)查閱制造商提供的資料。
不同的顯示模式,顯示一屏圖像所需的頁(yè)數(shù)是不同的。
除了可移植性外,效率也是一個(gè)不可忽視的因素。圖形系統(tǒng)的核心部分應(yīng)使用匯編語(yǔ)言編程。這不僅是因?yàn)閰R編語(yǔ)言的效率高,而且還因?yàn)閰R編語(yǔ)言子程序的可再用性和可協(xié)用性也很好。核心部分應(yīng)十分重視下面幾點(diǎn):(1)減少不必要的頁(yè)邊界檢查次數(shù);(2)只有在必要時(shí)才進(jìn)行頁(yè)選擇;(3)選擇高效的機(jī)器指令?,F(xiàn)舉例說(shuō)明。程序1是圖像顯示系統(tǒng)中常用的函數(shù),其功能是將解包后的圖像數(shù)據(jù)送到顯存。為便于閱讀同時(shí)給出了C語(yǔ)言調(diào)用原型。程序在傳送每一行數(shù)據(jù)時(shí),提前預(yù)測(cè)是否會(huì)遇到頁(yè)邊界,如果沒(méi)有,直接傳送;如果有,則將數(shù)據(jù)分成兩部分,分別傳送,中間插入頁(yè)選擇。所有的傳送均用字操作代替字節(jié)操作。頁(yè)邊界檢查只有一次,分頁(yè)操作只有在必要時(shí)才發(fā)生,圖像的顯示用最高效的指令REPMOVSW。
程度1:
;原型:voidLineDump(intx,inty,intnum,charfar*ptr)
;參數(shù):
;x,y-屏幕坐標(biāo)
;num-本行的像素個(gè)數(shù)
;ptr-指向像素?cái)?shù)據(jù)的遠(yuǎn)指針
LineDumpprocfar
pushbp
movbp,sp
subsp,2;WORDReservedforlocalvar.
pushds
pushes
pushsi
pushdi
reservedequ[bp-2];Localvar.saveseg(DGROUP)
xequ[bp+6];LargeModel
yequ[bp+8]
numequ[bp+10]
offsequ[bp+12]
psegequ[bp+14]
movreserved,ds
movds,pseg
movsi,offs;DS:SI圖像數(shù)據(jù)所在源地址
movax,0a000h;顯存段址
moves,ax;ES:DI顯存目的地址
movax,y
pushds
movds,reserved
mulwordptrDGROUP:-vga-width
popds
addax,x
adcdx,0
movdi,ax;DI=-vga-width*y+x
movah,dl;進(jìn)位部分(DL)=頁(yè)號(hào)
calldwordptrcs:-PageSelect
movcx,num;本行要傳送字節(jié)數(shù)
movbx,cx
addbx,di;檢測(cè)傳送是否在一個(gè)頁(yè)內(nèi)
jncDump-In-One-Page
subcx,bx;CX=本頁(yè)字節(jié)數(shù),BX=下頁(yè)字節(jié)數(shù)
shrcx,1;CX/2=字?jǐn)?shù)
repmovsw;本頁(yè)內(nèi)的傳送
adccx,0
repmovsb;處理可能的奇數(shù)字節(jié)數(shù)
incah;調(diào)整頁(yè)號(hào)
calldwordptrcs:-PageSelect
movcx,bx;新頁(yè)內(nèi)要寫的字節(jié)數(shù)
jcxzDump-Done
Dump-In-One-Page:
shrcx,1;CX/2=字?jǐn)?shù)
repmovsw;圖像傳送
adccx,0
repmovsb;處理可能的奇數(shù)字節(jié)數(shù)
Dump-Done:
popdi
popsi
popes
popds
movsp,bp
popbp
ret
LineDumpendp
二、表格驅(qū)動(dòng)的基本思想
根據(jù)上面的分析,用以驅(qū)動(dòng)顯示系統(tǒng)的表格,至少應(yīng)當(dāng)包含下列項(xiàng)目:
(1)實(shí)際顯示模式:vga-mode
(2)水平分辨率:vga-width
(3)垂直分辨率:vga-depth
(4)頁(yè)選擇例程的入口地址:PageSelect
(5)當(dāng)前顯示方式所使用的最大頁(yè)號(hào):vga-pages
這個(gè)表格由圖形初始化例程來(lái)填寫。圖形初始化例程接收的顯示模式是統(tǒng)一的模式號(hào),這樣可以撇開(kāi)具體的設(shè)備,如InitVGA(TVGA800×600)。該例程調(diào)用顯示設(shè)備檢測(cè)程序DetectVGA來(lái)判斷顯示器的類型,從而填寫表格中的各欄目,并初始化圖形系統(tǒng)為所需的圖形方式。所有圖形算法都要查此表。
除了用上述方法來(lái)實(shí)現(xiàn)兼容外,視頻電子學(xué)標(biāo)準(zhǔn)協(xié)會(huì)(VESA)為我們提供了另一種方法。
VESA
提供了一組附加的BIOS功能,這組功能以標(biāo)準(zhǔn)的方式訪問(wèn)SuperVGA擴(kuò)充的模式。VESA的附加功能都是通過(guò)BIOS中斷10H的4FH功能來(lái)實(shí)現(xiàn)的。VESA的子功能01能返回非常有用的SuperVGA模式信息,包括分頁(yè)例程的地址。
因此,程序員可以按照VESA的標(biāo)準(zhǔn)來(lái)編寫圖形系統(tǒng),這樣的程序可以在所有支持VESA的顯示器上運(yùn)行。由于VESA包括了世界上的主要VGA供應(yīng)商,寫出來(lái)的程序可移植性是很好的。但是,其效率卻可能是最低的。所以最好采用一種折衷的辦法,對(duì)于熟悉的產(chǎn)品,可以不用VESA的功能,對(duì)于不熟悉(資料不全)或檢測(cè)不出來(lái)的顯示器嘗試用VESA提供的手段來(lái)編程,當(dāng)然要檢測(cè)顯示設(shè)備是否支持VESA。
有時(shí)出于某種考慮,不希望支持所有顯示設(shè)備的代碼集中在一個(gè)程序中,可以為每個(gè)顯示設(shè)備分別提供驅(qū)動(dòng)模塊,主程序根據(jù)檢測(cè)的結(jié)果選擇一個(gè)合適的模塊加載。Borland的C++就是這樣,它有一套BGI驅(qū)動(dòng)程序,各驅(qū)動(dòng)程序提供統(tǒng)一的圖形函數(shù)接口。筆者在實(shí)際工作中,為每一種顯示設(shè)備編寫了一個(gè)256色的BGI格式的驅(qū)動(dòng)程序,這樣,在編寫圖形系統(tǒng)時(shí),再也沒(méi)有必要考慮用戶的實(shí)際顯示設(shè)備了。
三、范例
本文附有兩個(gè)圖形顯示的例子。ShowGif能顯示16/256色GIF格式圖像,能以任何256色模式啟動(dòng),支持多種顯示器。圖像可以漫游,并可隨時(shí)通過(guò)按鍵切換顯示方式。Main則是一個(gè)BGI驅(qū)動(dòng)的鼠標(biāo)/鍵盤控制的256色漢字圖形菜單。它自己會(huì)挑選一個(gè)合適的BGI,也可以從命令行指定一個(gè)BGI(比如指定VESA256給TVGA顯示器)。
限于篇幅,這里僅給出有關(guān)的數(shù)據(jù)結(jié)構(gòu)和部分函數(shù)的說(shuō)明(程序2)。然后給出一個(gè)初始化顯
示系統(tǒng)的C語(yǔ)言片斷(程序3)。
程序2(TVGA256.H):
/*統(tǒng)一的模式集*/
enumTVGA-MODE
TVGA320x200=0,
TVGA640x400=1,
TVGA640x480=2,
TVGA800x600=3,
TVGA1024x768=4,
;
voidTVGA256-driver(void);
voidPVGA256-driver(void);
voidAVGA256-driver(void);
...
voidVESA256-driver(void);
externintfar-CdeclTVGA256-driver-far[];
externintfar-CdeclPVGA256-driver-far[];
externintfar-CdeclAVGA256-driver-far[];
...
externintfar-CdeclVESA256-driver-far[];
/*支持的VGA集合*/
enumVGAs{
UnKnownVGA,
TridentVGA,
ParadiseVGA,
AheadVGA,
...
VesaVGA
};
/*對(duì)應(yīng)的BGI驅(qū)動(dòng)程序名*/
unsignedchar*Drivers[]={
"TVGA256",
"TVGA256",
"AVGA256",
...
"VESA256",
};
externintDetectVGA(void);
/*功能:檢測(cè)顯示卡的型號(hào)
返回值:0-Unknowm1-TridentVGA2-ParadiseVGA
...
x-不能檢測(cè)出的VGA,但支持VESA
返回值同時(shí)寫入全局變量vga-type*/
externintVesaFound(void);
/*功能:檢測(cè)VESABIOS的存在性
返回:0-不支持VESA;
其它-VESA版本號(hào)(0x0102即1.02版);
返回值同時(shí)寫入全程變量vesa-found.*/
externvoidInitVesa(void);
/*功能:初始化VESA.根據(jù)-vga-mode模式號(hào)換算成VESA的標(biāo)準(zhǔn)模式號(hào)填寫頁(yè)粒度(WinGranularity),頁(yè)大小(WinSize),
和分頁(yè)例程的入口地址(WinFuncPtr)
VESA的標(biāo)準(zhǔn)模式解釋如下:
100h-640x400256
101h-640x480256
102h-800x60016
103h-800x600256
104h-1024x76816
105h-1024x768256etc.
InitVesa供給InitVGA調(diào)用*/
externvoidInitVGA(intmode);
/*功能:初始化顯示系統(tǒng)(自動(dòng)調(diào)用DetectVGA檢測(cè)顯示卡)
參數(shù):mode=TVGA320x200(0)
TVGA640x400(1)
TVGA640x480(2)
TVGA800x600(3)
TVGA1024x768(4)
返回:InitVGA沒(méi)有顯式的返回值,但它初始化下列全程變量:
vga-mode,vga-width,vga-depth,vga-pages,PageSelect
必要時(shí)自動(dòng)調(diào)用InitVesa
*/
externintvga-type;
externintvga-mode;
externintvga-width;
externintvga-depth;
externintvga-pages;
externintvga-pages;
externcharpage-number;
externintvesa-found;
...
程序3(初始化顯示系統(tǒng)的程序片斷):
...
intGraphDriver,GraphMode;
unsignedchar*bgiDriver="PVGA256";
bgiDriver=Drivers[DetectVGA()];
GraphDriver=installuserdriver(bgiDriver,NULL);
GraphMode=TVGA800x600;
initgraph(&GraphDriver,&GraphMode,"");...
參考文獻(xiàn)
(南通大學(xué)杏林學(xué)院,江蘇 南通 226000)
摘 要:在數(shù)字媒體充斥的時(shí)代,用戶在數(shù)字媒體終端分享知識(shí)、分享觀點(diǎn)、分享商品消費(fèi)等,這種不受時(shí)空限制的傳播方式,改變著人們的行為和言論,以及生活方式.承載著各種信息數(shù)字媒體如何在同類型的媒介中獲得更多的用戶體驗(yàn),是數(shù)字媒體界面設(shè)計(jì)中時(shí)需要考慮的問(wèn)題,將情感化設(shè)計(jì)運(yùn)用于數(shù)字媒體界面設(shè)計(jì),用戶在滿足實(shí)用功能需求的同時(shí),也在情感上獲取更多的體驗(yàn).
關(guān)鍵詞 :數(shù)字媒體;界面;情感化設(shè)計(jì)
中圖分類號(hào):J524文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1673-260X(2015)07-0188-02
在數(shù)字時(shí)代,新媒體在人們的生活中占據(jù)了非常重要的地位,人們離開(kāi)了它,就會(huì)造成很多的不便,已經(jīng)成為一種生活方式.數(shù)字媒體界面設(shè)計(jì)不是單純是互聯(lián)網(wǎng)、計(jì)算機(jī)技術(shù)發(fā)展的結(jié)果,它涉及多種不同的學(xué)科如計(jì)算機(jī)技術(shù)、人機(jī)交互、視覺(jué)設(shè)計(jì)、美學(xué)、消費(fèi)者心理學(xué)、數(shù)字媒體技術(shù)、語(yǔ)言學(xué)等學(xué)科.最后通過(guò)各種數(shù)字媒體終端,以媒體界面形式展現(xiàn)給消費(fèi)者.根據(jù)界面設(shè)計(jì)不同的分類,如從心理學(xué)的角度,可分為視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)等和情感交互兩個(gè)方面的需求.如何在名目繁多的媒介中獲取更多用戶是數(shù)字媒體界面設(shè)計(jì)師需要思考的問(wèn)題.運(yùn)用情感的設(shè)計(jì)原則,將文化情感元素巧妙的建構(gòu)在數(shù)字媒體界面設(shè)計(jì)中有著重要意義,能夠給用戶帶來(lái)高層次的情感滿足,如歸屬感、自尊感、自我認(rèn)同感.
1 數(shù)字媒體界面設(shè)計(jì)中的情感體驗(yàn)
數(shù)字媒體界面設(shè)計(jì)是以互聯(lián)網(wǎng)、計(jì)算機(jī)技術(shù)為支撐,以用戶人性化、情感化體驗(yàn)為出發(fā)點(diǎn);以傳播文化為主體;以圖形、色彩、文字、動(dòng)畫、圖像等元素來(lái)傳播特定的信息,是一種信息傳播與交流的媒介.而情感體驗(yàn)主要是指人的一種心理反應(yīng),人們?cè)跀?shù)字媒體界界面設(shè)進(jìn)行交互體驗(yàn)的時(shí)候,不同風(fēng)格的界面設(shè)計(jì)會(huì)給用戶不同的視覺(jué)感受.
在認(rèn)知心理學(xué)家唐納德·A·諾曼的研究理論中,從設(shè)計(jì)的角度把情感因素分為本能、行為、反思三種.本能情感因素是用戶對(duì)于事物的本能反應(yīng),是情感加工的起點(diǎn),也是用戶通過(guò)觸覺(jué)、視覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)等感官行為方式在事物的外觀直接獲取的相關(guān)信息;行為情感因素是用戶經(jīng)過(guò)通過(guò)物品的使用,在物品功能的使用過(guò)程中所獲取的情感體驗(yàn);反思情感因素是用戶對(duì)于物品的外觀形象或?qū)υ撐锲肥褂煤蟮恼w印象,在反思情感因素的作用下,用戶根據(jù)自己的體驗(yàn),會(huì)對(duì)物品的使用會(huì)產(chǎn)生不同的情感反應(yīng),因此,反思情感因素會(huì)抑制用戶的本能情感因素或行為情感因素對(duì)于物品的情感體驗(yàn)[1].本能和行為情感因素是所有自然人的共同特性,這種本能與行為的情感反映對(duì)全世界的人都是一樣.在國(guó)內(nèi)外大多數(shù)與兒童相關(guān)的數(shù)字媒體界面設(shè)計(jì)中,在色彩和設(shè)計(jì)表現(xiàn)元素的選用上都會(huì)充分考慮兒童的情感因素.在兒童的世界里,所看到的色彩是明亮、鮮艷、輕松的,所運(yùn)用的設(shè)計(jì)元素動(dòng)態(tài)二富有童趣的,來(lái)彌合兒童認(rèn)知天性.反思情感因素的特性更多反應(yīng)在社會(huì)人當(dāng)中,每個(gè)人不同的生活環(huán)境、生存地域、文化背景等對(duì)事物會(huì)有不同的理解和認(rèn)知.在情感反應(yīng)上會(huì)存在著較大的差異.例如在中華文化背景下,一個(gè)數(shù)字媒體的界面設(shè)計(jì)運(yùn)用傳統(tǒng)文化中金黃色龍紋視覺(jué)元素,在中華民族文化背景下,所感受到是尊崇、敬畏,在情感上更多是民族自豪感;反之,其他地域、文化背景下的用戶感受到是視覺(jué)元素本身的形態(tài)與色彩,是單純的形與色激發(fā)的情感反應(yīng).
正式由于不同地域文化背景,用戶在面對(duì)同一事物的時(shí)候反思情感因素會(huì)存在著差異,設(shè)計(jì)師對(duì)于界面設(shè)計(jì)的預(yù)期與用戶在數(shù)字媒體的界面設(shè)計(jì)的感知有著一定的差異.因此,數(shù)字媒體的界面設(shè)計(jì)要獲得更多用戶在情感上的認(rèn)同,在設(shè)計(jì)過(guò)程中就必須遵循用戶所在地域的文化背景,充分發(fā)揮文化元素的象征性和代表性,使得用戶在交互使用中獲得更高層次的情感滿足.創(chuàng)造出本土地域的文化語(yǔ)境,在實(shí)現(xiàn)查詢、瀏覽、交互等資源的同時(shí),來(lái)滿足用戶情感上的需要.如同消費(fèi)者在品牌的選擇上,無(wú)論從“皮爾卡丹”到“路易威登”,還是“Hermes”到“Versace”獲取的不單純是這些奢侈品的物質(zhì)價(jià)值,而是在這些品牌背后所蘊(yùn)含蘊(yùn)含時(shí)尚文化象征意義.當(dāng)用戶不僅僅因?yàn)槭褂霉δ芨驗(yàn)槠鋫€(gè)性化的文化內(nèi)涵而選擇一個(gè)數(shù)字媒體的界面設(shè)計(jì),便意味著數(shù)字媒體的界面設(shè)計(jì)與用戶間的長(zhǎng)期紐帶建立起來(lái)了.
2 數(shù)字媒體界面設(shè)計(jì)中的情感化設(shè)計(jì)原則
2.1 人性化原則
所有的設(shè)計(jì)都是為人服務(wù),數(shù)字媒體界面設(shè)計(jì)也不例外.人性化設(shè)計(jì)是以人作為出發(fā)點(diǎn)進(jìn)行設(shè)計(jì),要充分考慮不同層次、不同群體人的需求,為用戶設(shè)計(jì)出合理的、易于用戶使用的、個(gè)性化的數(shù)字媒體界面為目的.所謂人性化設(shè)計(jì)就是在界面設(shè)計(jì)的過(guò)程中要充分考慮用戶的需求,是以用戶為中心的設(shè)計(jì)體現(xiàn),做到了人性化設(shè)計(jì),也就是實(shí)現(xiàn)了情感設(shè)計(jì)的本質(zhì).實(shí)現(xiàn)的過(guò)程是運(yùn)用技術(shù)手段,以藝術(shù)化方式呈現(xiàn)給用戶,既滿足了用戶的使用需求,也滿足精神層面的人文關(guān)懷.將人性化設(shè)計(jì)的原則運(yùn)用于界面設(shè)計(jì),并貫穿于人機(jī)界面設(shè)計(jì)的始終.能夠充分考慮用戶需求的設(shè)計(jì),就可以長(zhǎng)時(shí)間的把用戶留在媒體中,如“騰訊QQ”“微信”等社交媒體,它不是單純的聊天工具,在這里用戶可以使用語(yǔ)音、文字、圖片、視頻、咨訊、最大限度滿足用戶的需求.反之,一個(gè)沒(méi)有充分考慮用戶需求的設(shè)計(jì),人性化就無(wú)從談起,這樣的設(shè)計(jì)用戶在體驗(yàn)的過(guò)程中漸漸失去了繼續(xù)關(guān)注的欲望,在新鮮感過(guò)去之后,也就放棄該媒體的繼續(xù)使用.
2.2 審美性原則
數(shù)字互聯(lián)網(wǎng)時(shí)代,人們?cè)跀?shù)字媒體中獲得極其豐富的情感體驗(yàn),瀏覽網(wǎng)頁(yè)、查詢資料、互動(dòng)聊天、娛樂(lè)游戲等是極其豐富的,當(dāng)人們打開(kāi)互聯(lián)網(wǎng)媒介界面時(shí),圖形、色彩、文字的設(shè)計(jì)給人以賞心悅目的感受.審美是人們對(duì)于不同事物認(rèn)知的直接感受,不同的事物用戶會(huì)感受到不同審美感受,具有審美價(jià)值的事物是能夠讓面對(duì)事物時(shí)會(huì)產(chǎn)生美的享受,這種感受正是審美對(duì)象基于人對(duì)形象與情感的結(jié)合[2].唐納德·A·諾曼的情感化設(shè)計(jì)理論貫穿于用戶的審美活動(dòng)之中,界面設(shè)計(jì)師以設(shè)計(jì)神情愉悅的審美事物為出發(fā)點(diǎn),來(lái)滿足用戶在視覺(jué)和情感上不同的審美訴求.
2.2.1 形式美
一個(gè)“有意味的形式”,都是通過(guò)形式美表現(xiàn)出來(lái),都遵循形式美的規(guī)律如對(duì)比與均衡、節(jié)奏與韻律、尺度與比例等等.形式美感的變換是基于人的感覺(jué)與知覺(jué)而存在,用戶在數(shù)字媒體上交互獲取相關(guān)咨詢時(shí),還在視覺(jué)上欣賞到了愉悅的畫面和豐富情感體驗(yàn).在數(shù)字媒體界面設(shè)計(jì)時(shí)巧妙運(yùn)用形式美法則,可以讓冰冷的機(jī)器在用戶面前成為情感體驗(yàn)的樂(lè)土,讓界面設(shè)計(jì)中的色彩、圖形、圖象、文字元素與數(shù)字媒體界面設(shè)計(jì)的主題在形式完美融合.
2.2.2 藝術(shù)美
藝術(shù)是感性的,富有美感的,是符合一定視覺(jué)審美趨向傳達(dá)和表現(xiàn).不能將數(shù)字媒體的理性與藝術(shù)的感性隔離開(kāi)來(lái),數(shù)字媒體界面的設(shè)計(jì)也需要藝術(shù)美,因?yàn)樗姆?wù)對(duì)象是人,正如古語(yǔ)中說(shuō)的那樣“愛(ài)美之心,人皆有之”.設(shè)計(jì)師通過(guò)對(duì)界面情感化設(shè)計(jì),將用戶穩(wěn)固于某一個(gè)媒介,這是非常重要的,除了好用、易用之外,要將設(shè)計(jì)元素進(jìn)行藝術(shù)加工、呈現(xiàn)給用戶具有藝術(shù)美感的的界面設(shè)計(jì).用戶的體驗(yàn)與設(shè)計(jì)師創(chuàng)造有用的、符合用戶多層次需求的界面設(shè)計(jì)出發(fā)點(diǎn)是一直的.界面設(shè)計(jì)師通過(guò)技術(shù)與藝術(shù)設(shè)計(jì)創(chuàng)造激發(fā)用戶情感體驗(yàn)[3].
2.3 多樣性原則
不同用戶群體,對(duì)于事物有著不同的感知,在面對(duì)同一事物時(shí),情感因人而異,因時(shí)而異,情感形態(tài)呈現(xiàn)多樣化,因此情感化設(shè)計(jì)必須是包容性的設(shè)計(jì).用戶本能性的情感感知是長(zhǎng)期在社會(huì)實(shí)踐所積累的對(duì)事物的認(rèn)知,不同層次的用戶在認(rèn)知過(guò)程中存在著一定的差異.用戶在數(shù)字媒體界面中交互過(guò)程就是的感知過(guò)程,也是一種情感的體驗(yàn);用戶通過(guò)本能層情感和行為層情感的激發(fā),與自身的生理、心理、行為的反思進(jìn)而獲得更高層次情感體驗(yàn).
2.4 情境融合原則
用戶在數(shù)字化、虛擬媒體界面中獲取信息最直接的方式是通過(guò)視覺(jué)查看事物,在這個(gè)過(guò)程中與信息產(chǎn)生感受交流,這種感受與情感的交流正是界面設(shè)計(jì)主題的內(nèi)容通過(guò)色彩、圖形、文字、圖像等元素,呈現(xiàn)出來(lái)的視覺(jué)語(yǔ)境.讓用戶在視覺(jué)語(yǔ)言中產(chǎn)生聯(lián)想,使用特定的文化情感元素進(jìn)行數(shù)字媒體界面設(shè)計(jì),引導(dǎo)用戶在心理和情感上產(chǎn)生反應(yīng),讓用戶在某種特定主題情境產(chǎn)生特定的心理反應(yīng)和情感反應(yīng).在相關(guān)的社會(huì)心理學(xué)研究中顯示,情境對(duì)于人的行為有這很大影響[4].特別是在情境決定論中,情境被置于主體地位.不同的情境會(huì)對(duì)用戶有著微妙的心理感受.情境環(huán)境是愉悅的、嚴(yán)肅的、悲傷的等等,都能夠?qū)θ藗兊乃季S、情感和行為產(chǎn)生一定影響[5].當(dāng)用戶通過(guò)數(shù)字媒體界面進(jìn)行交流互動(dòng)時(shí),界面設(shè)計(jì)中的色彩、圖形、文字、圖像、動(dòng)畫等等設(shè)計(jì)元素將滿足數(shù)字媒體主題要求的同時(shí),也將界面設(shè)計(jì)營(yíng)造成了一種情境,用戶心理在這個(gè)情境中會(huì)產(chǎn)生不同的變化,此時(shí)的界面設(shè)計(jì)與用戶的情感體驗(yàn)進(jìn)行很好的融合.因此,情境融合是數(shù)字媒體界面設(shè)計(jì)中進(jìn)行情感化設(shè)計(jì)需要考慮的因素之一.不同的用戶對(duì)不同的數(shù)字媒體界面在審美觀上有著不同的差異,這種差異來(lái)自于用戶社會(huì)閱歷、知識(shí)結(jié)構(gòu)、個(gè)人喜好和行為習(xí)慣等等,數(shù)字媒體界面設(shè)計(jì)師在界面設(shè)計(jì)的過(guò)程使用相關(guān)設(shè)計(jì)元素營(yíng)造出與用戶產(chǎn)生情感交融的語(yǔ)境,可以有效降低各種因素所帶來(lái)的情感認(rèn)知差異,最大限度的把用戶留在情境之中,長(zhǎng)時(shí)間的使用該媒體,接受該媒體的相關(guān)信息[6].
3 結(jié)語(yǔ)
數(shù)字媒體界面中聚集著各種各樣為主題服務(wù)的視覺(jué)元素,如色彩、圖形、圖像、文字、動(dòng)畫、底紋背景等等,各種視覺(jué)元素承載著這主題信息的某一個(gè)方面,來(lái)實(shí)現(xiàn)數(shù)字媒介傳播信息、交流互動(dòng)、商品銷售、娛樂(lè)游戲等功能.它們構(gòu)成了整個(gè)數(shù)字媒體界面.如何將這些元素運(yùn)用情感設(shè)計(jì)原則巧妙的從界面設(shè)計(jì)中體現(xiàn)出來(lái),主動(dòng)營(yíng)造出特定情境氛圍,讓用戶在獲得信息的同時(shí),獲取更多的情感體驗(yàn)[7].注重用戶的情感體驗(yàn)是二十一世紀(jì)設(shè)計(jì)界的大勢(shì)所趨,也是每個(gè)數(shù)字媒體開(kāi)發(fā)者的初衷,只有通過(guò)大量的用戶使用或關(guān)注該媒體,這個(gè)媒體才會(huì)有存在的價(jià)值.除了媒體自身的實(shí)用用功能之外,運(yùn)用情感化設(shè)計(jì)的原則來(lái)指導(dǎo)數(shù)字媒體的界面設(shè)計(jì),最大限度的滿足用戶情感體驗(yàn)有著重要意義[8].“感人心者,莫先乎情”,在數(shù)字媒體界面設(shè)計(jì)中恰當(dāng)運(yùn)用情感化設(shè)計(jì),既提升數(shù)字媒體界面設(shè)計(jì)的價(jià)值和品味,也給用戶帶來(lái)情感上的啟迪和人文關(guān)懷.
參考文獻(xiàn):
(1)唐納德·A·諾曼.情感化設(shè)計(jì)[M].北京:電子工業(yè)出版社,2005.6—20.
(2)王亞美.社交網(wǎng)站界面的情感化設(shè)計(jì)研究[J].浙江農(nóng)林大學(xué),2013(06).
(3)徐恒醇.設(shè)計(jì)美學(xué)[M].北京:清華大學(xué)出版社,2006.42、31
(4)(美)Stephen P,Anderson.怦然心動(dòng):情感化交互設(shè)計(jì)指南[M].北京:人民郵電出版社,2012.19.
(5)(美)Philip G.Zimbardo.Robert L.Johnson.Ann L.Weber.津巴多普通心理學(xué)[M].中國(guó)人民大學(xué)出版社,2009.516.
(6)童俐.兒童家具情感化設(shè)計(jì)原則之解析[J].裝飾,2012(2):102-103.
UI設(shè)計(jì)又稱用戶界面設(shè)計(jì),它主要是指對(duì)屏幕上的圖形以及界面進(jìn)行整體的設(shè)計(jì),比如,對(duì)界面或者網(wǎng)站的圖形、顏色以及風(fēng)格等設(shè)計(jì)出各樣的視覺(jué)效果。UI界面設(shè)計(jì)不僅僅是對(duì)用戶界面進(jìn)行的一種簡(jiǎn)單裝飾與美化,因?yàn)楫?dāng)今UI設(shè)計(jì)師的工作越來(lái)越等同于藝術(shù)家的工作,尤其是隨著當(dāng)今社會(huì)生活中越來(lái)越多的電子產(chǎn)品以及網(wǎng)頁(yè)網(wǎng)站的出現(xiàn),高水平的UI設(shè)計(jì)已經(jīng)成為當(dāng)今設(shè)計(jì)市場(chǎng)在激烈競(jìng)爭(zhēng)中立于不敗之地的主要途徑。一個(gè)漂亮的UI界面,不僅能夠讓用戶有舒適的體驗(yàn),還能夠讓該產(chǎn)品為該企業(yè)帶來(lái)更多的利益。因此UI界面的設(shè)計(jì)不僅僅需要?jiǎng)?chuàng)造藝術(shù)美感,還需要綜合考慮使用的人群以及使用的方法等。雖然當(dāng)前許多設(shè)計(jì)師是參與到了UI界面的設(shè)計(jì)工作中,然而UI界面的設(shè)計(jì)并非等同于純粹簡(jiǎn)單的藝術(shù)創(chuàng)作,人們審美水平的提升和審美水平的變化,對(duì)當(dāng)前UI界面的設(shè)計(jì)要求越來(lái)越高。如何才能設(shè)計(jì)出用戶滿意和舒適的UI界面,為用戶提供更加滿意的體驗(yàn),成為當(dāng)前UI設(shè)計(jì)師所面臨的重要課題。
二、UI界面設(shè)計(jì)的主要軟件及內(nèi)容
隨著各種各樣電子產(chǎn)品的普及和運(yùn)用,豐富多彩的界面設(shè)計(jì)使得這些電子產(chǎn)品不僅具有吸引客戶,同時(shí)還賦予它新的生命力的特點(diǎn)。例如常用的手機(jī)與電腦中的圖像設(shè)計(jì)軟件photoshop,它是一種對(duì)圖形圖像進(jìn)行編輯的軟件,可以為用戶提供非常便捷和豐富的圖形編輯設(shè)計(jì)等功能,用戶可以運(yùn)用各種顏色以及筆刷的形狀,使得設(shè)計(jì)的空間更加廣闊,更加符合他們的設(shè)計(jì)理念。當(dāng)前的專業(yè)藝術(shù)院校還沒(méi)有建立一個(gè)較為完善的UI界面設(shè)計(jì)專業(yè),因此培養(yǎng)專業(yè)的UI設(shè)計(jì)師是設(shè)計(jì)出良好UI界面的關(guān)鍵,UI設(shè)計(jì)的主要內(nèi)容包括以下幾個(gè)方面:
一是網(wǎng)頁(yè)的整體布局與設(shè)計(jì)。這需要設(shè)計(jì)師具有綜合的知識(shí)與能力,需要將多種設(shè)計(jì)元素融入界面設(shè)計(jì)之中,同時(shí)要突出頁(yè)面設(shè)計(jì)的主題,根據(jù)用戶的需求和實(shí)際情況來(lái)構(gòu)圖設(shè)計(jì),在注重美的同時(shí),還要重視實(shí)用的便捷性原則。
二是對(duì)界面的外觀進(jìn)行設(shè)計(jì)。常用的UI界面外觀設(shè)計(jì)的手段有利用經(jīng)典的幾何圖形,比如圓形、長(zhǎng)方形、菱形、四邊形等等,每一種圖形都代表著不同的含義。同時(shí)在設(shè)計(jì)中還可以結(jié)合多種形狀,表現(xiàn)更加豐富和更加具有層次的特點(diǎn)。
三是對(duì)界面中文字的設(shè)計(jì)與編排。文字是界面中的主要內(nèi)容,因此為了突出界面中的主要信息要對(duì)文字的顏色、字體、字號(hào)等等進(jìn)行搭配與組合的設(shè)計(jì)。同時(shí)還要對(duì)字的行間距等進(jìn)行協(xié)調(diào)的搭配,讓整個(gè)文字給人以視覺(jué)上美的享受。
四是對(duì)圖片的設(shè)計(jì)與多媒體的設(shè)計(jì)。任何一個(gè)UI界面都會(huì)涉及到圖片與文字,因此通過(guò)圖片來(lái)補(bǔ)充文字,具有良好的視覺(jué)補(bǔ)充效果,可以互相滲透,讓界面更加的活躍,更加的具有立體感,也讓整個(gè)界面更加豐富。而隨著3d、2d的動(dòng)畫效果的普遍運(yùn)用,為了吸引更多的使用者,設(shè)計(jì)師可以通過(guò)在界面中插入3d與2d的動(dòng)畫效果,讓聲音視頻等,更多的媒體參與到頁(yè)面設(shè)計(jì)中,可以充分的調(diào)動(dòng)用戶的各種感官的體驗(yàn)與享受。
五對(duì)網(wǎng)頁(yè)界面背景的設(shè)計(jì)。背景的設(shè)計(jì)需要遵循與文字、圖片以及其他內(nèi)容風(fēng)格統(tǒng)一、渾然一體的原則。同時(shí)背景往往起到了襯托和渲染的作用,在設(shè)計(jì)上一般比較柔和,不能喧賓奪主。
六對(duì)顏色的設(shè)計(jì)搭配。對(duì)色彩的設(shè)計(jì)是整個(gè)界面設(shè)計(jì)中最為關(guān)鍵和核心的一個(gè)環(huán)節(jié),由于色彩往往給人第一印象和第一視覺(jué)沖擊的影響,因此它直接影響和作用著人的情感,不同的顏色會(huì)讓人產(chǎn)生不同的心理體驗(yàn)與感受,因此UI界面設(shè)計(jì)中對(duì)色彩的搭配,首先需要從用戶的角度出發(fā),讓用戶可以根據(jù)自己的喜好,任意選擇滿意的色彩變化。其次是UI界面設(shè)計(jì)的色彩要能夠起到引導(dǎo)作用,能夠?yàn)橛脩魝鬟_(dá)一種情感的導(dǎo)向,人的情感與顏色之間密不可分,良好的UI設(shè)計(jì)師總是能夠通過(guò)顏色的搭配,抓住用戶的情感體驗(yàn),并且吸引用戶。
七是對(duì)明暗以及深淺的設(shè)計(jì)搭配。如果設(shè)計(jì)師選擇了深色的背景,那么就應(yīng)該在深色的背景上使用淺色或亮色的文字和圖片,這樣用戶的視覺(jué)就可以停留在文字與圖片上,通過(guò)深淺和明暗的色彩對(duì)比能夠讓頁(yè)面更加的賞心悅目。
三、UI界面設(shè)計(jì)的具體措施
關(guān)鍵詞:界面設(shè)計(jì);教學(xué);考核
中圖分類號(hào):G42 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1005-5312(2013)29-0237-01
一、教學(xué)內(nèi)容:不同專業(yè)側(cè)重點(diǎn)不同
(一)繪畫專業(yè)
本專業(yè)學(xué)生主要學(xué)習(xí)繪畫藝術(shù)方面的基本理論和基本知識(shí),受到藝術(shù)思維與繪畫造型的基本訓(xùn)練,具有繪畫創(chuàng)作的基本能力。與其他專業(yè)相比,繪畫專業(yè)大學(xué)生表現(xiàn)出不同的特點(diǎn)。由于美術(shù)專業(yè)對(duì)技能有很高的要求,他們的創(chuàng)新精神和實(shí)踐能力較強(qiáng)。此外,繪畫專業(yè)大學(xué)生的思想開(kāi)放、思維活躍,容易接受新觀念。因此在創(chuàng)新能力方面比設(shè)計(jì)類的學(xué)生更豐富、更大膽,在課程教學(xué)中多發(fā)揮其本專業(yè)的特點(diǎn),多培養(yǎng)創(chuàng)新能力。手繪能力強(qiáng),但是其軟件操作能力差,在作業(yè)設(shè)置時(shí)可以強(qiáng)調(diào)其手繪能力而避免軟件操作。
(二)工業(yè)設(shè)計(jì)專業(yè)
工業(yè)設(shè)計(jì)的核心是產(chǎn)品設(shè)計(jì)。工業(yè)設(shè)計(jì)專業(yè)培養(yǎng)的學(xué)生具有理性分析能力與感性藝術(shù)表現(xiàn)雙重能力。在設(shè)計(jì)追求美觀、易用、個(gè)性化的同時(shí),產(chǎn)品界面設(shè)計(jì)的內(nèi)容得以體現(xiàn)。工業(yè)設(shè)計(jì)中的新產(chǎn)品開(kāi)發(fā)過(guò)程中需要考慮產(chǎn)品造型和軟件設(shè)計(jì)的一致性和易用性。故對(duì)于工業(yè)設(shè)計(jì)專業(yè)界面設(shè)計(jì)的教學(xué)應(yīng)當(dāng)以硬件界面設(shè)計(jì)與軟件界面設(shè)計(jì)結(jié)合為重點(diǎn)。掌握其軟、硬件界面的設(shè)計(jì)原則與技能。所以教學(xué)重點(diǎn)在培養(yǎng)其界面的交互行為、信息構(gòu)建及產(chǎn)品功能需求方面。
(三)視覺(jué)傳達(dá)專業(yè)
在我國(guó)界面設(shè)計(jì)最初等同于圖形設(shè)計(jì),最初的界面設(shè)計(jì)師這一角色大多是由平面設(shè)計(jì)專業(yè)的“美工”充當(dāng)?shù)摹R驗(yàn)榻缑嬖O(shè)計(jì)中視覺(jué)設(shè)計(jì)部分占有重要比重。對(duì)于視覺(jué)傳達(dá)專業(yè)的學(xué)生來(lái)說(shuō),長(zhǎng)處是具有較強(qiáng)的圖形、色彩、版式等視覺(jué)設(shè)計(jì)能力,欠缺的是邏輯分析能力以及結(jié)構(gòu)設(shè)計(jì)與交互設(shè)計(jì)能力。相關(guān)學(xué)科基礎(chǔ)知識(shí)也相對(duì)缺乏。視覺(jué)傳達(dá)的設(shè)計(jì)領(lǐng)域包括字體設(shè)計(jì)、標(biāo)志設(shè)計(jì)、編排設(shè)計(jì)、廣告設(shè)計(jì)、包裝設(shè)計(jì)等,其設(shè)計(jì)對(duì)象是視覺(jué)符號(hào)。因此應(yīng)當(dāng)以軟件界面設(shè)計(jì)部分為重點(diǎn)。發(fā)揮專業(yè)所長(zhǎng),加強(qiáng)軟件界面的美觀、個(gè)性、創(chuàng)新等設(shè)計(jì)能力。同時(shí)強(qiáng)化相關(guān)理論知識(shí),在界面設(shè)計(jì)的理論原則指導(dǎo)下進(jìn)行設(shè)計(jì)。在教學(xué)中側(cè)重其視覺(jué)元素的訓(xùn)練和創(chuàng)意。
綜上因素,在教學(xué)內(nèi)容上主要分了幾個(gè)模塊,根據(jù)不同的專業(yè)特點(diǎn)采取不同側(cè)重點(diǎn)。
1.圖標(biāo)設(shè)計(jì)。繪畫專業(yè)和視覺(jué)專業(yè)其作業(yè)占主要,工業(yè)設(shè)計(jì)專業(yè)次要,培養(yǎng)創(chuàng)新能力,視覺(jué)表達(dá)能力。
2.手機(jī)界面設(shè)計(jì)。工業(yè)設(shè)計(jì)專業(yè)占主要,視覺(jué)及繪畫專業(yè)占次要,主要培養(yǎng)其邏輯思維能力、分析能力。
3.網(wǎng)頁(yè)界面設(shè)計(jì)。綜合能力考核。
二、教學(xué)方法:不同專業(yè)教學(xué)方法不同
在教學(xué)中,總體上是采用任務(wù)驅(qū)動(dòng)式教學(xué)模式,通過(guò)一個(gè)個(gè)任務(wù)來(lái)達(dá)到教學(xué)目標(biāo)。對(duì)不同任務(wù)又采用不同的教學(xué)方法,例如在圖標(biāo)UI設(shè)計(jì)模塊,采用學(xué)生自主設(shè)計(jì)為主,沒(méi)有對(duì)錯(cuò)好壞之分,只要學(xué)生設(shè)計(jì)出相關(guān)的主題界面就算成功。主要在于培養(yǎng)學(xué)生的創(chuàng)新思維能力,在此階段繪畫專業(yè)的學(xué)生表現(xiàn)的非常突出,每個(gè)方案都非常有意思而且手繪表達(dá)也非常到位。
而在手機(jī)UI 設(shè)計(jì)模塊,則采用設(shè)計(jì)比賽形式,以小組形式來(lái)做作業(yè),其作業(yè)必須按照設(shè)計(jì)比賽的標(biāo)準(zhǔn),從草圖到成型整過(guò)過(guò)程,在此作業(yè)中設(shè)計(jì)專業(yè)的學(xué)生表現(xiàn)非常好,發(fā)揮了其軟件操作能力,作品完成的非常好。同時(shí)設(shè)計(jì)出來(lái)的作品即可作為作業(yè)也可參加比賽,這樣很好鍛煉學(xué)生動(dòng)手操作能力,同時(shí),要求學(xué)生在組內(nèi)互幫互助,共同合作完成一個(gè)比才賽項(xiàng)目。通過(guò)這種形式讓學(xué)生提早了解企業(yè)以小組、團(tuán)隊(duì)形式做設(shè)計(jì)模式,做到理論與實(shí)踐相結(jié)合教學(xué)方法。
三、考核形式
由于課程的特殊性,課程的考核采用過(guò)程化考核方式,將整個(gè)學(xué)習(xí)過(guò)程都納入到考核當(dāng)中,學(xué)生的每一任務(wù)的完成都有相應(yīng)的分?jǐn)?shù),學(xué)生的總成績(jī)=平時(shí)表現(xiàn)+學(xué)生互評(píng)成績(jī)+任務(wù)完成成績(jī)。這樣,在UI設(shè)計(jì)沒(méi)有一個(gè)統(tǒng)一標(biāo)準(zhǔn)的情況下,逐步將學(xué)生的成績(jī)進(jìn)行量化,使學(xué)生重視平時(shí)的學(xué)習(xí),弱化最后課程的考核,改變學(xué)生最后突擊的現(xiàn)狀。
四、結(jié)束語(yǔ)
界面設(shè)計(jì)是伴隨著信息時(shí)代的發(fā)展而產(chǎn)生的新興學(xué)科。界面設(shè)計(jì)領(lǐng)域具有廣闊的發(fā)展前景。在市場(chǎng)中符合界面設(shè)計(jì)的具有綜合學(xué)科素質(zhì)的專業(yè)人才仍然相對(duì)缺乏。我國(guó)高校教育開(kāi)設(shè)界面設(shè)計(jì)專業(yè)還比較少,教學(xué)還不完善、成熟。因此,根據(jù)不同專業(yè)特點(diǎn)調(diào)整界面設(shè)計(jì)的教學(xué)內(nèi)容及教學(xué)方法,在提高專業(yè)水平的同時(shí)潛在的培養(yǎng)界面設(shè)計(jì)專業(yè)人才是十分必要的。
[關(guān)鍵詞]人機(jī)界面 設(shè)計(jì) 界面研究
隨著科技的發(fā)展,各種人類活動(dòng)電子化,計(jì)算機(jī)等電子科技產(chǎn)品在日常生活中發(fā)揮著越來(lái)越重要的作用。而伴隨著這些新技術(shù)的發(fā)展,人機(jī)交互成為了一門新興的專業(yè)學(xué)科,而人機(jī)界面作為人機(jī)交互系統(tǒng)中的一個(gè)環(huán)節(jié),幫助協(xié)調(diào)計(jì)算機(jī)與用戶,實(shí)現(xiàn)計(jì)算機(jī)軟件與用戶之間的聯(lián)系與工作,起著關(guān)鍵性的作用。
一、人機(jī)交互的含義
人機(jī)交互是指人與計(jì)算機(jī)之間使用某種會(huì)話語(yǔ)言,以一定的方式,為完成確定任務(wù)而進(jìn)行的人機(jī)之間的信息交換過(guò)程。
而人機(jī)界面則是人機(jī)交互系統(tǒng)中媒介,只要是參與人機(jī)信息交流的一切領(lǐng)域都是屬于界面設(shè)計(jì)的范疇,所以人機(jī)界面的應(yīng)用的領(lǐng)域也是相當(dāng)廣泛,如工業(yè)設(shè)計(jì)和機(jī)械設(shè)計(jì);人機(jī)交互以及軟件開(kāi)發(fā);金融領(lǐng)域、管理學(xué)等學(xué)科;醫(yī)學(xué)、工作保健等方面;系統(tǒng)設(shè)計(jì)方面;交通人機(jī)工程、軍隊(duì)系統(tǒng)、環(huán)境人機(jī)工程、語(yǔ)音識(shí)別等。
作為一門交叉學(xué)科,人機(jī)界面涉及到人機(jī)工程學(xué)、工業(yè)設(shè)計(jì)、計(jì)算機(jī)科學(xué)、認(rèn)知科學(xué)、生理學(xué)、藝術(shù)學(xué)、社會(huì)學(xué)等相關(guān)領(lǐng)域。所以一個(gè)優(yōu)秀的界面設(shè)計(jì)的評(píng)價(jià),要從多角度來(lái)看待,從多方面因素來(lái)評(píng)價(jià)。
簡(jiǎn)而言之,人機(jī)界面設(shè)計(jì)是一個(gè)結(jié)合計(jì)算機(jī)科學(xué)、美學(xué)、心理學(xué)、人機(jī)工程學(xué)等工業(yè)和商業(yè)領(lǐng)域的行為,其目標(biāo)是促進(jìn)設(shè)計(jì),執(zhí)行和優(yōu)化信息與通信系統(tǒng)以滿足用戶的需要。
二、優(yōu)秀人機(jī)界面所具備的特點(diǎn)
人機(jī)界面設(shè)計(jì)從最開(kāi)始的“人不得不努力去適應(yīng)計(jì)算機(jī)”過(guò)渡到“計(jì)算機(jī)將努力去適應(yīng)人的需要”,這是對(duì)人機(jī)界面設(shè)計(jì)提出的要求與最終結(jié)果。所以,用戶滿意度是一個(gè)優(yōu)秀的界面設(shè)計(jì)所必須滿足的條件。
從用戶的角度分析出發(fā)來(lái)研究人機(jī)界面,一個(gè)優(yōu)秀的界面可分為三類:功能性設(shè)計(jì)界面、情感性設(shè)計(jì)界面、環(huán)境性設(shè)計(jì)界面。設(shè)計(jì)界面是以功能性界面為基礎(chǔ),以環(huán)境性界面為前提,以情感性界面為重心,他們之間互相是有機(jī)聯(lián)系的。
人機(jī)界面設(shè)計(jì)的好壞與設(shè)計(jì)者的經(jīng)驗(yàn)有關(guān)系,并且存在著一般適用的基本原則。如界面設(shè)計(jì)的八條黃金規(guī)則(適用于大多數(shù)的交互系統(tǒng)): 1.盡可能保證一致;2.符合普遍可用性;3.提供信息豐富的反饋;4.設(shè)計(jì)說(shuō)明對(duì)話框以生成結(jié)束信息;5.預(yù)防錯(cuò)誤;6.允許輕松的反向操作;7.支持內(nèi)部控制點(diǎn);8.減少短時(shí)記憶。在滿足這幾項(xiàng)一般適用原則之后,界面就能滿足用戶最基本的最基本功能性要求。
三、從用戶角度分析優(yōu)秀的界面設(shè)計(jì)
從發(fā)展趨勢(shì)來(lái)看,人機(jī)界面大致包括以下幾方面機(jī)能:系統(tǒng)管理、會(huì)話管理、返回和錯(cuò)誤處理信息、操作者支持、存貯的數(shù)據(jù)管理、有關(guān)設(shè)施服務(wù)、智能化系統(tǒng)。
而作為人和計(jì)算機(jī)之間的聯(lián)系媒介的人機(jī)界面,可以劃分為用戶層、環(huán)境層、應(yīng)用層、數(shù)據(jù)庫(kù)層四個(gè)層。用戶層和環(huán)境層合起來(lái)就成為用戶界面。用戶通過(guò)用戶層將信息傳遞給計(jì)算機(jī),計(jì)算機(jī)也是通過(guò)這一層將信息傳遞給用戶,環(huán)境層能對(duì)信息進(jìn)行識(shí)別、驗(yàn)證等處理,是用戶和計(jì)算機(jī)能得到正確的信息,同時(shí)對(duì)用戶和計(jì)算機(jī)起幫助。應(yīng)用層接受信息,執(zhí)行規(guī)定的動(dòng)作,并給出處理結(jié)果。數(shù)據(jù)庫(kù)層是存放、管理各種數(shù)據(jù),供各層試用。
用戶在使用人機(jī)界面,先輸入命令或者數(shù)據(jù),對(duì)于命令包括菜單選擇的命令要做句法和詞義檢查。出錯(cuò)的話,通過(guò)屏幕提示用戶,要求用戶重新輸入。若是正確,則轉(zhuǎn)到中間操作和執(zhí)行應(yīng)用程序,為用戶下一步工作服務(wù)。應(yīng)用程序的執(zhí)行是用戶工作的中心。在應(yīng)用程序執(zhí)行時(shí),可返回到中間操作處或輸出執(zhí)行結(jié)果,在應(yīng)用程序執(zhí)行時(shí)也可以調(diào)用支持設(shè)施,給與用戶幫助。輸出的結(jié)果經(jīng)屏幕提示用戶。
在這些設(shè)計(jì)的過(guò)程中,最緊要的就是將設(shè)計(jì)與用戶需求相結(jié)合。首先人機(jī)界面設(shè)計(jì)要確立用戶類型,然后針對(duì)其特點(diǎn)預(yù)測(cè)他們對(duì)不同界面的反應(yīng),這就需要從多方面進(jìn)行設(shè)計(jì)分析。其次,人機(jī)界面要盡量較少用戶的記憶負(fù)擔(dān),采用一些有助于記憶的設(shè)計(jì)方案,可以使得用戶有效的提高工作效率。最重要的還有,幫助和提示原則對(duì)用戶的操作命令作出反應(yīng),幫助用戶處理問(wèn)題,系統(tǒng)要求設(shè)計(jì)有恢復(fù)現(xiàn)場(chǎng)出錯(cuò)的能力,在系統(tǒng)內(nèi)部處理工作要有提示,把主動(dòng)權(quán)交給用戶。
對(duì)于用戶來(lái)說(shuō),一個(gè)優(yōu)秀的人機(jī)界面需要滿足大多數(shù)用戶的操作喜好及感官需求,讓用戶能夠輕松的控制其使用過(guò)程,得到用戶的好評(píng)。而以用戶為中心人機(jī)界面設(shè)計(jì)的設(shè)計(jì)方法的基本思想就是在每個(gè)設(shè)計(jì)過(guò)程中把用戶擺在設(shè)計(jì)過(guò)程的首位。
四、人機(jī)界面設(shè)計(jì)的一般過(guò)程
人機(jī)界面設(shè)計(jì)的第一步是創(chuàng)建用戶模型,了解用戶的意圖,知道用戶想做什么。研究用戶的目的在于激發(fā)設(shè)計(jì)團(tuán)隊(duì)并讓他們聚焦在某些關(guān)鍵點(diǎn)上,換位思考,處于用戶的環(huán)境中,了解用戶的需要。設(shè)計(jì)師可以適當(dāng)深入到實(shí)際的使用場(chǎng)景中去,通過(guò)與用戶交流,讓用戶在使用時(shí)說(shuō)出自己的想法,這樣才能不忽視細(xì)節(jié)關(guān)鍵。
完成用戶模型定義之后,需要定義和分析用戶履行的任務(wù),尋找與任務(wù)相關(guān)的概念模型,對(duì)結(jié)果進(jìn)行分析總結(jié)出設(shè)計(jì)主題。并且通過(guò)視覺(jué)化的形式來(lái)表現(xiàn)給設(shè)計(jì)團(tuán)隊(duì),一邊突出設(shè)計(jì)重點(diǎn)。分析需求的目的是為了將用戶的需求更加直觀的展示給設(shè)計(jì)團(tuán)隊(duì),以達(dá)到以用戶為中心界面設(shè)計(jì)的目的。
在完成用戶建模和需求后,就可以使用這些信息構(gòu)建草圖,進(jìn)一步構(gòu)建產(chǎn)品原型。在構(gòu)建原型時(shí),也應(yīng)考慮到使用者界面的設(shè)計(jì)標(biāo)準(zhǔn)來(lái)構(gòu)架技術(shù)框架。在人機(jī)界面最終完成時(shí),要將其軟、硬件系統(tǒng)按其性能、功能、界面形式、可用性等方面進(jìn)行評(píng)估,最重要的是要進(jìn)行用戶測(cè)試,進(jìn)行用戶反饋。
五、人性化的設(shè)計(jì)原則在人機(jī)界面中應(yīng)用
一個(gè)好的界面設(shè)計(jì),能夠讓用戶在愉悅的環(huán)境中使用,并且激發(fā)出用戶的興趣。設(shè)計(jì)出情感界面方法無(wú)外乎是使用富含表情圖標(biāo)和其他元素來(lái)表達(dá)感情狀態(tài),使用這些富有表現(xiàn)力的裝飾,提供了讓用戶放心的反饋,這個(gè)反饋既富含信息又生動(dòng)。
所以在在軟界面設(shè)計(jì)中注重對(duì)人的認(rèn)知分析,從而建立以界面設(shè)計(jì)為中心的軟件設(shè)計(jì)框架是一個(gè)優(yōu)秀界面設(shè)計(jì)的必備因素。以人為本的設(shè)計(jì)理念應(yīng)貫穿人機(jī)界面的全過(guò)程。
比如手機(jī)界面的UI設(shè)計(jì),首先,對(duì)用戶進(jìn)行調(diào)查分類,搞清用戶的訴求與喜好。然后開(kāi)始定義分析設(shè)計(jì)相應(yīng)的軟件界面,針對(duì)大眾用戶群體的可用性分析與界面視覺(jué)探索,將抽象的概念需求轉(zhuǎn)化為視覺(jué)形象化的圖形設(shè)計(jì)語(yǔ)言,以確定產(chǎn)品方向。最后將設(shè)計(jì)出來(lái)的界面進(jìn)行評(píng)估反饋。最終得出設(shè)計(jì)的要點(diǎn)有簡(jiǎn)潔的視覺(jué)呈現(xiàn)、便捷的交互體驗(yàn)、統(tǒng)一的整體風(fēng)格、精致的細(xì)節(jié)訴求。
隨著系統(tǒng)的日益復(fù)雜和功能的不斷強(qiáng)大,軟件操作日益復(fù)雜,門檻也越來(lái)越高,但軟件的最終使用者還是用戶,因此建立軟件與用戶之間的良好溝通是具有重要意義的。這樣一來(lái)既能方便用戶使用,又加強(qiáng)了人機(jī)之間的共鳴。不僅是有助于設(shè)計(jì)的順利進(jìn)行,也將使用戶受益。
六、小結(jié)
成功的人機(jī)界面設(shè)計(jì)不僅會(huì)提高使用者的工作效率,帶給用戶一個(gè)舒暢的使用環(huán)境,成為一個(gè)適應(yīng)大眾的優(yōu)秀軟件。
人機(jī)界面設(shè)計(jì)不僅是單純的美工設(shè)計(jì),或是單純的功能設(shè)計(jì),而應(yīng)該更多的考慮它的使用方式與滿足不同使用者的使用方式與需求。將完善的交互功能與優(yōu)秀的人機(jī)界面結(jié)合起來(lái),滿足使用者方便快捷的使用需求,只有這樣的界面才是優(yōu)秀的人機(jī)界面。因此,人機(jī)界面設(shè)計(jì)最后重要的在于“人”與“機(jī)”之間的結(jié)合,人機(jī)結(jié)合密切的界面使用戶樂(lè)于使用的優(yōu)秀界面。
參考文獻(xiàn):