時(shí)間:2023-03-15 14:50:51
序論:好文章的創(chuàng)作是一個(gè)不斷探索和完善的過程,我們?yōu)槟扑]十篇界面設(shè)計(jì)范例,希望它們能助您一臂之力,提升您的閱讀品質(zhì),帶來更深刻的閱讀感受。
近年來,隨著信息技術(shù)與計(jì)算機(jī)技術(shù)的迅速發(fā)展,網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn),人機(jī)界面設(shè)計(jì)和開發(fā)已成為國際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向。界面設(shè)計(jì)是人與機(jī)器之間傳遞和交換信息的媒介,它是聯(lián)系人與機(jī)器的紐帶。界面設(shè)計(jì)這一概念,目前主要用于信息技術(shù)和計(jì)算機(jī)技術(shù)類的產(chǎn)品,比如:電腦、手機(jī)、pad等電子產(chǎn)品,而本文則是從另外一個(gè)角度來論述界面設(shè)計(jì),即傳統(tǒng)的產(chǎn)品設(shè)計(jì)領(lǐng)域。
1 產(chǎn)品設(shè)計(jì)中界面設(shè)計(jì)的概念和方法
事實(shí)上在我們所熟悉的傳統(tǒng)的、實(shí)體的產(chǎn)品設(shè)計(jì)中也包含了界面設(shè)計(jì)。正如前面所提到的,電子產(chǎn)品領(lǐng)域里的界面設(shè)計(jì)是連接人與機(jī)器的中介,而針對(duì)本文所提到的傳統(tǒng)的、實(shí)體產(chǎn)品設(shè)計(jì)領(lǐng)域的界面設(shè)計(jì)則是連接人與物(產(chǎn)品)的中介。在《辭海》里中介的定義是:“表征不同事物的間接聯(lián)系或聯(lián)系的間接性的哲學(xué)的概念。”簡單地說,中介其實(shí)就連接兩者之間的中間物,是它們之間的聯(lián)系者。針對(duì)任何產(chǎn)品設(shè)計(jì),其所呈現(xiàn)在用戶眼前的任何一個(gè)角度或是操作平面,我們都可以把它定義為一個(gè)界面設(shè)計(jì):一扇門、一個(gè)電器的操作面板(非電子屏幕)、一個(gè)桌面或者一個(gè)插線板的插孔面等等,這些都可以稱之為界面,而作為產(chǎn)品設(shè)計(jì)師對(duì)這些界面進(jìn)行設(shè)計(jì)的時(shí)候,都需要對(duì)界面上的元素的取舍、形狀、大小、色彩以及位置的合理分布做非常仔細(xì)的設(shè)計(jì),只有做到這樣,才能稱之為一個(gè)合格的產(chǎn)品設(shè)計(jì)。
以家具設(shè)計(jì)這一產(chǎn)品設(shè)計(jì)領(lǐng)域?yàn)槔鋵?shí)每一個(gè)家具產(chǎn)品的設(shè)計(jì)它也是有界面設(shè)計(jì)存在其中的,比如一個(gè)衣柜柜門的設(shè)計(jì),我們可以把衣柜柜門這個(gè)矩形設(shè)定為一個(gè)界面,在這個(gè)界面上會(huì)因?yàn)槠涔δ艿男枨笥衅浔匾慕缑嬖O(shè)計(jì)元素――衣柜的門把手,而這個(gè)門把手就像是現(xiàn)在大家所熟悉的電子產(chǎn)品界面設(shè)計(jì)中的圖形符號(hào)元素一樣,它的大小、形狀、色彩以及它應(yīng)該放置在柜門這個(gè)界面上的哪個(gè)位置都是需要非常嚴(yán)謹(jǐn)?shù)娜ピO(shè)計(jì)的,所以,其實(shí)界面設(shè)計(jì)并不是只存在于電子信息產(chǎn)品里,它同樣存在于我們的工業(yè)產(chǎn)品中。所以本文中所論述的界面設(shè)計(jì),是以傳統(tǒng)的、實(shí)體產(chǎn)品設(shè)計(jì)領(lǐng)域?yàn)楸尘跋碌娜魏萎a(chǎn)品,它包含產(chǎn)品形態(tài)外觀上相關(guān)元素的大小、形狀、色彩以及界面上各元素之間的合理分布和排列的設(shè)計(jì),其目的是為了讓這一產(chǎn)品的使用更高效、易用、美觀。
產(chǎn)品設(shè)計(jì)中的界面設(shè)計(jì)的方法,一方面可以參考軟件設(shè)計(jì)中界面設(shè)計(jì)方法去進(jìn)行相關(guān)的設(shè)計(jì)工作,比如基本版面的色調(diào)把控、色彩搭配或者是界面布局等;另一方面,作為一個(gè)實(shí)體的產(chǎn)品設(shè)計(jì),它有與虛擬的軟件設(shè)計(jì)有所區(qū)分,所以在設(shè)計(jì)的時(shí)候也要結(jié)合實(shí)體產(chǎn)品的特點(diǎn)去進(jìn)行設(shè)計(jì)。比如:為一款豆?jié){機(jī)進(jìn)行主要按鍵區(qū)域的界面設(shè)計(jì),因?yàn)榘存I數(shù)量較多,所以,為了便于用戶操作,就需要首先對(duì)按鍵的功能做一個(gè)大的功能區(qū)域劃分。一般的豆?jié){機(jī)操作按鈕主要分為兩個(gè)大功能區(qū)域:一個(gè)是主要操作功能按鈕“選擇”和“啟動(dòng)/取消”;另一個(gè)是“選擇”按鈕下的第二級(jí)操作按鈕。這個(gè)界面設(shè)計(jì),看似主要元素不多,只是幾個(gè)功能按鈕,但是,如果不做仔細(xì)的功能分類,用戶將無從下手;而且不同功能分類的按鈕在形狀和顏色的設(shè)計(jì)也有所區(qū)分,而這些都不光光是為了界面美的需求,更重要的是便于用戶上手使用,在多個(gè)功能按鍵里,快速地找到自己想要的操作按鈕或讀取到需要的信息。
2 產(chǎn)品設(shè)計(jì)中界面設(shè)計(jì)的原則
確定了產(chǎn)品設(shè)計(jì)領(lǐng)域中界面設(shè)計(jì)的定義,那么在設(shè)計(jì)的過程中就需要遵循相關(guān)的設(shè)計(jì)原則,在產(chǎn)品設(shè)計(jì)領(lǐng)域中界面設(shè)計(jì)應(yīng)該遵循的原則簡單歸納如下四點(diǎn):
2.1 易識(shí)別性原則
易識(shí)別性是指在任何的產(chǎn)品界面上的所有元素?zé)o論其排列布局還是外觀形態(tài)以及功能的預(yù)設(shè)用途等都能讓用戶覺得一目了然,清晰明了,而不會(huì)讓用戶覺得困惑、無從下手。比如:現(xiàn)在的洗衣機(jī)操作面板的設(shè)計(jì)在滿足易識(shí)別性這一原則的部分做的就非常不好。很多的洗衣機(jī)設(shè)計(jì)廠商在以給用戶帶來“多功能、多選擇”產(chǎn)品的同時(shí),卻是以犧牲產(chǎn)品的易識(shí)別性原則為代價(jià)的!很多的洗衣機(jī)操作面板這一界面設(shè)計(jì)上幾乎都密密麻麻地布滿各種按鍵,這些按鍵在大小和形態(tài)上也都沒有做明顯的區(qū)分,只是在部分按鍵的下方加注一些文字提示,但是這并不能很好地提高易識(shí)別性。如何提高產(chǎn)品界面設(shè)計(jì)的易識(shí)別性可以從以下幾個(gè)方面入手:
第一,符合產(chǎn)品預(yù)設(shè)用途的外觀設(shè)計(jì)。“預(yù)設(shè)用途是指物品被人們認(rèn)為具有的性能及其實(shí)際上的性能,主要是指那些決定物品可以用來作何用途的基本性能。”[1]比如橫向細(xì)長的門把手,我們會(huì)選擇按壓的方式來使用,而圓形球狀門的把手,我們則會(huì)選擇左右旋擰的方式來使用。所以,事實(shí)上在用戶長久的日常生活積累中,對(duì)于產(chǎn)品界面中的一些功能元素的操作方式已經(jīng)形成了一個(gè)固有的認(rèn)知模式,作為設(shè)計(jì)師在設(shè)計(jì)這些界面元素的時(shí)候要盡可能的符合用戶對(duì)這一產(chǎn)品或產(chǎn)品界面上的元素所對(duì)應(yīng)功能或操作方式的預(yù)設(shè)使用心理,只有做到這一點(diǎn),才能有效地提高產(chǎn)品的易識(shí)別性。
第二,為產(chǎn)品的功能做減法。為產(chǎn)品的功能做減法,其實(shí)就是丟掉產(chǎn)品界面上多余的、不必要的或者是可有可無的“界面元素”,盡可能的呈現(xiàn)一個(gè)簡潔的產(chǎn)品界面設(shè)計(jì)。
現(xiàn)代的產(chǎn)品設(shè)計(jì),大家都喜歡提倡“多功能”或者“一物多用”,覺得似乎只有做到了這一點(diǎn),才是真正有創(chuàng)意的產(chǎn)品,所以就出現(xiàn)了本文前面所提到的洗衣機(jī)操作面板的例子。現(xiàn)在的洗衣機(jī)為了增加其買點(diǎn)或設(shè)計(jì)的創(chuàng)新點(diǎn),經(jīng)常為其增加多個(gè)功能選擇,比如增加烘干的功能,比如在洗衣選項(xiàng)里添加棉麻、化纖、羊毛、絲綢、童裝、混合洗、經(jīng)濟(jì)洗等多種選擇,這一設(shè)計(jì)從表面上看是從用戶的角度出發(fā),為用戶提供了多種選擇,但是實(shí)際上卻是在為用戶增加選擇負(fù)擔(dān)!不同的功能就需要不同的按鈕來進(jìn)行操作和顯示,功能越多就意味著按鈕越多,而界面(面板)的大小是有限的,所以導(dǎo)致的直接結(jié)果就是讓用戶看到產(chǎn)品界面后就手足無措,無從下手!所以,產(chǎn)品并不是功能越多越好,一定要分析清楚,用戶到底需要的是什么,要盡可能地為用戶提前做好產(chǎn)品的功能篩選,化繁就簡,讓自己的產(chǎn)品界面清晰明了,便于用戶識(shí)別!
2.2 易用性原則
關(guān)于易用性,國際標(biāo)準(zhǔn)化組織(ISO)對(duì)其定義為“……在特定環(huán)境中,特定的使用者實(shí)現(xiàn)特定的目標(biāo)所依賴的產(chǎn)品的效力、效率和滿意度。”簡單地說,所謂“易用性”就是用來描述一個(gè)產(chǎn)品是否好用的意思。一般會(huì)將好用的產(chǎn)品定義為易用性較高的產(chǎn)品,同時(shí)也被認(rèn)定為是友好的產(chǎn)品。總的來說,易用性就是描述產(chǎn)品和人之間的一種和諧關(guān)系度的描述。
易用性原則主要是從符合用戶的人體工學(xué)和使用認(rèn)知習(xí)慣的角度出發(fā)來設(shè)計(jì)產(chǎn)品的界面。下面還是以大家日常生活中都經(jīng)常使用的“門”這一物品作為案例來分析。門把手這一界面元素是門這一產(chǎn)品的界面設(shè)計(jì)中必不可少的一部分,那么它的設(shè)計(jì)如果要達(dá)到易用性的話,一方面要符合人手的基本尺寸,無論是大小(或是粗細(xì)),還是門把手位于門面上的高度,這些都需要經(jīng)過嚴(yán)謹(jǐn)?shù)臄?shù)據(jù)調(diào)查和分析,結(jié)合人的基本尺寸來進(jìn)行相關(guān)的設(shè)計(jì),這部分就是從用戶的人體工學(xué)角度出發(fā)去為產(chǎn)品的易用;另一方面,門把手這一重要的設(shè)計(jì)元素所放置的位置以及它的形態(tài)所對(duì)應(yīng)的操作方式等,就是從用戶的使用認(rèn)知習(xí)慣出發(fā)所做的易用性設(shè)計(jì)。這里所說的使用習(xí)慣或是認(rèn)知習(xí)慣是指人們在日常生活中所積累的對(duì)于物的基本認(rèn)知。比如:大部分用戶都是以右手作為慣用手去操作產(chǎn)品,所以門把手的位置一般會(huì)放置在界面(門面)的左側(cè),便于右手的操作,這就是所謂的用戶使用習(xí)慣;當(dāng)門把手是圓球形的形狀時(shí)候,用戶會(huì)自然認(rèn)為,開啟的操作方式是抓取門把手后順時(shí)針旋擰,如果設(shè)計(jì)師不按照這一固有的思維模式去設(shè)計(jì),而將其設(shè)計(jì)為逆時(shí)針旋擰才可以打開,則不符合用戶的固有認(rèn)知模式,這種情況下,容易讓用戶困惑,進(jìn)而無法正確操作,也就無法實(shí)現(xiàn)所謂的易用性原則。
2.3 一致性原則
一致性原則主要是指在產(chǎn)品的界面設(shè)計(jì)中,所有的界面元素應(yīng)盡可能地采用統(tǒng)一的形態(tài)語言,統(tǒng)一的設(shè)計(jì)風(fēng)格和統(tǒng)一的設(shè)計(jì)目標(biāo)來完成設(shè)計(jì)工作。一個(gè)產(chǎn)品界面就如同一個(gè)程序界面,它需要在這個(gè)界面設(shè)計(jì)中確定統(tǒng)一的設(shè)計(jì)風(fēng)格,比如:穩(wěn)重的、活潑的、女性化的等等,在這個(gè)大的設(shè)計(jì)風(fēng)格之下,再去選擇統(tǒng)一的界面色調(diào)、造型元素等等。另外,針對(duì)傳統(tǒng)的工業(yè)產(chǎn)品都有一個(gè)非常明確的產(chǎn)品功能,如空調(diào)的制冷、制熱功能;洗衣機(jī)能把衣服洗干凈并甩干的功能;手機(jī)可以通話、發(fā)短信的功能等,所以在此基礎(chǔ)上,產(chǎn)品界面設(shè)計(jì)也需要為了滿足共同的功能目標(biāo)而進(jìn)行統(tǒng)一的、一致性的設(shè)計(jì)。如下圖1所示,是我們?nèi)粘6挤浅J煜さ奈⒉t,如圖所示的這個(gè)產(chǎn)品展示角度的界面是產(chǎn)品的主要界面,產(chǎn)品的核心功能基本上都集中在這個(gè)界面上,包括了微波爐柜門以及微波爐的主要操作界面這兩個(gè)大的部分,根據(jù)我們的一致性原則,無論是柜門、門把手還是操作面板的設(shè)計(jì)風(fēng)格、形態(tài)語言還是功能的展示以及操作使用,都需要進(jìn)行統(tǒng)一,保持一致性。這里的一致性體現(xiàn)在門面和門把手采用同樣的色彩即花紋裝飾;門面、門把手和操作面板采用同樣的材料和色調(diào)、操作面板的按鈕設(shè)計(jì)風(fēng)格和設(shè)計(jì)語言也保持統(tǒng)一等等,這些都能體現(xiàn)出其一致性的設(shè)計(jì)原則。
2.4 審美性原則
人們對(duì)美好事物的追求永恒不變的,所以產(chǎn)品設(shè)計(jì)中的界面設(shè)計(jì)也必須要符合審美性的原則。在一個(gè)產(chǎn)品的界面設(shè)計(jì)中,應(yīng)該選擇什么樣的色調(diào)、形態(tài)語言以及界面元素應(yīng)該以一種什么樣的排列分布方式去呈現(xiàn)等,都需要設(shè)計(jì)師從審美性的原則上去仔細(xì)斟酌,以便能更好地體現(xiàn)這個(gè)產(chǎn)品的基本屬性和設(shè)計(jì)特點(diǎn)以及設(shè)計(jì)品位。在滿足工業(yè)產(chǎn)品的界面設(shè)計(jì)審美性原則這一點(diǎn)上,設(shè)計(jì)師可以從形式美法則入手,以此作為設(shè)計(jì)準(zhǔn)則去處理產(chǎn)品界面設(shè)計(jì)審美性原則的滿足。
綜上所述,產(chǎn)品設(shè)計(jì)中的界面設(shè)計(jì)其實(shí)并不是一個(gè)陌生的設(shè)計(jì)內(nèi)容,只是在傳統(tǒng)思維模式里,大家沒有將其和界面設(shè)計(jì)進(jìn)行聯(lián)系,但事實(shí)是,作為一名產(chǎn)品設(shè)計(jì)師所做的任何一個(gè)產(chǎn)品的設(shè)計(jì)都包含界面設(shè)計(jì)的工作內(nèi)容,如果能正視這一點(diǎn),并在每一項(xiàng)的設(shè)計(jì)工作中都有意識(shí)地將界面設(shè)計(jì)的相關(guān)概念、方法和設(shè)計(jì)原則運(yùn)用其中,一定會(huì)大大提高產(chǎn)品的實(shí)用性和易用性,不僅僅能給用戶帶來更好的視覺美的體驗(yàn),更重要的是給用戶帶來良好的使用體驗(yàn)。
【摘 要】產(chǎn)品視覺界面設(shè)計(jì)是產(chǎn)品交互與用戶體驗(yàn)的聯(lián)系基礎(chǔ)。優(yōu)秀的視覺界面設(shè)計(jì)能更好的傳遞產(chǎn)品設(shè)計(jì)理念與品牌形象,為軟件的交互設(shè)計(jì)提供更匹配的視覺風(fēng)格。設(shè)計(jì)師運(yùn)用基本的視覺要素創(chuàng)造優(yōu)秀的用戶界面,有效地傳達(dá)產(chǎn)品的行為和信息。并且要結(jié)合用戶的心理模型或產(chǎn)品行為使視覺結(jié)構(gòu)與之相匹配,關(guān)注用戶感知功能方面的認(rèn)知體驗(yàn)與傳達(dá)。視覺界面設(shè)計(jì)就是要在保證功能的前提下,在美學(xué)的基礎(chǔ)上,最優(yōu)傳遞交互產(chǎn)品的行為,向用戶展示一個(gè)優(yōu)雅的視覺設(shè)計(jì)。
關(guān)鍵詞 界面設(shè)計(jì);交互設(shè)計(jì);UI;視覺傳達(dá)
作者簡介:聶伊(1988.08—),女,漢族,河北人,西安工程大學(xué)機(jī)電工程學(xué)院工業(yè)設(shè)計(jì)研究生,研究方向?yàn)橐曈X傳達(dá)與媒體設(shè)計(jì)。
張敏言(1969.03—),女,漢族,陜西人,西安工程大學(xué)機(jī)電工程學(xué)院,副教授,研究方向?yàn)楫a(chǎn)品設(shè)計(jì)與人機(jī)關(guān)系。
交互產(chǎn)品將行為和用戶聯(lián)系在一起發(fā)生在視覺上,通常是通過產(chǎn)品界面的表現(xiàn)來實(shí)現(xiàn)的。視覺界面設(shè)計(jì)者工作的重點(diǎn)在于設(shè)計(jì)在組織上的運(yùn)用,以及如何來利用視覺暗示和啟示將行為信息傳達(dá)給用戶。設(shè)計(jì)師必須掌握交互設(shè)計(jì)原則和界面習(xí)慣用法的基本知識(shí),這些對(duì)于塑造產(chǎn)品的行為都很重要[1]。
1 設(shè)計(jì)視覺界面設(shè)計(jì)的要素
視覺界面設(shè)計(jì)可以對(duì)產(chǎn)品的吸引力和效力產(chǎn)生很大的影響。要?jiǎng)?chuàng)造出有效且吸引人的用戶界面,設(shè)計(jì)師必須掌握一些基本的視覺要素,如顏色、版面、形式和構(gòu)成,還必須了解如何運(yùn)用這些要素來有效地傳遞行為和信息。
1.1 文本
文本在任何用戶界面中都是及其重要的一個(gè)組成部分,文字可以傳遞大量細(xì)微信息,但是我們必須要小心仔細(xì)才能夠正確恰當(dāng)?shù)厥褂煤梦淖帧?/p>
人們主要通過文字的形狀來辨識(shí)文字,形狀差異越顯著,文字也就越容易辨識(shí)。在報(bào)紙、雜志等印刷品中,正文字體主要采用宋體。宋體是有襯線字體,特點(diǎn)是橫細(xì)豎粗,棱角分明。與之相對(duì),顯示器上的字體一般都是黑體。黑體基本上沒有橫豎粗細(xì)的變化,也沒有襯線裝飾。與印刷品相比,顯示器的分辨率要低得多,如果在這種輸出媒介上使用宋體的話,文字的襯線反而會(huì)妨礙閱讀。不但沒有棱角分明的美感,還很容易導(dǎo)致眼睛疲勞。也就是說,顯示器的分辨率低,不足以顯示有襯線字體。因此顯示器上的字體一般都采用毛邊較少的黑體[2]。
辨識(shí)文字和閱讀文字有所不同,閱讀中我們有意識(shí)地掃描個(gè)別字詞,之后按照上下文來理解它們的含義。界面應(yīng)該盡量少用文本,從而減少閱讀量,這樣才能保證幾面導(dǎo)航的順利進(jìn)行。我們應(yīng)該避免只依賴文字進(jìn)行講解,因?yàn)殚喿x文字速度很慢,而且會(huì)破壞用戶對(duì)應(yīng)用的浸入式體驗(yàn)。使用太多的文字是一種“說而不秀”的方法,這與移動(dòng)應(yīng)用的優(yōu)勢相違背[1]。少用文字原則并不意味著用文字是錯(cuò)的,或者說文字總是越少越好。它指的是在你想吸引用戶進(jìn)一步體驗(yàn)的時(shí)候,應(yīng)該首先考慮減少文字,增加交互。
1.2 顏色
顏色作為界面視覺語言的一部分,向用戶傳達(dá)信息。對(duì)于多數(shù)應(yīng)用程序,顏色的使用要吝惜,并且應(yīng)該與視覺語言的其他元素結(jié)合,如符號(hào)、圖標(biāo)、文本,以及在界面上維持的控件關(guān)系。
當(dāng)顏色太多時(shí),我們的大腦不得不花費(fèi)額外的時(shí)間記住每種顏色的意義,這樣便降低了我們的處理速度。互補(bǔ)色在顏色處理中是指那些相反的顏色,當(dāng)這些顏色被高飽和并且放置在一起時(shí),就會(huì)制造出視覺假象。并且非常難以正確辨別,也非常難以讓人聚精會(huì)神。高飽和的顏色看起來會(huì)顯得鮮艷,從而吸引過多的注意力。在較小的地方適當(dāng)?shù)剡\(yùn)用飽和始終的顏色可以有效地吸引用戶的注意力,但這種用法應(yīng)該保守使用。如果圖形顏色與背景顏色只是顏色不同,而在飽和度和亮度上沒有差別,則很難辨認(rèn)。圖形和背景除了色調(diào)不同外,飽和度和亮度也應(yīng)有區(qū)別。
1.3 圖標(biāo)
圖標(biāo)最大的特點(diǎn)就是可以通過使用不同顏色和形狀的圖像來幫助用戶直觀地了解信息的種類和操作內(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)也無法傳遞詳細(xì)的信息。因此,一般情況下,圖標(biāo)還需要文字信息的輔助。
2 設(shè)計(jì)視覺界面設(shè)計(jì)的原則
設(shè)計(jì)師需要關(guān)注如何用界面的視覺結(jié)構(gòu)匹配用戶的心理模型或者產(chǎn)品的行為,也必須關(guān)注如何將程序的狀態(tài)傳達(dá)給用戶(如文檔的編輯狀態(tài)),還要關(guān)注圍繞著用戶感知功能方面(布局、視覺層次及圖形背景問題等)的認(rèn)知性問題。
2.1 運(yùn)用視覺屬性將元素分組,創(chuàng)造出清晰的層次結(jié)構(gòu)
比如顏色、形狀和位置來區(qū)分層次結(jié)構(gòu)中的每個(gè)層次。最為重要的元素應(yīng)放在其他元素的上方或者向外突出一些。需要突出的元素最好用飽和顏色來渲染,次重要的元素用欠飽和顏色渲染。與背景的顏色及其值的對(duì)比也不要太強(qiáng)烈,尺寸要小一些或者向內(nèi)縮進(jìn)。不飽和及中性顏色則可以用在不重要的元素上。
2.2 圖像的運(yùn)用要適當(dāng)緊湊、一致,并且要適當(dāng)考慮使用環(huán)境
視覺元素也應(yīng)該是緊湊而通用的視覺語言的一部分,這意味著相似的元素應(yīng)該采用相同的視覺屬性,在一致的位置擺放信息和控件。不同頁面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁上的相同的位置,而且他們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快地找到和識(shí)別它們。除了具備功能價(jià)值,圖標(biāo)在傳遞品牌屬性上還有重要的作用。無論采用什么樣的風(fēng)格,風(fēng)格都必須一致。
2.3 避免視覺噪聲和混亂
界面上的視覺噪聲一般是由過多的視覺元素造成的,這些多余的視覺元素將人們的注意力從那些直接傳達(dá)功能和行為主要對(duì)象上轉(zhuǎn)移到他處。這些視覺噪聲包括過分的裝飾、不必要元素、過度使用標(biāo)尺、視覺上厚重的用于隔離控件的元素或者過分的使用視覺屬性(包括顏色、紋理和對(duì)比)等。混亂的界面試圖在一個(gè)有限的空間中提供過多的功能,結(jié)果會(huì)導(dǎo)致這些空間在視覺上相互干擾。視覺上過分裝飾、混亂或者過多的屏幕都會(huì)加重用戶的認(rèn)知負(fù)荷,產(chǎn)生信息焦慮的情緒,這將影響用戶的速度、理解能力和任務(wù)的完成。
2.4 保持簡單,使用最小的視覺風(fēng)格
一般來說,界面應(yīng)該使用簡單的幾何形狀和最小的輪廓。如果一個(gè)程序長時(shí)間占據(jù)使用者的注意力,應(yīng)該考慮弱化視覺表現(xiàn)上的顏色和紋理。顏色的數(shù)量要嚴(yán)格限制,并且應(yīng)該以較為不飽和的顏色或者中性顏色為主,可以適當(dāng)加入一些高對(duì)比作為強(qiáng)調(diào)重要信息的顏色,那樣會(huì)讓控制組織得更緊湊。
用戶可能長時(shí)間盯著相同的工具欄和菜單,會(huì)得到一些純粹因?yàn)槭煜ざa(chǎn)生的位置感。優(yōu)秀的視覺界面和任何優(yōu)秀的視覺設(shè)計(jì)一樣,在視覺上應(yīng)該是高效率的,它們有一個(gè)共同的特點(diǎn),即讓最少的視覺和功能元素發(fā)揮最大效能。這樣,設(shè)計(jì)師可以自由地用更少的像素做更多的事情。
2.5 消除視覺附加工作
設(shè)計(jì)原則的主要目的之一就是優(yōu)化用戶的產(chǎn)品體驗(yàn)。對(duì)于生產(chǎn)工具和其他非娛樂導(dǎo)向的產(chǎn)品而言,這意味著將工作負(fù)荷降至最低。軟件經(jīng)常包括一些不必要的具有繁重工作量的交互,對(duì)于用戶來說,這些是附加工作[1]。
視覺附加工作是用戶不得不分析的視覺信息,比如在列表中找到某個(gè)條目、判斷從哪個(gè)位置開始閱讀屏幕,或者決定哪些元素是可以點(diǎn)擊的,哪些元素僅僅是裝飾性的。有時(shí)設(shè)計(jì)師過分依賴視覺隱喻,因此添加了各種附加工作,這些視覺隱喻能讓人們?nèi)菀桌斫獬绦蛟睾托袨橹g的關(guān)系,但了解了這些基本情況之后,隱喻的管理成了完全的附加工作。另外一種視覺附加工作的根源是過度使用了風(fēng)格化的圖形和界面元素,而實(shí)際上,視覺風(fēng)格的運(yùn)用首先是要支持清晰的信息通信和界面行為。
2.6 避免歧義
避免顯示有歧義的信息,并通過測試確認(rèn)所有用戶對(duì)信息的理解是一致的。當(dāng)無法消除歧義時(shí),要么依靠標(biāo)準(zhǔn)或者慣例,要么告知用戶用你期望的方式去理解歧義之處[3]。
3 優(yōu)雅的視覺界面設(shè)計(jì)
視覺界面的設(shè)計(jì)對(duì)品牌形象、用戶體驗(yàn)及本能反應(yīng)等方面都有一定的支持作用。優(yōu)秀設(shè)計(jì)的經(jīng)典要素之一即形式簡約:以簡御繁。對(duì)于界面設(shè)計(jì),就是用最少的操作與學(xué)習(xí)成本來完成任務(wù)。簡約同樣適用于行為,在視覺設(shè)計(jì)中給與用戶簡單的工具,即運(yùn)用最少的視覺區(qū)別來明確傳達(dá)想要表達(dá)的意思。
視覺界面設(shè)計(jì)師所關(guān)心的是尋找最適合的表現(xiàn)方式來傳達(dá)他們設(shè)計(jì)的交互產(chǎn)品的行為。設(shè)計(jì)師應(yīng)該用一種容易理解、有用、支持企業(yè)品牌和目標(biāo)的方式來表現(xiàn)產(chǎn)品的行為和信息。用戶界面的設(shè)計(jì)不應(yīng)該輕視美學(xué)方面的考慮,而是要在一定的功能框架下來最大化地考慮如何優(yōu)雅地向用戶展示應(yīng)用的視覺設(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.
中圖分類號(hào):TP311.52 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1007-9416(2013)01-0138-01
著名的游戲開發(fā)者BilI Volk,曾經(jīng)對(duì)游戲設(shè)計(jì)寫下了一個(gè)等式“界面+產(chǎn)品要素=游戲”。這個(gè)等式與著名的程序設(shè)計(jì)語言的設(shè)計(jì)者Nicholas Wirth的經(jīng)典等式“算法十?dāng)?shù)據(jù)結(jié)構(gòu)=程序”是相似的。很明顯,BilI Volk并不是說建構(gòu)游戲是一個(gè)簡單的加法,而是強(qiáng)調(diào)在游戲設(shè)計(jì)中界面設(shè)計(jì)的重要性。也就是說:你的界面就是你的游戲。
顯然游戲界面設(shè)計(jì)是很重要的,要把多學(xué)科很好的結(jié)合在一起設(shè)計(jì)游戲界面需要有一個(gè)基本原則來把握。
1 一致性原則
游戲界面所包含的元素是極為廣泛的,但在運(yùn)用中卻只能有選擇,有側(cè)重、有強(qiáng)調(diào)的進(jìn)行表現(xiàn)。設(shè)計(jì)元素雖多,但仍是一個(gè)不可分割的整體。最好在游戲各處以相同方式做相同的事,還能夠始終在相同位置找到重要信息。
1.1 設(shè)計(jì)目標(biāo)一致
界面中往往存在多個(gè)組成部分(組件、元素)。不同組成部分之間的設(shè)計(jì)目標(biāo)需要一致。
1.2 元素外觀一致
界面中的整體顏色、字體、按鈕等元素要一致,給人整體一致的感官效果。即使要通過對(duì)比使得某一方更突出的話,也應(yīng)該保持內(nèi)在風(fēng)格的統(tǒng)一。一致性的原則并不是呆板的要求在整個(gè)游戲中都使用同樣的屏幕布局,而是建議在布局中使用的相同的邏輯,可以讓玩家預(yù)感到可以在哪里找到信息,以及在游戲的不同部分中如何執(zhí)行命令。
1.3 交互行為一致
在交互模型中,用戶觸發(fā)不同類型的元素所對(duì)應(yīng)的行為事件后,其交互行為需要一致。
一些好的游戲特別注意界面一致性,游戲的一些基本命令以相同的使用方式貫穿游戲當(dāng)中。在游戲的任何階段,玩家還可以將鼠標(biāo)放在對(duì)象、人物和位置上,以查看極其有用的簡要描述。
2 實(shí)用性原則
2.1 安裝快捷
首先,在開始游戲之前,必須要完成游戲的安裝等準(zhǔn)備工作。設(shè)計(jì)人員應(yīng)該使安裝界面盡可能的簡潔,使安裝過程盡可能的快速,讓用戶在最短的時(shí)間內(nèi)完成游戲準(zhǔn)備。其次,玩家玩游戲的方法,是通過鍵盤、游戲桿、鼠標(biāo)或者是這幾種的結(jié)合,或者還需要運(yùn)用其它類型的輸入設(shè)備,在設(shè)計(jì)界面時(shí),都需要進(jìn)行考慮。同時(shí)還要充分考慮靈活性和能夠運(yùn)用到你的游戲中的設(shè)備的類型。
2.2 易于理解
當(dāng)用戶拿到游戲后,大部分人不會(huì)閱讀說明書,而是直接開始玩,并通過用戶界面進(jìn)行游戲內(nèi)容和交互方式的了解。游戲者并不是典型的軟件用戶,他們沒有興趣學(xué)量新特征和新功能,所以當(dāng)你設(shè)計(jì)用戶界面時(shí),應(yīng)該使它更容易讓人理解和接受。你的第一個(gè)目標(biāo)應(yīng)該是讓游戲及其界面盡可能地符合直覺。
2.3 綜合集成界面
游戲界面不應(yīng)該喧賓奪主,如果過分修飾搞得過于煩瑣的話,游戲界面反而會(huì)干擾用戶的注意力,使他們不能集中精力于游戲世界。游戲界面應(yīng)該力求簡單樸素,占用的屏幕空間應(yīng)該越少越好,真正做到惜墨如金。信息要簡化,將一些功能性界面放在非玩家人物界面上,主界面盡量簡練,精致。對(duì)于游戲來說,目標(biāo)就是要讓界面越來越深入到游戲本身的結(jié)構(gòu)中去。從設(shè)計(jì)流程上講,首先應(yīng)將游戲功能分類清楚,然后再做界面,盡量考慮資源的通用性。另外,網(wǎng)絡(luò)游戲需要不斷添加新功能等等,對(duì)界面的需求會(huì)不斷增加,需要預(yù)先考慮好擴(kuò)充性。
3 美觀性原則
界面應(yīng)該大小適合美學(xué)觀點(diǎn),感覺協(xié)調(diào)舒適,能在有效的范圍內(nèi)吸引用戶的注意力。
3.1 美觀與協(xié)調(diào)性細(xì)則:
長寬接近黃金點(diǎn)比例,切忌長寬比例失調(diào)、或?qū)挾瘸^長度。布局要合理,不宜過于密集,也不能過于空曠,合理的利用空間。
按鈕大小基本相近,忌用太長的名稱,免得占用過多的界面位置。按鈕的大小要與界面的大小和空間相協(xié)調(diào)。避免空曠的界面上放置很大的按鈕。放置完控件后界面不應(yīng)有很大的空缺位置。
字體的大小要與界面的大小比例協(xié)調(diào), 通常使用宋體9-12較為美觀,很少使用超過12號(hào)的字體。
前景與背景色搭配合理協(xié)調(diào),反差不宜太大,最好少用純色,如大紅、大綠等。主色要柔和,具有親和力與磁力,堅(jiān)決杜絕刺目的顏色。
界面風(fēng)格要保持一致,字的大小、顏色、字體要相同,除非是需要藝術(shù)處理或有特殊要求的地方。
如果窗體支持最小化和最大化或放大時(shí),窗體上的控件也要隨著窗體而縮放;切忌只放大窗體而忽略控件的縮放。對(duì)于含有按鈕的界面一般不應(yīng)該支持縮放,即右上角只有關(guān)閉功能。通常父窗體支持縮放時(shí),子窗體沒有必要縮放。
3.2 獨(dú)特性
如果一味的遵循業(yè)界的界面標(biāo)準(zhǔn),則會(huì)喪失自己的個(gè)性。在框架符合以上規(guī)范的情況下,設(shè)計(jì)具有自己獨(dú)特風(fēng)格的界面尤為重要。尤其在商業(yè)軟件流通中有著很好的遷移默化的廣告效用。
安裝界面上應(yīng)有單位介紹或產(chǎn)品介紹,并有自己的圖標(biāo)。主界面,最好是大多數(shù)界面上要有公司圖標(biāo)。登錄界面上要有本產(chǎn)品的標(biāo)志,同時(shí)包含公司圖標(biāo)。
系列產(chǎn)品要保持一致的界面風(fēng)格,如背景色、字體、菜單排列方式、圖標(biāo)、安裝過程、按鈕用語等應(yīng)該大體一致。
總的來說,界面對(duì)一款游戲的成敗影響是巨大的,由于游戲最強(qiáng)調(diào)的是表現(xiàn)力,因此人機(jī)交互界面的好壞,直接關(guān)系到游戲在玩家心目中的地位,優(yōu)秀的界面設(shè)計(jì)師可以讓玩家在看到游戲界面的第一眼就對(duì)游戲感興趣。專業(yè)的界面設(shè)計(jì)對(duì)一款游戲的重要性仍然是不可低估的。
優(yōu)秀的游戲界面設(shè)計(jì)是設(shè)計(jì)人員與玩家之間的一種交流,用戶的需求應(yīng)當(dāng)始終貫穿在整個(gè)設(shè)計(jì)過程之中。但這并不是說游戲軟件的易用性可以凌駕于其他因素之上,所有偉大的設(shè)計(jì),都是在藝術(shù)美。可靠性、安全性、易用性、成本和性能之間尋求平衡與和諧的。
參考文獻(xiàn)
[1]葉展,葉丁.游戲的設(shè)計(jì)與開發(fā).人民交通出版社 航空工業(yè)出版社.
1.1 IPTV概念
IPTV即交互式網(wǎng)絡(luò)電視,是一種利用寬帶有線電視網(wǎng),集互聯(lián)網(wǎng)、多媒體、通訊等多種技術(shù)于一體,向家庭用戶提供包括數(shù)字電視在內(nèi)的多種交互式服務(wù)的嶄新技術(shù)用戶在家中可以有兩種方式享受IPTV服務(wù):(1)計(jì)算機(jī),(2)網(wǎng)絡(luò)機(jī)頂盒+普通電視機(jī)。IPTV關(guān)鍵技術(shù)是利用計(jì)算機(jī)或“機(jī)頂盒+電視”完成接收視頻點(diǎn)播節(jié)目、視頻廣播及網(wǎng)上沖浪等功能。
它采用高效的視頻壓縮技術(shù),使視頻流傳輸帶寬在800Kb/s時(shí)可以有接近DVD的收視效果(通常DVD的視頻流傳輸帶寬需要3Mb/s),對(duì)今后開展視頻類業(yè)務(wù)如因特網(wǎng)上視頻直播、遠(yuǎn)距離真視頻點(diǎn)播、節(jié)目源制作等來講,有很強(qiáng)的優(yōu)勢,是一個(gè)全新的技術(shù)概念。
IPTV既不同于傳統(tǒng)的模擬式有線電視,也不同于正在興起的數(shù)字電視。因?yàn)椋M電視和數(shù)字電視都具有頻分制、定時(shí)、單向廣播等特點(diǎn);盡管數(shù)字電視相對(duì)于模擬電視有許多技術(shù)革新,但只是信號(hào)形式的改變,而沒有觸及媒體內(nèi)容的傳播方式。IPTV也不同于數(shù)據(jù)廣播,數(shù)據(jù)廣播通過設(shè)置一定的菜單供用戶挑選,可以實(shí)現(xiàn)用戶與中心簡單的互動(dòng),但還不能實(shí)現(xiàn)真正意義上的多種交互式服務(wù)。
1.2 IPTV在中國的發(fā)展
目前,在國內(nèi)的IPTV市場可謂是群雄逐鹿,以上海文廣牽頭的上海IPTV,哈爾濱IPTV系統(tǒng),和以全國黨員教育平臺(tái)為基礎(chǔ)快速發(fā)展起來的河南威科姆科技集團(tuán),她是集硬件開發(fā)生產(chǎn)和軟件系統(tǒng)設(shè)計(jì)研發(fā)為一身的IPTV企業(yè)。在目前的運(yùn)營平臺(tái)上,各個(gè)IPTV運(yùn)營企業(yè)都在著力開發(fā)新一代的硬件產(chǎn)品,尤其是強(qiáng)大的圖形內(nèi)核研發(fā),以配合軟件方面能夠?qū)崿F(xiàn)更加美化和個(gè)性化的頁面效果。
2.網(wǎng)頁的設(shè)計(jì)思路
2.1版面布局
我們常說,第一印象是非常重要的。因此,因特網(wǎng)站點(diǎn)的主頁必須包含本站的基本信息或站點(diǎn)所提供的所有服務(wù)內(nèi)容。可以使用一個(gè)短的描述性的標(biāo)題指明站點(diǎn)的主題是什么。你也可以加入你的公司的徽標(biāo),但是千萬不要讓信息和圖片填滿了你的主頁(站點(diǎn)的其它網(wǎng)頁也必須如此);主頁看起來必須是干凈而有組織條理的。使用很容易閱讀的字體。當(dāng)然,根據(jù)你的站點(diǎn)的大小,你可能還必須解釋如何瀏覽。在主頁的下面,提供你的公司的聯(lián)系信息,例如,你的email地址或電話號(hào)碼,這樣就使瀏覽者能很容易地跟你聯(lián)系。主頁通常是放置更換信息或新聞的絕好的場所。在開始設(shè)計(jì)之前,必須仔細(xì)地為站點(diǎn)挑選色彩組合。千萬不要出現(xiàn)紫色的背景加上黑藍(lán)色的文字的組合。要使整個(gè)站點(diǎn)保持同一種色彩組合,因?yàn)椴煌伾M合的背景或字體可能會(huì)是非常令人討厭的。你也可以選用一個(gè)背景圖,而不是僅用一種顏色。背景圖案可以自己繪制,也可以從因特網(wǎng)上下載。通過模糊背景圖案,就可以使文字更容易被閱讀。要記住的是,圖片不會(huì)被瀏覽器重畫的,而背景色彩則是要被重新畫的,因此,在上傳你的圖片之前,必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁的。當(dāng)增加文字時(shí),盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片,那么,當(dāng)網(wǎng)頁被瀏覽時(shí),背景色和字體將會(huì)先于背景圖片被下載,因此,如果背景色和文本的顏色沒有鮮明的對(duì)照的話,那么瀏覽者會(huì)有幾秒鐘的時(shí)間看到一個(gè)充滿了不可閱讀的文本的網(wǎng)頁。解決這個(gè)問題的簡單的方法就是,使背景色與背景圖的顏色相類似。使你的網(wǎng)頁短一些,努力使信息/動(dòng)畫通過幾個(gè)網(wǎng)頁來表現(xiàn)。如果把很多東西堆放一個(gè)網(wǎng)頁上,就會(huì)使你的網(wǎng)頁看起來非常凌亂,這樣也就會(huì)使瀏覽者不太愿意閱讀所有的內(nèi)容。所以,要設(shè)計(jì)幾個(gè)網(wǎng)頁,每個(gè)網(wǎng)頁上放一段或兩段文字。在段落的下面放置一個(gè)按鈕,鏈接到,在最后一頁則放置一個(gè)按鈕,鏈接到、主頁,或者瀏覽者剛剛所到來的地方。盡可能使用模板,降低設(shè)計(jì)的工作量和復(fù)雜性。
如果你準(zhǔn)備為你的網(wǎng)站主頁插入一個(gè)Flashmovie,那么最好把它與主頁分離開。一定要加一個(gè)“跳過介紹”按鈕,這樣就使那些不愿意等待下載,或已經(jīng)看過該介紹的人,能很容易地直接進(jìn)入你的主頁。運(yùn)用cookies,你可以使曾經(jīng)瀏覽過你們網(wǎng)站的人自動(dòng)跳轉(zhuǎn)到主頁。
2..2瀏覽導(dǎo)航
站點(diǎn)的瀏覽導(dǎo)航必須被設(shè)計(jì)成非常容易。如果需要,把站點(diǎn)分割為幾個(gè)部分。最容易的方法,就是在整個(gè)網(wǎng)站的所有的網(wǎng)頁的左邊放置一個(gè)菜單條。當(dāng)然,除此以外,還有許多可選的方法。對(duì)于具有大量信息的站點(diǎn),使用一個(gè)可擴(kuò)展的菜單條會(huì)是一個(gè)不錯(cuò)的選擇。無論你使用何種導(dǎo)航模式,在每一頁都放置一個(gè)主頁鏈接,那會(huì)是一種不錯(cuò)的設(shè)計(jì)思想;瀏覽者必須知道,無論何時(shí),當(dāng)他們迷失在你的站點(diǎn)瀏覽中時(shí),都可以通過簡單的一次點(diǎn)擊就能準(zhǔn)確地知道目前所處的位置。
2.3圖片和多媒體
圖片,電影和聲音效果永遠(yuǎn)都是很好的,但是不能過分。因?yàn)槟壳暗木W(wǎng)絡(luò)帶寬還沒有達(dá)到真正高速要求。所以在用戶終端上將會(huì)出現(xiàn)等待超時(shí)的情況,這樣勢必會(huì)影響到用戶的使用感受,隨之而來的將會(huì)是用戶數(shù)量的大量降低。所以在制作網(wǎng)站時(shí),一定要注意努力使每一個(gè)頁面小于50-75Kbytes。盡量把你的GIF和JPEG圖片壓縮后再加入到你的網(wǎng)頁中。如果準(zhǔn)備在站點(diǎn)中放置高質(zhì)量的圖片、音樂或動(dòng)畫,那么最好設(shè)計(jì)兩個(gè)版本,一個(gè)為高質(zhì)量,另一個(gè)為低質(zhì)量,這樣就能使不同的瀏覽者有一個(gè)最佳選擇。Flash是一個(gè)目前非常流行的程序,許多Web設(shè)計(jì)者都樂意在網(wǎng)站中大量的使用這種集聲光電以及較高交互性能的表現(xiàn)方式。Flash的好處就是可以在有限的文件容量內(nèi)集成動(dòng)畫和音樂。為了觀看Flash電影,用戶必須要有一個(gè)插件,該插件可以從Macromedia公司的網(wǎng)站上下載。雖然可能超過80%的因特網(wǎng)用戶已經(jīng)有了該插件,并且有了許多新的針對(duì)Internet Explorer和Netscape的版本,但是,它依舊是必須考慮的問題。除非確實(shí)需要,盡量不要把Flas加入到你的網(wǎng)頁中,因?yàn)橛行g覽者沒有那么大的耐心等待電影的下載,或者甚至沒有耐心去下載一個(gè)插件。純HTML設(shè)計(jì),對(duì)于大多數(shù)(商業(yè))網(wǎng)站,目前依舊是最好的選擇。
3.IPTV終端用戶界面設(shè)計(jì)思路
3.1 IPTV終端用戶界面設(shè)計(jì)概況
眾所周知,IPTV是以寬帶網(wǎng)絡(luò)為載體,以電視+機(jī)頂盒為終端的新一代電視媒體工程,所以在靜態(tài)頁面的設(shè)計(jì)上絕大多數(shù)的要參考720*576PAL制式電視的畫面設(shè)計(jì)規(guī)范,但是由于目前機(jī)頂盒內(nèi)部的圖形圖像處理模塊的技術(shù)參數(shù)限制所導(dǎo)致的在圖形圖像處理方面產(chǎn)生部分瓶頸問題,例如,在電腦上顯示的完美簡便效果卻不能百分之百的在電視中顯示。諸如此類的問題的存在,所導(dǎo)致的設(shè)計(jì)人員在做IPTV頁面設(shè)計(jì)時(shí)必須避開其技術(shù)弊端,以另一種合理的設(shè)計(jì)方式進(jìn)行設(shè)計(jì)制作。
3.1.1版面布局
IPTV的頁面尺寸分為N制式和P制式兩種,我們在設(shè)計(jì)這兩種制式的顯示畫面時(shí),一定要注意一些與我們設(shè)計(jì)網(wǎng)頁或其他多媒體類產(chǎn)品頁面不相同的特點(diǎn),例如:在Photoshop中我們先在以方形為象素長寬比的文件內(nèi)繪制一個(gè)正圓,緊接著將其象素長寬比更改為NTSC-0.9的,并在N制下再繪制一個(gè)正圓如圖所示左上側(cè)為轉(zhuǎn)換象素比之前的圓,而右上側(cè)則為轉(zhuǎn)換象素比之后的圓。左下圖為NTSC0.9像素比下的圓形,右下圖為從NTSC轉(zhuǎn)換成方形的圓形。
摘 要:在數(shù)字媒體充斥的時(shí)代,用戶在數(shù)字媒體終端分享知識(shí)、分享觀點(diǎn)、分享商品消費(fèi)等,這種不受時(shí)空限制的傳播方式,改變著人們的行為和言論,以及生活方式.承載著各種信息數(shù)字媒體如何在同類型的媒介中獲得更多的用戶體驗(yàn),是數(shù)字媒體界面設(shè)計(jì)中時(shí)需要考慮的問題,將情感化設(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ù)了非常重要的地位,人們離開了它,就會(huì)造成很多的不便,已經(jīng)成為一種生活方式.數(shù)字媒體界面設(shè)計(jì)不是單純是互聯(lián)網(wǎng)、計(jì)算機(jī)技術(shù)發(fā)展的結(jié)果,它涉及多種不同的學(xué)科如計(jì)算機(jī)技術(shù)、人機(jī)交互、視覺設(shè)計(jì)、美學(xué)、消費(fèi)者心理學(xué)、數(shù)字媒體技術(shù)、語言學(xué)等學(xué)科.最后通過各種數(shù)字媒體終端,以媒體界面形式展現(xiàn)給消費(fèi)者.根據(jù)界面設(shè)計(jì)不同的分類,如從心理學(xué)的角度,可分為視覺、聽覺、觸覺等和情感交互兩個(gè)方面的需求.如何在名目繁多的媒介中獲取更多用戶是數(shù)字媒體界面設(shè)計(jì)師需要思考的問題.運(yùn)用情感的設(shè)計(jì)原則,將文化情感元素巧妙的建構(gòu)在數(shù)字媒體界面設(shè)計(jì)中有著重要意義,能夠給用戶帶來高層次的情感滿足,如歸屬感、自尊感、自我認(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)畫、圖像等元素來傳播特定的信息,是一種信息傳播與交流的媒介.而情感體驗(yàn)主要是指人的一種心理反應(yīng),人們在數(shù)字媒體界界面設(shè)進(jìn)行交互體驗(yàn)的時(shí)候,不同風(fēng)格的界面設(shè)計(jì)會(huì)給用戶不同的視覺感受.
在認(rèn)知心理學(xué)家唐納德·A·諾曼的研究理論中,從設(shè)計(jì)的角度把情感因素分為本能、行為、反思三種.本能情感因素是用戶對(duì)于事物的本能反應(yīng),是情感加工的起點(diǎn),也是用戶通過觸覺、視覺、聽覺、嗅覺等感官行為方式在事物的外觀直接獲取的相關(guān)信息;行為情感因素是用戶經(jīng)過通過物品的使用,在物品功能的使用過程中所獲取的情感體驗(yàn);反思情感因素是用戶對(duì)于物品的外觀形象或?qū)υ撐锲肥褂煤蟮恼w印象,在反思情感因素的作用下,用戶根據(jù)自己的體驗(yàn),會(huì)對(duì)物品的使用會(huì)產(chǎn)生不同的情感反應(yīng),因此,反思情感因素會(huì)抑制用戶的本能情感因素或行為情感因素對(duì)于物品的情感體驗(yàn)[1].本能和行為情感因素是所有自然人的共同特性,這種本能與行為的情感反映對(duì)全世界的人都是一樣.在國內(nèi)外大多數(shù)與兒童相關(guān)的數(shù)字媒體界面設(shè)計(jì)中,在色彩和設(shè)計(jì)表現(xiàn)元素的選用上都會(huì)充分考慮兒童的情感因素.在兒童的世界里,所看到的色彩是明亮、鮮艷、輕松的,所運(yùn)用的設(shè)計(jì)元素動(dòng)態(tà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)文化中金黃色龍紋視覺元素,在中華民族文化背景下,所感受到是尊崇、敬畏,在情感上更多是民族自豪感;反之,其他地域、文化背景下的用戶感受到是視覺元素本身的形態(tài)與色彩,是單純的形與色激發(fā)的情感反應(yīng).
正式由于不同地域文化背景,用戶在面對(duì)同一事物的時(shí)候反思情感因素會(huì)存在著差異,設(shè)計(jì)師對(duì)于界面設(shè)計(jì)的預(yù)期與用戶在數(shù)字媒體的界面設(shè)計(jì)的感知有著一定的差異.因此,數(shù)字媒體的界面設(shè)計(jì)要獲得更多用戶在情感上的認(rèn)同,在設(shè)計(jì)過程中就必須遵循用戶所在地域的文化背景,充分發(fā)揮文化元素的象征性和代表性,使得用戶在交互使用中獲得更高層次的情感滿足.創(chuàng)造出本土地域的文化語境,在實(shí)現(xiàn)查詢、瀏覽、交互等資源的同時(shí),來滿足用戶情感上的需要.如同消費(fèi)者在品牌的選擇上,無論從“皮爾卡丹”到“路易威登”,還是“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ì)與用戶間的長期紐帶建立起來了.
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ì)的過程中要充分考慮用戶的需求,是以用戶為中心的設(shè)計(jì)體現(xiàn),做到了人性化設(shè)計(jì),也就是實(shí)現(xiàn)了情感設(shè)計(jì)的本質(zhì).實(shí)現(xiàn)的過程是運(yùn)用技術(shù)手段,以藝術(shù)化方式呈現(xiàn)給用戶,既滿足了用戶的使用需求,也滿足精神層面的人文關(guān)懷.將人性化設(shè)計(jì)的原則運(yùn)用于界面設(shè)計(jì),并貫穿于人機(jī)界面設(shè)計(jì)的始終.能夠充分考慮用戶需求的設(shè)計(jì),就可以長時(shí)間的把用戶留在媒體中,如“騰訊QQ”“微信”等社交媒體,它不是單純的聊天工具,在這里用戶可以使用語音、文字、圖片、視頻、咨訊、最大限度滿足用戶的需求.反之,一個(gè)沒有充分考慮用戶需求的設(shè)計(jì),人性化就無從談起,這樣的設(shè)計(jì)用戶在體驗(yàn)的過程中漸漸失去了繼續(xù)關(guān)注的欲望,在新鮮感過去之后,也就放棄該媒體的繼續(xù)使用.
2.2 審美性原則
數(shù)字互聯(lián)網(wǎng)時(shí)代,人們在數(shù)字媒體中獲得極其豐富的情感體驗(yàn),瀏覽網(wǎng)頁、查詢資料、互動(dòng)聊天、娛樂游戲等是極其豐富的,當(dāng)人們打開互聯(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),來滿足用戶在視覺和情感上不同的審美訴求.
2.2.1 形式美
一個(gè)“有意味的形式”,都是通過形式美表現(xiàn)出來,都遵循形式美的規(guī)律如對(duì)比與均衡、節(jié)奏與韻律、尺度與比例等等.形式美感的變換是基于人的感覺與知覺而存在,用戶在數(shù)字媒體上交互獲取相關(guān)咨詢時(shí),還在視覺上欣賞到了愉悅的畫面和豐富情感體驗(yàn).在數(shù)字媒體界面設(shè)計(jì)時(shí)巧妙運(yùn)用形式美法則,可以讓冰冷的機(jī)器在用戶面前成為情感體驗(yàn)的樂土,讓界面設(shè)計(jì)中的色彩、圖形、圖象、文字元素與數(shù)字媒體界面設(shè)計(jì)的主題在形式完美融合.
2.2.2 藝術(shù)美
藝術(shù)是感性的,富有美感的,是符合一定視覺審美趨向傳達(dá)和表現(xiàn).不能將數(shù)字媒體的理性與藝術(shù)的感性隔離開來,數(shù)字媒體界面的設(shè)計(jì)也需要藝術(shù)美,因?yàn)樗姆?wù)對(duì)象是人,正如古語中說的那樣“愛美之心,人皆有之”.設(shè)計(jì)師通過對(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ì)師通過技術(shù)與藝術(shù)設(shè)計(jì)創(chuàng)造激發(fā)用戶情感體驗(yàn)[3].
2.3 多樣性原則
不同用戶群體,對(duì)于事物有著不同的感知,在面對(duì)同一事物時(shí),情感因人而異,因時(shí)而異,情感形態(tài)呈現(xiàn)多樣化,因此情感化設(shè)計(jì)必須是包容性的設(shè)計(jì).用戶本能性的情感感知是長期在社會(huì)實(shí)踐所積累的對(duì)事物的認(rèn)知,不同層次的用戶在認(rèn)知過程中存在著一定的差異.用戶在數(shù)字媒體界面中交互過程就是的感知過程,也是一種情感的體驗(yàn);用戶通過本能層情感和行為層情感的激發(fā),與自身的生理、心理、行為的反思進(jìn)而獲得更高層次情感體驗(yàn).
2.4 情境融合原則
用戶在數(shù)字化、虛擬媒體界面中獲取信息最直接的方式是通過視覺查看事物,在這個(gè)過程中與信息產(chǎn)生感受交流,這種感受與情感的交流正是界面設(shè)計(jì)主題的內(nèi)容通過色彩、圖形、文字、圖像等元素,呈現(xiàn)出來的視覺語境.讓用戶在視覺語言中產(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)用戶通過數(shù)字媒體界面進(jìn)行交流互動(dòng)時(shí),界面設(shè)計(jì)中的色彩、圖形、文字、圖像、動(dòng)畫等等設(shè)計(jì)元素將滿足數(shù)字媒體主題要求的同時(shí),也將界面設(shè)計(jì)營造成了一種情境,用戶心理在這個(gè)情境中會(huì)產(chǎn)生不同的變化,此時(shí)的界面設(shè)計(jì)與用戶的情感體驗(yàn)進(jìn)行很好的融合.因此,情境融合是數(shù)字媒體界面設(shè)計(jì)中進(jìn)行情感化設(shè)計(jì)需要考慮的因素之一.不同的用戶對(duì)不同的數(shù)字媒體界面在審美觀上有著不同的差異,這種差異來自于用戶社會(huì)閱歷、知識(shí)結(jié)構(gòu)、個(gè)人喜好和行為習(xí)慣等等,數(shù)字媒體界面設(shè)計(jì)師在界面設(shè)計(jì)的過程使用相關(guān)設(shè)計(jì)元素營造出與用戶產(chǎn)生情感交融的語境,可以有效降低各種因素所帶來的情感認(rèn)知差異,最大限度的把用戶留在情境之中,長時(shí)間的使用該媒體,接受該媒體的相關(guān)信息[6].
3 結(jié)語
數(shù)字媒體界面中聚集著各種各樣為主題服務(wù)的視覺元素,如色彩、圖形、圖像、文字、動(dòng)畫、底紋背景等等,各種視覺元素承載著這主題信息的某一個(gè)方面,來實(shí)現(xiàn)數(shù)字媒介傳播信息、交流互動(dòng)、商品銷售、娛樂游戲等功能.它們構(gòu)成了整個(gè)數(shù)字媒體界面.如何將這些元素運(yùn)用情感設(shè)計(jì)原則巧妙的從界面設(shè)計(jì)中體現(xiàn)出來,主動(dòng)營造出特定情境氛圍,讓用戶在獲得信息的同時(shí),獲取更多的情感體驗(yàn)[7].注重用戶的情感體驗(yàn)是二十一世紀(jì)設(shè)計(jì)界的大勢所趨,也是每個(gè)數(shù)字媒體開發(fā)者的初衷,只有通過大量的用戶使用或關(guān)注該媒體,這個(gè)媒體才會(huì)有存在的價(jià)值.除了媒體自身的實(shí)用用功能之外,運(yùn)用情感化設(shè)計(jì)的原則來指導(dǎo)數(shù)字媒體的界面設(shè)計(jì),最大限度的滿足用戶情感體驗(yàn)有著重要意義[8].“感人心者,莫先乎情”,在數(shù)字媒體界面設(shè)計(jì)中恰當(dāng)運(yùn)用情感化設(shè)計(jì),既提升數(shù)字媒體界面設(shè)計(jì)的價(jià)值和品味,也給用戶帶來情感上的啟迪和人文關(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].中國人民大學(xué)出版社,2009.516.
中圖分類號(hào): S611 文獻(xiàn)標(biāo)識(shí)碼: A
1、前言
室內(nèi)設(shè)計(jì)中,空間的界面設(shè)計(jì)包括對(duì)建筑內(nèi)部原有界面表層的再裝飾和對(duì)空間進(jìn)行再規(guī)劃和分隔所產(chǎn)生的新界面的再設(shè)計(jì),而界面設(shè)計(jì)的效果一定程度上體現(xiàn)著設(shè)計(jì)師對(duì)室內(nèi)空間的處理能力和把握能力。
2、界面設(shè)計(jì)概述
室內(nèi)設(shè)計(jì)中的界面設(shè)計(jì)包括空間內(nèi)部界面的再裝飾以及界面的再規(guī)劃和再設(shè)計(jì),界面設(shè)計(jì)的好壞直接關(guān)系到設(shè)計(jì)師的成功與否,其主要表現(xiàn)就是設(shè)計(jì)師對(duì)室內(nèi)空間的把握能力和處理能力。以下將從界面獨(dú)立、界面整合、界面空間構(gòu)成與引導(dǎo)三個(gè)方面對(duì)空間界面進(jìn)行闡述。
2.1界面獨(dú)立
界面獨(dú)立主要包括以下三方面內(nèi)容:1、圖形界面獨(dú)立。獨(dú)立圖形是指空間
界面處理、造型實(shí)體以及局部裝飾上,所做的具有完整性和獨(dú)立性的圖形紋樣。獨(dú)立圖形常常可以讓空曠區(qū)域呈現(xiàn)出生動(dòng)的裝飾美。2、適合界面的圖形填充。適合圖形裝飾既滿足了室內(nèi)設(shè)計(jì)中限定的外形,而且還可以在限定范圍內(nèi)進(jìn)行和紋樣造型變化,使圖形裝飾具有自然合適的美感。3、確定界面主題。人們越來越看重主題墻設(shè)計(jì)的方式。一般說來,壁面設(shè)計(jì)的質(zhì)感應(yīng)該較細(xì)膩,可觸感要強(qiáng)。作為供長期性觀賞的壁面藝術(shù)作品,主體層次應(yīng)該多樣化,紋理也要清晰細(xì)密。空間流動(dòng)性大的壁面則應(yīng)表現(xiàn)得明快有力,同時(shí)應(yīng)注意其完整性。
2.2界面整合
在室內(nèi)空間設(shè)計(jì)過程中,室內(nèi)界面設(shè)計(jì)是在空間形體中面與面之間的關(guān)聯(lián)關(guān)
系的基礎(chǔ)上而完成的。眾所周知,室內(nèi)空間是一個(gè)很難分析和歸納的抽象物,是一個(gè)不能被觸摸,卻能被感知的東西,但它的圍和空間卻有著實(shí)實(shí)在在的界面,它是具有形狀、尺度、色彩的能夠被感知和觸摸的實(shí)體。室內(nèi)界面主要包括四周的頂面、垂直面和底面三部分。之前的空間設(shè)計(jì)者都比較重視界面的區(qū)分,而現(xiàn)在的界面設(shè)計(jì)更注重室內(nèi)個(gè)界面之間的整合性。要么組合、穿插、疊加,要么打散、重構(gòu)。頂界面、墻界面、低界面是完全可以整合到一起顯現(xiàn)出單純、鮮明的效果的。
2.3界面空間構(gòu)成與引導(dǎo)
實(shí)面是實(shí)體和實(shí)質(zhì)界面的統(tǒng)一體,具有物理環(huán)境和理念環(huán)境雙重性。空間在哲學(xué)中被理解成無限的抽象東西,但是,對(duì)于室內(nèi)空間設(shè)計(jì)來說,空間是有界定的邊界和空間的。正是因?yàn)槭覂?nèi)空間具有局限性,所以室內(nèi)設(shè)計(jì)的主要目的就是通過對(duì)圍合的處理來創(chuàng)造空間。場所的設(shè)計(jì)也是實(shí)面與空間藝術(shù)的復(fù)合。內(nèi)墻被視為室內(nèi)空間的起點(diǎn),所以,寬大空間界面應(yīng)該把重心提高,而小空間界面應(yīng)盡可能在視線的中上位置,狹長空間則可以按照其長度分為相對(duì)獨(dú)立的單元組合,或者采用散點(diǎn)透視法。對(duì)于墻面和天花板這些轉(zhuǎn)折面來說,應(yīng)該盡可能的將其分解為幾個(gè)單元,沿著一定的軸線移動(dòng),以便把握時(shí)空視覺的伸縮與連續(xù)。另外,形體與空間屬于一種組織關(guān)系,這種特殊的關(guān)系可能會(huì)出現(xiàn)在幾段曲線墻面,也可能設(shè)計(jì)一組有序的形體。
3、室內(nèi)設(shè)計(jì)中的界面設(shè)計(jì)手法
3.1界面材料并置的手法
材料并置指在室內(nèi)空間設(shè)計(jì)過程中用兩種或兩種以上的材料進(jìn)行并置處理,這些材料之間不需要有拼接、黏貼的關(guān)系,主要是因?yàn)檫@些材料并置的方法是用于處理不能進(jìn)行收口的各種材料。比如:青石板、鵝卵石、景觀石所并置而成的枯山水景界面裝飾,就是利用具有一定的互動(dòng)性的材料進(jìn)行共同并置,形成一種新的界面裝飾設(shè)計(jì)。實(shí)際上,鋪設(shè)在地面上進(jìn)行的地毯可以算作是界面并置的方法。
3.2界面材料拼貼的手法
材料拼貼是指使在室內(nèi)設(shè)計(jì)過程中,材料通過粘結(jié)或者拼接而連在一起的方法。這種方法可以是同種材料的黏貼,也可以是多種不同材料的拼接。材料通過拼貼而成為一個(gè)整體之后,就會(huì)具有豐富的肌理感,不再單調(diào)。比如:采用紋理和花色不一樣的石頭材料所拼貼起來的花,材料本身在質(zhì)感和性能上都是有著小小的差別的,這樣拼貼起來就更能滿足人們的審美要求。
3.3界面局部凸起或局部凹陷的手法
在室內(nèi)界面設(shè)計(jì)中,界面局部凸起的方法是指在界面再設(shè)定子空間,使局部凸起,從而使室內(nèi)空間富有層次感的設(shè)計(jì)方法。比如教室中的講臺(tái),這樣設(shè)計(jì)不但提高了老師的高度,而且可以使老師講課的聲音傳播的更遠(yuǎn),視野得以開闊,另一方面也暗示了老師的特有地位,進(jìn)而加強(qiáng)了教師授課這個(gè)空間的嚴(yán)肅氣氛。界面局部凹陷所構(gòu)成的圍合空間與局部凸起的抬高給使用者帶來了不一樣的心理感受,界面局部凹陷這種方式產(chǎn)生的圍合空間可以給人帶來一定的安全感和私密感。凹陷產(chǎn)生的陰影區(qū)域,還可以給人帶來一定的神秘感。在現(xiàn)代社會(huì)多元化的形勢下,人們都開始追求快樂、享受的生活,而室內(nèi)空間設(shè)計(jì)就是要滿足人們的要求,給人們制造一個(gè)滿足、愉快的生活環(huán)境,使得人們能夠更加尊重其生命價(jià)值。
3.4其他手法
界面設(shè)計(jì)除了以上幾種方法外,還有可變、卷曲、傾斜、高科技化等方法,這些方法可以在不同的空間中營造出不同的氣氛。室內(nèi)設(shè)計(jì)中,(1)可變的方法,比如各種戲院或者劇院的升降舞臺(tái)等。可變方法在界面設(shè)計(jì)中的運(yùn)用可以使空間的形態(tài)產(chǎn)生改變,從而豐富觀眾的視角。(2)卷曲方法的運(yùn)用較為常見,最具代表性可謂是柏林酒店,此酒店界面設(shè)計(jì)使用了大量的卷曲方法,使得界面跟垂直界面的界限變得模糊,讓兩個(gè)界面連成一體。(3)傾斜的方法,例如:為設(shè)計(jì)排水的功能,必須在地面設(shè)計(jì)一個(gè)坡。界面中傾斜方法的運(yùn)用能給人們以運(yùn)動(dòng)感或者流動(dòng)的趨勢。
4、界面設(shè)計(jì)的發(fā)展趨勢
斯賓塞曾經(jīng)說過:與目的聯(lián)系在一起的享樂必然是達(dá)到這一目的的手段也成為一種快樂。室內(nèi)設(shè)計(jì)的主要目的就是增強(qiáng)生命的意義,使人們能夠在各方面得到滿足與和諧。在多元化理念的時(shí)代,室內(nèi)裝飾設(shè)計(jì)目前已經(jīng)進(jìn)入了轉(zhuǎn)型期,而且正以其獨(dú)特的文化特性而存在。室內(nèi)界面設(shè)計(jì)發(fā)展新趨向主要表現(xiàn)傳統(tǒng)與科技工藝結(jié)合 ;創(chuàng)新與復(fù)古多元共存;材料與設(shè)備的更新;室內(nèi)與室外相對(duì)獨(dú)立; 專業(yè)與業(yè)主兼顧;審美與功能因人而異幾個(gè)方面。
4.1界面材質(zhì)的發(fā)展更趨近時(shí)代性和超前性
隨著人類文明的發(fā)展與進(jìn)步,人們對(duì)生活和工作的環(huán)境的要求越來越高,對(duì)室內(nèi)空間的裝飾要求也日新月異。因此,在設(shè)計(jì)中,必須注意超前性和時(shí)代性。另外,在界面設(shè)計(jì)中,當(dāng)一種設(shè)計(jì)手法不能兼顧時(shí),就需要附加其它因素或進(jìn)行特殊手法處理。
4.2工藝手法趨于整合
在室內(nèi)空間設(shè)計(jì)中,以往分離的墻體、雕塑、繪畫等空間藝術(shù)表現(xiàn)將有重新整合的趨勢。在建筑裝飾藝術(shù)上,新的技術(shù)手段比如激光聲控、照相印刷等現(xiàn)代裝置也日益走進(jìn)建筑飾面藝術(shù)之中。單從空間來講,首先,過去不同的藝術(shù)劃分在未來室內(nèi)的各個(gè)界面之間的界限將變得逐漸模糊;其次,二維平面與三維空間藝術(shù)的處理將聯(lián)為一體,沒有區(qū)分或區(qū)分不明顯,使得空間的起點(diǎn)和邊界更為模糊化。
4.3界面設(shè)計(jì)藝術(shù)的內(nèi)涵趨于集中
眾所周知,室內(nèi)空間設(shè)計(jì)中的界面設(shè)計(jì)雖然手法多種多樣,藝術(shù)表現(xiàn)千變?nèi)f化,但它的宗旨和內(nèi)涵都比較集中,總體概括為:第一,通過文字、符號(hào)、形象的設(shè)計(jì)來使界面更具有意向表達(dá)或者象征作用。第二,通過各種圖案的裝飾質(zhì)感促使各界面變得柔化、虛化,賦予其掩飾作用。第三,通過集合劃分、光色多變、透視等手法,使墻面具有視覺上的界定和擴(kuò)大作用和放大的效果。
5、結(jié)語
在室內(nèi)空間設(shè)計(jì)過程中,設(shè)計(jì)師必須認(rèn)清界面跟室內(nèi)空間的關(guān)系,了解裝飾界面的各種要素,了解室內(nèi)設(shè)計(jì)中界面設(shè)計(jì)所具備的運(yùn)用方法,在不同的空間功能或者風(fēng)格中,根據(jù)不同的功能和風(fēng)格空間應(yīng)用不同的界面設(shè)計(jì)方法,讓室內(nèi)空間設(shè)計(jì)表現(xiàn)出和諧、生動(dòng)、嚴(yán)謹(jǐn),具有視覺美感的界面設(shè)計(jì)。
0 引言
近年來,隨著計(jì)算機(jī)硬件技術(shù)的迅猛發(fā)展,計(jì)算機(jī)的運(yùn)行速度、存儲(chǔ)容量和可靠性等技術(shù)性能指標(biāo)有了明顯的提高,計(jì)算機(jī)硬件的生產(chǎn)成本卻大幅度下跌,個(gè)人計(jì)算機(jī)日益普及。新一代的計(jì)算機(jī)用戶,在應(yīng)用軟件的可操作性以及軟件操作的舒適性等方面對(duì)應(yīng)用軟件提出了更高的要求。這表明,人機(jī)界面的質(zhì)量已成為一個(gè)大問題,友好的人機(jī)界面設(shè)計(jì)已經(jīng)成為應(yīng)用軟件開發(fā)的一個(gè)重要組成部分[1]。
1 人機(jī)界面的設(shè)計(jì)原則
人機(jī)界面設(shè)計(jì)的好壞與設(shè)計(jì)者的經(jīng)驗(yàn)有直接有關(guān)系,有些原則對(duì)幾乎所有良好的人機(jī)界面的設(shè)計(jì)都是適用的,一般地可從信息、可交互性、數(shù)據(jù)輸入、顯示等方面考慮[2]:
原則 1:保證信息顯示方式與數(shù)據(jù)輸入方式的協(xié)調(diào)一致,盡量減少用戶輸入的動(dòng)作,隱藏當(dāng)前狀態(tài)下不可選用的命令,允許用戶自選輸入方式,能夠刪除無現(xiàn)實(shí)意義的輸入,允許用戶控制交互過程。
原則 2:對(duì)所有可能造成損害的動(dòng)作,堅(jiān)持要求用戶確認(rèn),例如提問“你確定……”等,對(duì)大多數(shù)動(dòng)作應(yīng)允許恢復(fù),對(duì)用戶出錯(cuò)采取寬容的態(tài)度。
原則 3:在同一用戶界面中,所有的命令輸入、數(shù)據(jù)顯示、菜單選擇和其他功能應(yīng)保持風(fēng)格的一致性。風(fēng)格一致的人機(jī)界面會(huì)給人一種和諧、簡潔的美感。
原則 4:合理劃分并高效使用顯示屏。僅顯示與上下文有關(guān)的信息,允許用戶對(duì)可視環(huán)境進(jìn)行維護(hù):如放大、縮小圖像;用窗口分隔不同種類的信息,只顯示有意義的出錯(cuò)信息,避免因數(shù)據(jù)過于費(fèi)解造成用戶煩惱。
原則 5:人機(jī)界面應(yīng)該提供上下文敏感的求助系統(tǒng),讓用戶及時(shí)獲得幫助,盡量用簡短的動(dòng)詞和動(dòng)詞短語提示命令。
原則 6:用戶界面應(yīng)能對(duì)用戶的決定做出及時(shí)的響應(yīng),提高思考、移動(dòng)和對(duì)話的效率,最大可能的縮短鼠標(biāo)移動(dòng)距離,減少擊鍵次數(shù),避免使用戶產(chǎn)生無所適從的感覺。
上述原則都是進(jìn)行人機(jī)界面設(shè)計(jì)應(yīng)遵循的最基本的原則,除此之外還有許多設(shè)計(jì)原則應(yīng)當(dāng)考慮,比如如何正確的使用顏色等。
2 人機(jī)界面的風(fēng)格分析
這里所指的人機(jī)界面的風(fēng)格,是指計(jì)算機(jī)系統(tǒng)的用戶界面上控制輸入的方法,大致經(jīng)過了四代的演變[3-4]:
2.1 命令語言
在圖形顯示、鼠標(biāo)、高速工作站等技術(shù)出現(xiàn)之前,現(xiàn)實(shí)可行的界面方式只能是詢問和命令方式,通信完全以正文形式并通過用戶對(duì)系統(tǒng)詢問和用戶命令的響應(yīng)來完成。
這種方式使用靈活,對(duì)熟練的用戶有很高的工作效率,便于用戶發(fā)揮其創(chuàng)造性,但對(duì)一般用戶來說要求高且易出錯(cuò),不友善并難于學(xué)習(xí),它的錯(cuò)誤處理能力也較弱。
2.2 菜單選項(xiàng)
這種方式與命令行方式相比不易出錯(cuò),可以大大縮短用戶的培訓(xùn)時(shí)間,減少用戶的擊鍵次數(shù),可以使用對(duì)話管理工具,錯(cuò)誤處理能力有了顯著提高。但使用起來仍然乏味,可能出現(xiàn)菜單層次過多及菜單選項(xiàng)復(fù)雜的情形,必須逐級(jí)進(jìn)行選擇,不能一步到位,導(dǎo)致交互速度顯得太慢。
2.3 面向窗口的點(diǎn)選界面
此類界面亦稱WIMP界面,即窗口、小圖標(biāo)、菜單、指示器四位一體,形成桌面。
這種方式能同時(shí)顯示不同種類的信息,使用戶可在幾個(gè)工作環(huán)境中切換而不丟失幾個(gè)工作之間的聯(lián)系,用戶可通過下拉式菜單方便執(zhí)行控制型和對(duì)話型任務(wù),引入按鈕、圖標(biāo)和滾動(dòng)桿技術(shù),大大減少鍵盤輸入,對(duì)不精于打字的用戶無疑提高了交互效率。
2.4 自然語言
使用自然語言與應(yīng)用軟件進(jìn)行通信。把第三代界面技術(shù)與多任務(wù)、超文本概念結(jié)合起來,使用戶可同時(shí)執(zhí)行多個(gè)任務(wù)(以用戶的觀點(diǎn))。
隨著文字、圖形、語音的識(shí)別與輸術(shù)技術(shù)的進(jìn)一步發(fā)展,多媒體技術(shù)在人機(jī)界面開發(fā)領(lǐng)域內(nèi)的進(jìn)一步發(fā)展,自然語言風(fēng)格的人機(jī)界面將得以迅速的發(fā)展,最終走向?qū)嵱没?/p>
3 人機(jī)界面設(shè)計(jì)的評(píng)價(jià)
怎樣評(píng)價(jià)一個(gè)人機(jī)界面設(shè)計(jì)質(zhì)量的優(yōu)劣,目前還沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)。一般地,評(píng)價(jià)可以從以下幾個(gè)主要方面進(jìn)行考慮[5]:
(1)用戶對(duì)人機(jī)界面的滿意程度;
(2)人機(jī)界面的標(biāo)準(zhǔn)化程度;
(3)人機(jī)界面的適應(yīng)性和協(xié)調(diào)性;
(4)人機(jī)界面的應(yīng)用條件;
(5)人機(jī)界面的性能價(jià)格比。
目前人們習(xí)慣于用“界面友好性”這一抽象概念來評(píng)價(jià)一個(gè)人機(jī)界面的好壞,但“但面友好”與“界面不友好”恐怕無人能定一個(gè)確切的界線,一般認(rèn)為一個(gè)友好的人機(jī)界應(yīng)該至少具備以下特征[6,7]:
(1)操作簡單,易學(xué),易掌握;
(2)界面美觀,操作舒適;
(3)快速反應(yīng),響應(yīng)合理;
(4)用語通俗,語義一致。
4 結(jié)束語
由于受傳統(tǒng)觀念的影響,很長一段時(shí)間里,人機(jī)界面一直不為軟件開發(fā)人員所重視,認(rèn)為這純粹是為了取悅用戶而進(jìn)行的低級(jí)活動(dòng),沒有任何實(shí)用價(jià)值。本文介紹了人機(jī)界面設(shè)計(jì)的一般過程,人機(jī)界面實(shí)現(xiàn)的原則,人機(jī)界面的風(fēng)格和對(duì)人機(jī)界面設(shè)計(jì)的評(píng)價(jià),旨在為人機(jī)界面相關(guān)問題的解決提供良好的理論依據(jù)。
【參考文獻(xiàn)】
[1]賈曉輝,董智勇,樂嘉錦.多通道人機(jī)界面設(shè)計(jì)及應(yīng)用[J].計(jì)算機(jī)應(yīng)用軟件, 2008(25):121-122.
[2]梅云.感性設(shè)計(jì):人機(jī)界面設(shè)計(jì)新思維[J].科技資訊,2008(9): 217.
[3]褚中葦,魏東.交互設(shè)計(jì)在人機(jī)界面設(shè)計(jì)中的應(yīng)用[J].藝術(shù)與設(shè)計(jì),2009:93-95.
[4]夏敏燕,王琦.以用戶為中心的人機(jī)界面設(shè)計(jì)萬法探討[J].上海電機(jī)學(xué)院學(xué)報(bào),2008(11):201-202.
隨著科技的發(fā)展,各種人類活動(dòng)電子化,計(jì)算機(jī)等電子科技產(chǎn)品在日常生活中發(fā)揮著越來越重要的作用。而伴隨著這些新技術(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ì)話語言,以一定的方式,為完成確定任務(wù)而進(jìn)行的人機(jī)之間的信息交換過程。
而人機(jī)界面則是人機(jī)交互系統(tǒng)中媒介,只要是參與人機(jī)信息交流的一切領(lǐng)域都是屬于界面設(shè)計(jì)的范疇,所以人機(jī)界面的應(yīng)用的領(lǐng)域也是相當(dāng)廣泛,如工業(yè)設(shè)計(jì)和機(jī)械設(shè)計(jì);人機(jī)交互以及軟件開發(fā);金融領(lǐng)域、管理學(xué)等學(xué)科;醫(yī)學(xué)、工作保健等方面;系統(tǒng)設(shè)計(jì)方面;交通人機(jī)工程、軍隊(duì)系統(tǒng)、環(huán)境人機(jī)工程、語音識(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à),要從多角度來看待,從多方面因素來評(píng)價(jià)。
簡而言之,人機(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ì)從最開始的“人不得不努力去適應(yīng)計(jì)算機(jī)”過渡到“計(jì)算機(jī)將努力去適應(yīng)人的需要”,這是對(duì)人機(jī)界面設(shè)計(jì)提出的要求與最終結(jié)果。所以,用戶滿意度是一個(gè)優(yōu)秀的界面設(shè)計(jì)所必須滿足的條件。
從用戶的角度分析出發(fā)來研究人機(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ì)說明對(duì)話框以生成結(jié)束信息;5.預(yù)防錯(cuò)誤;6.允許輕松的反向操作;7.支持內(nèi)部控制點(diǎn);8.減少短時(shí)記憶。在滿足這幾項(xiàng)一般適用原則之后,界面就能滿足用戶最基本的最基本功能性要求。
三、從用戶角度分析優(yōu)秀的界面設(shè)計(jì)
從發(fā)展趨勢來看,人機(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ù)庫層四個(gè)層。用戶層和環(huán)境層合起來就成為用戶界面。用戶通過用戶層將信息傳遞給計(jì)算機(jī),計(jì)算機(jī)也是通過這一層將信息傳遞給用戶,環(huán)境層能對(duì)信息進(jìn)行識(shí)別、驗(yàn)證等處理,是用戶和計(jì)算機(jī)能得到正確的信息,同時(shí)對(duì)用戶和計(jì)算機(jī)起幫助。應(yīng)用層接受信息,執(zhí)行規(guī)定的動(dòng)作,并給出處理結(jié)果。數(shù)據(jù)庫層是存放、管理各種數(shù)據(jù),供各層試用。
用戶在使用人機(jī)界面,先輸入命令或者數(shù)據(jù),對(duì)于命令包括菜單選擇的命令要做句法和詞義檢查。出錯(cuò)的話,通過屏幕提示用戶,要求用戶重新輸入。若是正確,則轉(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ì)的過程中,最緊要的就是將設(shè)計(jì)與用戶需求相結(jié)合。首先人機(jī)界面設(shè)計(jì)要確立用戶類型,然后針對(duì)其特點(diǎn)預(yù)測他們對(duì)不同界面的反應(yīng),這就需要從多方面進(jìn)行設(shè)計(jì)分析。其次,人機(jī)界面要盡量較少用戶的記憶負(fù)擔(dān),采用一些有助于記憶的設(shè)計(jì)方案,可以使得用戶有效的提高工作效率。最重要的還有,幫助和提示原則對(duì)用戶的操作命令作出反應(yīng),幫助用戶處理問題,系統(tǒng)要求設(shè)計(jì)有恢復(fù)現(xiàn)場出錯(cuò)的能力,在系統(tǒng)內(nèi)部處理工作要有提示,把主動(dòng)權(quán)交給用戶。
對(duì)于用戶來說,一個(gè)優(yōu)秀的人機(jī)界面需要滿足大多數(shù)用戶的操作喜好及感官需求,讓用戶能夠輕松的控制其使用過程,得到用戶的好評(píng)。而以用戶為中心人機(jī)界面設(shè)計(jì)的設(shè)計(jì)方法的基本思想就是在每個(gè)設(shè)計(jì)過程中把用戶擺在設(shè)計(jì)過程的首位。
四、人機(jī)界面設(shè)計(jì)的一般過程
人機(jī)界面設(shè)計(jì)的第一步是創(chuàng)建用戶模型,了解用戶的意圖,知道用戶想做什么。研究用戶的目的在于激發(fā)設(shè)計(jì)團(tuán)隊(duì)并讓他們聚焦在某些關(guān)鍵點(diǎn)上,換位思考,處于用戶的環(huán)境中,了解用戶的需要。設(shè)計(jì)師可以適當(dāng)深入到實(shí)際的使用場景中去,通過與用戶交流,讓用戶在使用時(shí)說出自己的想法,這樣才能不忽視細(xì)節(jié)關(guān)鍵。
完成用戶模型定義之后,需要定義和分析用戶履行的任務(wù),尋找與任務(wù)相關(guān)的概念模型,對(duì)結(jié)果進(jìn)行分析總結(jié)出設(shè)計(jì)主題。并且通過視覺化的形式來表現(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)來構(gòu)架技術(shù)框架。在人機(jī)界面最終完成時(shí),要將其軟、硬件系統(tǒng)按其性能、功能、界面形式、可用性等方面進(jìn)行評(píng)估,最重要的是要進(jìn)行用戶測試,進(jìn)行用戶反饋。
五、人性化的設(shè)計(jì)原則在人機(jī)界面中應(yīng)用
一個(gè)好的界面設(shè)計(jì),能夠讓用戶在愉悅的環(huán)境中使用,并且激發(fā)出用戶的興趣。設(shè)計(jì)出情感界面方法無外乎是使用富含表情圖標(biāo)和其他元素來表達(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ī)界面的全過程。
比如手機(jī)界面的UI設(shè)計(jì),首先,對(duì)用戶進(jìn)行調(diào)查分類,搞清用戶的訴求與喜好。然后開始定義分析設(shè)計(jì)相應(yīng)的軟件界面,針對(duì)大眾用戶群體的可用性分析與界面視覺探索,將抽象的概念需求轉(zhuǎn)化為視覺形象化的圖形設(shè)計(jì)語言,以確定產(chǎn)品方向。最后將設(shè)計(jì)出來的界面進(jìn)行評(píng)估反饋。最終得出設(shè)計(jì)的要點(diǎn)有簡潔的視覺呈現(xiàn)、便捷的交互體驗(yàn)、統(tǒng)一的整體風(fēng)格、精致的細(xì)節(jié)訴求。
隨著系統(tǒng)的日益復(fù)雜和功能的不斷強(qiáng)大,軟件操作日益復(fù)雜,門檻也越來越高,但軟件的最終使用者還是用戶,因此建立軟件與用戶之間的良好溝通是具有重要意義的。這樣一來既能方便用戶使用,又加強(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é)合起來,滿足使用者方便快捷的使用需求,只有這樣的界面才是優(yōu)秀的人機(jī)界面。因此,人機(jī)界面設(shè)計(jì)最后重要的在于“人”與“機(jī)”之間的結(jié)合,人機(jī)結(jié)合密切的界面使用戶樂于使用的優(yōu)秀界面。
多媒體教材界面設(shè)計(jì)的簡潔性是指界面的清晰度、復(fù)雜度以及教學(xué)內(nèi)容含量等應(yīng)該與學(xué)習(xí)者的能力相當(dāng)。即針對(duì)不同知識(shí)結(jié)構(gòu)層次的學(xué)習(xí)者,可以設(shè)計(jì)復(fù)雜程度相當(dāng)?shù)慕缑妫箤W(xué)習(xí)者把注意力完全放在界面的內(nèi)容上,而不是被吸引到界面的形式上;使學(xué)習(xí)者的思想、意念必須放在使用系統(tǒng)的功能上,而不是放在如何與計(jì)算機(jī)進(jìn)行交流上。
一、多媒體教材中界面設(shè)計(jì)簡潔性的設(shè)計(jì)依據(jù)
1、依據(jù)學(xué)習(xí)者的視覺心理,設(shè)計(jì)簡潔流暢的界面。
首先從視覺流程來分析,我們知道:人眼的生理構(gòu)造--晶體,只能產(chǎn)生一個(gè)焦點(diǎn),而不能同時(shí)把視線停留在兩處或兩處以上的地方,只有先看什么,后看什么,再看什么依次順序進(jìn)行。人們在閱讀一種信息載體時(shí),視線總有一種自然的流動(dòng)習(xí)慣,普遍都是從左到右,由上到下,由左上方沿著弧形線向右下方流動(dòng)的過程。如圖所示:
其注意值隨著下移逐漸遞減,在此流動(dòng)線上的任何一點(diǎn)都比流動(dòng)線外的任何點(diǎn)明顯,這種對(duì)界面視覺順序感受的無形流動(dòng)線,我們稱它為"視覺流程"。也就是說:視覺流程的形成是由人類的視覺特性所決定的。
其次從視覺心理的角度來分析,學(xué)習(xí)者在通過多媒體教材進(jìn)行學(xué)習(xí)時(shí),其對(duì)界面內(nèi)的諸多構(gòu)成的注意程度是不同的。在一個(gè)長方形界面中心線上劃出三條等距離的平等線,便在中心線上出現(xiàn)三個(gè)等距離的"焦點(diǎn)",當(dāng)學(xué)習(xí)者在這三個(gè)焦點(diǎn)上來回移動(dòng)視線時(shí),便會(huì)發(fā)現(xiàn)第一個(gè)焦點(diǎn)(中心線上部分處)最為引人注目。這就是界面中最佳的"焦點(diǎn)"方位,即視覺中心。而圍繞這個(gè)最佳焦點(diǎn),人的注意力將呈放射狀由中心向平緩遞減,這就是界面的最佳視域區(qū)。
最佳視域區(qū)第三,在界面的色彩使用上,人的視覺興趣點(diǎn)又受色彩的影響,如:純度高的、對(duì)比度高的或明度高的色彩在界面中,不論是文字,還是色塊或背景,往往會(huì)給學(xué)習(xí)者較強(qiáng)的刺激。
在多媒體教材界面的設(shè)計(jì)中,正確運(yùn)用視覺流程對(duì)視覺進(jìn)行導(dǎo)向的作用,恰當(dāng)處理最佳視覺區(qū)對(duì)學(xué)習(xí)者視覺心理的影響,組織好自然流暢的視覺導(dǎo)向,對(duì)不同性質(zhì)的教學(xué)信息的有序、簡潔的設(shè)計(jì),從而引導(dǎo)學(xué)習(xí)者準(zhǔn)確有效地接受教學(xué)信息。這不僅有助于學(xué)習(xí)者獲取教學(xué)信息,還可以減輕學(xué)習(xí)者的心理壓力。
2、依據(jù)多媒體教材具有的美學(xué)特點(diǎn),設(shè)計(jì)簡約明快的界面。
多媒體教材是具有科學(xué)美、藝術(shù)美和形式美。其科學(xué)美首要的一點(diǎn)就是簡明,即界面內(nèi)的知識(shí)信息簡明。多媒體教材的界面還充滿著藝術(shù)特質(zhì)和形式的美感,其布局結(jié)構(gòu)和色彩配置均遵循著美學(xué)的特點(diǎn)。優(yōu)秀的界面設(shè)計(jì),雖然界面的形式簡單,但內(nèi)容深遂、豐富,可以引起學(xué)習(xí)者豐富的聯(lián)想,激發(fā)學(xué)習(xí)者的學(xué)習(xí)熱情。它內(nèi)在的東西是豐厚的,是設(shè)計(jì)者經(jīng)過廣泛搜集,經(jīng)過去粗取精,提煉出來的。誰能說世界名畫"最后的晚餐"因是一個(gè)平面的藝術(shù)品而失去她亙古的魅力呢?簡潔的背后意味著深厚的意義!
學(xué)習(xí)者在通過多媒體教材進(jìn)行學(xué)習(xí)時(shí),教學(xué)內(nèi)容是以多媒體教材的界面一屏一屏的呈現(xiàn)的,依據(jù)學(xué)習(xí)者的"先入為主"的學(xué)習(xí)心理,清晰明快的界面是邏輯思維和形象思維最好的起點(diǎn),它也符合學(xué)習(xí)者由點(diǎn)到面,由淺入深的認(rèn)知過程。因此,在設(shè)計(jì)界面時(shí),充分利用人機(jī)交互界面,積極創(chuàng)設(shè)教學(xué)情境,準(zhǔn)確傳遞教學(xué)信息。針對(duì)不同知識(shí)結(jié)構(gòu)的學(xué)習(xí)者,設(shè)計(jì)簡約明快的界面。
3、依據(jù)教學(xué)內(nèi)容的需要,設(shè)計(jì)清晰明智的界面。
我們設(shè)計(jì)與制作的多媒體教材主要是輔助教學(xué)、學(xué)習(xí)者自學(xué)或用于網(wǎng)上遠(yuǎn)程教學(xué)。一方面,多媒體教材所展示的內(nèi)容應(yīng)是教學(xué)中的重點(diǎn)、難點(diǎn)內(nèi)容,應(yīng)以認(rèn)知理論、建構(gòu)理論為指導(dǎo),選擇適用多媒體呈現(xiàn)的教學(xué)信息,避免將多媒體教材制作成教科書,面面俱到,冗長枯燥,應(yīng)重點(diǎn)、難點(diǎn)突出,交互友好方便,界面文字內(nèi)容準(zhǔn)確、精練。另一方面,教學(xué)內(nèi)容是具有系統(tǒng)性的,界面的層級(jí)是有邏輯關(guān)系的,這要求在界面的設(shè)計(jì)中,根據(jù)知識(shí)體系的劃分,設(shè)計(jì)出封頁、主頁、各級(jí)子頁等,一個(gè)子頁面內(nèi)的教學(xué)內(nèi)容一般應(yīng)是同一個(gè)層級(jí)的內(nèi)容。也就是說:我們設(shè)計(jì)制作的多媒體教材可以滿足學(xué)習(xí)者根據(jù)自己的學(xué)習(xí)需求,隨意跳轉(zhuǎn)到某一級(jí)界面,都能很明確、清晰地讀解該頁所呈現(xiàn)的教學(xué)信息。設(shè)計(jì)中,還要依據(jù)多媒體教材的不同類型,如演示型、匯報(bào)型、訓(xùn)練型、模擬實(shí)驗(yàn)型等多媒體教材的特點(diǎn),創(chuàng)設(shè)恰當(dāng)?shù)膶W(xué)習(xí)情境,集多媒體教材之優(yōu)長,從多層次、多角度、多媒體等方面簡化其復(fù)雜性,設(shè)計(jì)出清晰、明智、易于操作的多媒體教材的界面。
二、多媒體教材界面設(shè)計(jì)簡潔性的主要體現(xiàn)
多媒體教材界面設(shè)計(jì)的簡潔性主要體現(xiàn)在以下幾個(gè)方面:
1.界面整體設(shè)計(jì)樣式上的簡潔
中圖分類號(hào):TP311文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2011)01-0213-03
Study on Vision Model Applied to User Interface Design
LIU Ji-wei, GUO Tian-jie
(Naval Aeronautical and Astronautical University, Yantai 264001, China)
Abstract: Traditional user interface design is usually accomplished through placing kinds of control on forms. This way requires more system resource and possesses less functional agility than the model called Vision constructed in this paper according to message-driven mechanism of Windows Operation System. The Vision Model can solve the problem above, create unlimited kinds of UI, support complex communication between software and user, and produce vision impression discretionally at less cost.
Key words: vision model; user interface;message transmission; form; control
近年來許多程序員熱衷于“堆積”控件(Control)來編寫軟件的用戶界面(UI)。諸如Microsoft Visual Studio系列、Borland Delphi系列等常用開發(fā)軟件的界面制作功能日益“傻瓜”化,使得軟件設(shè)計(jì)者可以通過拖放操作快速添加控件,不用較多注意技術(shù)細(xì)節(jié),而把更多的精力投入業(yè)務(wù)流程中去。軟件的界面制作過程變得看似十分簡單。然而,在Windows操作系統(tǒng)平臺(tái)下,在窗體上堆積控件會(huì)使軟件運(yùn)行時(shí)耗費(fèi)較多的系統(tǒng)資源,而且如果需要制作非傳統(tǒng)的界面(比如游戲界面),控件又會(huì)因?yàn)榍啡膘`活性而給設(shè)計(jì)者帶來許多不必要的麻煩。
本文建立了視界模型,專用于編寫用戶界面,可以有效解決上述問題,并具有高度的靈活性和實(shí)用性。
1 傳統(tǒng)的界面制作
在Windows系統(tǒng)平臺(tái)上開發(fā)應(yīng)用程序的用戶界面(窗體)所包含的控件,實(shí)際上都是它的子窗體。每一個(gè)子窗體都具有獨(dú)立的消息隊(duì)列(Message Queue)。作為消息驅(qū)動(dòng)的Windows應(yīng)用程序,其控件與父窗體(容器,Container),控件與控件之間的交互實(shí)際上都是由消息的傳遞實(shí)現(xiàn)的。所謂控件的事件及其觸發(fā),實(shí)際都是消息的傳遞及其處理。雖然消息傳遞的接口都是統(tǒng)一的,但是系統(tǒng)要維護(hù)多個(gè)(通常超過15個(gè))控件(窗體)的消息隊(duì)列,會(huì)耗費(fèi)許多系統(tǒng)資源。
對(duì)程序員而言,雖然編譯軟件和第三方組件提供了大量的UI接口供調(diào)用,但是眾所周知,一個(gè)軟件模塊規(guī)模越大,它的不穩(wěn)定性也就越強(qiáng)。這些UI接口所封裝的大量技術(shù)細(xì)節(jié)可能包含了不安全的組分。當(dāng)程序出現(xiàn)異常時(shí),人們往往最后才想到業(yè)務(wù)流程之外的代碼錯(cuò)誤。當(dāng)發(fā)現(xiàn)業(yè)務(wù)流程實(shí)際上并沒有邏輯上和語法上的問題時(shí),已經(jīng)耗費(fèi)了大量的時(shí)間和成本;而且即使發(fā)現(xiàn)了控件的異常反應(yīng)也無法快速糾正。
如果需要制作多樣化的,非“傳統(tǒng)”的窗體界面,則很可能需要編寫額外的代碼來控制窗體和控件的行為,甚至重新制作相應(yīng)的UI接口。例如通過傳統(tǒng)的控件來實(shí)現(xiàn)按鈕被用戶單擊后爆裂這樣的視覺特效,顯得粗糙而又笨拙。
2 視界模型的提出
筆者經(jīng)過研究發(fā)現(xiàn),可以完全拋開窗體與子窗體的繁復(fù)設(shè)定,采用一種新的模型來支持用戶界面的開發(fā)。筆者稱之為“視界(Vision)” 。視界模型只需要一個(gè)窗體,就可以表現(xiàn)出理論上無限多種用戶界面,實(shí)現(xiàn)復(fù)雜的軟件與用戶的交流,并能產(chǎn)生任意的視覺特效。
視界是這樣一種用戶界面模型,它以一個(gè)窗體為依托,集中業(yè)務(wù)所需的所有界面,并根據(jù)業(yè)務(wù)流程和用戶輸入予以顯示。每個(gè)界面上都放置有類似于控件的控制對(duì)象,可供用戶操作;而且,每個(gè)界面都可綁定任意的繪制代碼,可表現(xiàn)豐富多彩的視覺特效。不同的界面都綁定有不同的消息處理方法,以滿足不同的業(yè)務(wù)處理需要。
3 視界模型的組成
視界模型的組成結(jié)構(gòu)如下圖1所示。
如圖1,視界包括若干頁面,頁面又包含若干控制對(duì)象,控制對(duì)象可視為使能區(qū)的有機(jī)組合。下文逐一描述這些概念。
3.1 使能區(qū)
使能區(qū)(Enable Field)是控制對(duì)象的組成部分,用以確定和響應(yīng)用戶的輸入(鼠標(biāo)點(diǎn)擊等)。使能區(qū)一般是窗體上的矩形區(qū)域(Region),與若干操作(Operation)綁定。當(dāng)用戶激活使能區(qū)時(shí),相應(yīng)的操作就會(huì)自動(dòng)執(zhí)行。在這一點(diǎn)上,使能區(qū)與操作的關(guān)系十分類似于控件與事件(Event)之間的關(guān)系。
3.2 控制對(duì)象
控制對(duì)象(Control Object)在功能上與控件類似,是用戶界面上可操作的對(duì)象。控制對(duì)象可以模擬按鈕(Button)、靜態(tài)文本(Static Text)、圖片框(Picture Box)、列表框(List Box)等理論上無數(shù)種控件的屬性和操作,并生成相應(yīng)的派生類(子類)。
控制對(duì)象包含單個(gè)或多個(gè)使能區(qū),并封裝它們的操作。當(dāng)其中的某個(gè)使能區(qū)被激活,控制對(duì)象就會(huì)表現(xiàn)出一定的行為,此時(shí)稱觸發(fā)了控制對(duì)象的事件(Event)。值得注意的是,有的控制對(duì)象并沒有使能區(qū),它是籍由頁面的調(diào)用而表現(xiàn)出行為的,例如內(nèi)置的音頻播放器。
控制對(duì)象和使能區(qū)與控件之間存在本質(zhì)上的區(qū)別。
控件是子窗體,有獨(dú)立的消息隊(duì)列,父窗體與它之間通過傳遞消息來交換數(shù)據(jù)。使能區(qū)不是窗體,只是窗體上的一個(gè)區(qū)域,在靜態(tài)特性上,使能區(qū)與窗體之間只有坐標(biāo)上的相對(duì)關(guān)系;在動(dòng)態(tài)特性上,窗體可以調(diào)用使能區(qū)的操作,而使能區(qū)的操作也可以包含向窗體投遞消息的代碼。控制對(duì)象也不是窗體,沒有獨(dú)立的消息隊(duì)列,沒有信息傳遞。
控件的繪制“制式”幾乎完全決定于系統(tǒng)的設(shè)定,設(shè)計(jì)者能夠直接干預(yù)的只有諸如顯示文本等小部分屬性。而控制對(duì)象則可以任意繪制,其僅取決于控制對(duì)象的背景圖片。
使能區(qū)的激活方式可以由設(shè)計(jì)者自行定義,亦即控制對(duì)象的事件觸發(fā)方式可以自行定義,而控件的事件觸發(fā)方式諸如鼠標(biāo)單擊、雙擊、拖動(dòng)等則是系統(tǒng)預(yù)先定義好的,無法改動(dòng)。
3.3 頁面
視界模型的基本元素稱為“頁面(Page)” ,它是指當(dāng)前顯示的用戶界面,包括可視的畫面和當(dāng)前界面的控制代碼。如圖2,從面向?qū)ο蟮慕嵌葋砜矗撁娴膶傩灾饕ū尘皥D片(Background Picture),用以顯示界面背景;控制對(duì)象列表和控制對(duì)象數(shù)目,用以指定用戶操作的對(duì)象列表;消息處理方法,用以處理窗體的各種消息。而控制對(duì)象的主要屬性包括背景圖片,用以顯示自身;標(biāo)題,用以顯示控制對(duì)象的文字標(biāo)題;使能區(qū)列表和使能區(qū)數(shù)目,用以確定控制對(duì)象的組成,從而指明控制對(duì)象的行為。
圖3是筆者開發(fā)的一個(gè)游戲軟件的界面截圖。該界面是軟件實(shí)現(xiàn)的視界模型中諸多頁面之一。圖中包括4個(gè)按鈕,1個(gè)靜態(tài)文字和1個(gè)列表框。頁面和控制對(duì)象的背景都是事先制作的圖片,頁面的繪制實(shí)現(xiàn)只需要一個(gè)簡單的貼圖操作即可完成。可見其簡易性和靈活性。如果需要表現(xiàn)某種視覺特效,只需要在頁面顯示方法中添加相應(yīng)代碼,依據(jù)動(dòng)畫原理,修改窗體的重繪機(jī)制,使其不斷調(diào)用頁面的繪制程序,從而產(chǎn)生視覺特效。
視界是由若干頁面組成的。一個(gè)視界只有一個(gè)窗體,這意味著只有一個(gè)消息隊(duì)列。但每個(gè)頁面都有各自不同的消息處理方法,以承擔(dān)不同的與用戶交互的任務(wù)。
頁面與頁面之間“共享”窗體的消息隊(duì)列,但各自的消息處理方法是相互獨(dú)立的。實(shí)際上,在任一時(shí)刻,有且只有一個(gè)頁面顯示于窗體之上,并處理系統(tǒng)和用戶的消息。其余頁面均處于“休眠”狀態(tài),它們可以相互傳遞數(shù)據(jù),也可以與當(dāng)前顯示的頁面交換數(shù)據(jù)。在這個(gè)意義上,頁面與頁面之間在數(shù)據(jù)上是相互獨(dú)立的,不存在主從或依賴關(guān)系。
當(dāng)前顯示的頁面與其它頁面之間可通過跳轉(zhuǎn)(Redirect)來相互切換,改變窗體的消息處理方法,亦即傳遞消息處理權(quán)。頁面的獨(dú)立性保證這樣的傳遞不會(huì)產(chǎn)生數(shù)據(jù)交換的異常。
4 視界模型的實(shí)現(xiàn)
在軟件中應(yīng)用本模型必須先將其實(shí)現(xiàn)。
首先,將視界本身視為對(duì)象的做法無助于模型的實(shí)現(xiàn)。一個(gè)應(yīng)用程序很可能會(huì)包含許多不同的頁面,頁面的許多共同屬性和方法使得它們從同一個(gè)父類(稱頁面類)繼承這些會(huì)更加符合面向?qū)ο笤O(shè)計(jì)(OOD)的原則。然而,這些頁面根據(jù)業(yè)務(wù)需要,也會(huì)具有許多不同的屬性和處理方法。實(shí)際上,它們之間是如此的不同,以至于將它們并為一個(gè)集合,使用統(tǒng)一的接口去調(diào)用它們顯得十分愚蠢。因此,雖然視界可視為諸多頁面的集合,但是卻沒有必要作為對(duì)象去實(shí)現(xiàn)。
其次,不同控件之間存在許多相同的屬性和方法,因此在MFC的類庫中所有控件類都從一個(gè)超類派生而來,以此實(shí)現(xiàn)代碼重用。類比之,筆者設(shè)計(jì)了一個(gè)控制對(duì)象的超類,所有類比諸如按鈕、靜態(tài)文本、圖片框、列表框等的控制對(duì)象都是這個(gè)超類的派生類。
再次,控制對(duì)象事件通常是由用戶觸發(fā)的。如4.2節(jié)所述,其觸發(fā)機(jī)制可以由設(shè)計(jì)者自行定義。假設(shè)用戶輸入為鼠標(biāo)單擊,不妨設(shè)定機(jī)制如下圖。圖中用戶單擊輸入后,系統(tǒng)將對(duì)應(yīng)消息傳遞給窗體亦即當(dāng)前頁面的消息處理方法,頁面根據(jù)消息附加信息查找到用戶操作的控制對(duì)象,并得到事件參數(shù)后,將事件參數(shù)傳遞給控制對(duì)象,后者根據(jù)事件參數(shù)獲知用戶激活的使能區(qū),并得出操作參數(shù),而后調(diào)用使能區(qū)對(duì)應(yīng)的操作。如此完成控制對(duì)象事件的觸發(fā)和處理。
在Windows操作系統(tǒng)平臺(tái)下,筆者利用Win32 API設(shè)計(jì)了一系列類,使用Visual Studio2003編譯通過,籍以實(shí)現(xiàn)視界模型。以頁面類為例。
class Page//頁面類
{public:
Page(VOID);//初始化頁面數(shù)據(jù)(如控制對(duì)象),不綁定窗體,必須重寫
virtual ~Page(VOID);//釋放相關(guān)對(duì)象,必須重寫
protected:
SIZE Size;//窗體大小
LPTSTR Pic;//背景圖片資源號(hào),如果是NULL,則不顯示
SHORT ControlObjectCount;//控制對(duì)象數(shù)目
ControlObject **ControlObjects;//控制對(duì)象指針
protected:
virtual BOOL Load(HWND);//綁定窗體,切入時(shí)特效及其它操作,必須重寫,默認(rèn)無操作
virtual BOOL Unload(HWND);//釋放窗體,切出時(shí)特效及其它操作,必須重寫,默認(rèn)無操作
public:
virtual LRESULT CALLBACK PageReactor(HWND,UINT,WPARAM, LPARAM)=0;//頁面消息處理函數(shù),必須重寫
virtual BOOL Show(HWND);//顯示頁面,必須重寫
……
BOOL Redirect(Page *NextVision,HWND hWnd);};//頁面跳轉(zhuǎn)并顯示,如果NextVision為NULL,則僅卸載(Dispatch)當(dāng)前頁面,不可重寫
上述代碼只是一個(gè)粗略的框架,其中略去了一部分方法的定義。具體應(yīng)用模型時(shí)還要遵從以上原則,根據(jù)業(yè)務(wù)需要進(jìn)行實(shí)現(xiàn)。
5 視界模型與傳統(tǒng)界面的對(duì)比
筆者分別使用視界模型和MFC開發(fā)了兩個(gè)HelloWorld程序(KstHelloWorld_Vision和KstHelloWorld_MFC),界面如圖5,左為KstHelloWorld_Vision,窗口中只有一個(gè)控制對(duì)象(按鈕);右為KstHelloWorld_MFC,窗口中只有一個(gè)按鈕。兩個(gè)對(duì)象的功能都是單擊后顯示一個(gè)HelloWorld的消息框(Message Box)。
啟動(dòng)Microsoft Spy++追蹤工具,可以查到如圖6內(nèi)容。圖6(a)表明窗口KstHelloWorld_MFC包含一個(gè)名為Hello World的按鈕(子窗體),而KstHelloWorld_Vision則只有一個(gè)獨(dú)立的窗口。圖6(b)上部表明KstHelloWorld_MFC的兩個(gè)窗體都在接受消息,而下部表明KstHelloWorld_Vision只有一個(gè)消息隊(duì)列。
根據(jù)追蹤結(jié)果,在功能完全相同的情況下,采用視界模型制作的應(yīng)用程序比MFC框架下的應(yīng)用程序所消耗的消息傳遞與處理等系統(tǒng)資源要少。可以推論,如果KstHelloWorld_MFC使用更多的控件,那么它的消耗也會(huì)明顯增多。
6 結(jié)束語
在傳統(tǒng)的軟件設(shè)計(jì)中,用戶界面總是包含一個(gè)或多個(gè)主窗體、若干子窗體和對(duì)話框,以及它們各自包含的一堆控件。它們消耗較多的系統(tǒng)資源,根據(jù)對(duì)比結(jié)果,實(shí)現(xiàn)同樣的業(yè)務(wù)功能,筆者所設(shè)計(jì)的視界模型所要求的系統(tǒng)資源要少一些,而且使用更為靈活。然而,本模型目前缺乏應(yīng)用軟件工具支持,只能在代碼層面上控制模型的使用。因此它在實(shí)際使用方面比VS、Delphi等提供的界面開發(fā)工具更為復(fù)雜。筆者正在致力于編寫可視化的工具來支持此模型。
參考文獻(xiàn):