首頁 > 優(yōu)秀范文 > 網(wǎng)頁界面設(shè)計(jì)論文
時(shí)間：2022-05-01 05:12:23
序論：速發(fā)表網(wǎng)結(jié)合其深厚的文秘經(jīng)驗(yàn)，特別為您篩選了11篇網(wǎng)頁界面設(shè)計(jì)論文范文。如果您需要更多原創(chuàng)資料，歡迎隨時(shí)與我們的客服老師聯(lián)系，希望您能從中汲取靈感和知識(shí)！
［中圖分類號(hào)］J524.3［文獻(xiàn)標(biāo)識(shí)碼］A［文章編號(hào)］1009-5349（2011）06－0089－01
在今天的中國，大多數(shù)的人每天都在使用互聯(lián)網(wǎng)。查找信息、閱覽文章、娛樂、交友、購物等都可以在網(wǎng)絡(luò)上實(shí)現(xiàn)，查看網(wǎng)頁已經(jīng)成為了人們生活的重要內(nèi)容。
網(wǎng)頁由多個(gè)設(shè)計(jì)元素組成，各個(gè)設(shè)計(jì)元素向我們傳達(dá)著信息。其中色彩是最先映入人們眼簾的，它決定了網(wǎng)頁的印象，同時(shí)也影響到網(wǎng)頁界面設(shè)計(jì)的成敗。設(shè)計(jì)者在網(wǎng)頁界面設(shè)計(jì)中利用色彩來表達(dá)網(wǎng)站主題，烘托網(wǎng)站內(nèi)容，滿足網(wǎng)頁展示方的意愿。與此同時(shí)，設(shè)計(jì)者更應(yīng)該注重瀏覽用戶的使用需求。在色彩設(shè)計(jì)上充分考慮瀏覽用戶的心理特征、視覺習(xí)慣和操作習(xí)慣，使網(wǎng)頁界面色彩設(shè)計(jì)人性化，便于瀏覽用戶能夠輕松地使用網(wǎng)頁。
如何實(shí)現(xiàn)網(wǎng)頁界面色彩設(shè)計(jì)的人性化？本文從色彩對(duì)人的生理和心理產(chǎn)生影響的角度，對(duì)網(wǎng)頁設(shè)計(jì)中的配色問題提出幾點(diǎn)看法。
一、配色和諧，提高網(wǎng)頁文字的易見度
由于顏色有同化作用，人的眼睛識(shí)別顏色的能力有一定的限度，色相對(duì)比強(qiáng)的顏色易于辨認(rèn)，色相對(duì)比弱的則難于分辨。在網(wǎng)頁界面里，文字、圖案、背景都有自己的顏色，用戶使用網(wǎng)頁時(shí)，背景與文字的配色直接影響用戶對(duì)內(nèi)容的辨別和閱讀。而網(wǎng)頁中，文字是用戶攝取的主要內(nèi)容，在設(shè)計(jì)時(shí)必須考慮文字與其他元素的色彩對(duì)比，注意文字的易見度。
在高明度的背景上低明度的文字易于識(shí)別，在低明度的背景上高明度的文字易于識(shí)別。但如果背景和文字的明度相近，則會(huì)出現(xiàn)難以認(rèn)讀的情況。如，白色的背景上使用黑色文字易見度非常高，而使用檸檬黃的文字則易見度很低。
二、科學(xué)使用顏色，避免視覺疲勞
人的視網(wǎng)膜對(duì)不同色彩的興奮度有所不同。當(dāng)人看到高明度、純度高的顏色時(shí)，視網(wǎng)膜的興奮度高，因此它讓人感覺到刺眼。當(dāng)人看到低明度、純度低的顏色時(shí)，視網(wǎng)膜的興奮度低，因而會(huì)覺得較舒適。
在眾多色彩中容易引起人注意的通常是刺激強(qiáng)度高的高明度色，但如果這樣的顏色在網(wǎng)頁界面中大面積使用極易使瀏覽用戶產(chǎn)生視覺疲勞，因此應(yīng)盡量少使用高明度背景。而低明度色不會(huì)強(qiáng)烈刺激人眼，但過多的使用會(huì)給瀏覽用戶帶來壓抑感。
通常，我們可以使用淺色調(diào)輔以小面積鮮艷的色塊，使畫面既有對(duì)比又統(tǒng)一和諧。如果碰到暗色調(diào)的網(wǎng)頁，也可以使用小面積的高明度色來調(diào)和。避免網(wǎng)頁色彩過艷或過暗帶給瀏覽用戶視覺上的疲勞。
三、了解瀏覽用戶的色彩心理，合理配色
色彩可以作用于人的感官，刺激神經(jīng)，喚起人們的特殊情感，這是色彩的心理效應(yīng)。不同的顏色對(duì)同一個(gè)人會(huì)產(chǎn)生不同的心理效應(yīng)，不同的人會(huì)對(duì)同一種顏色產(chǎn)生不同的心理體驗(yàn)。這種體驗(yàn)，從認(rèn)識(shí)論的角度來說，是人對(duì)客觀世界的主觀反映，是由于每個(gè)人的年齡、性別、文化、生活環(huán)境、豐富習(xí)慣等因素所造成的。
有的設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁界面時(shí)，對(duì)色彩的選擇僅憑自己的直覺和喜好，沒有對(duì)瀏覽用戶群體的心理特征和審美需求進(jìn)行調(diào)查分析，這樣設(shè)計(jì)出的網(wǎng)頁界面往往難以把握瀏覽用戶對(duì)信息的獲取量。因此，網(wǎng)頁界面的色彩設(shè)計(jì)要了解并把握瀏覽用戶的色彩心理。例如，網(wǎng)頁界面的瀏覽用戶是兒童，界面的用色應(yīng)選取兒童喜歡的活潑、明亮的顏色。而瀏覽用戶是老年人的話則采用成熟、穩(wěn)重的顏色。不同的民族對(duì)同一種色彩可能有不同的理解。在中國古代，黃色代表威嚴(yán)，巴西則代表熱情。紅色在中國寓意為喜慶，但在西方人的眼里，它是恐怖、危險(xiǎn)的象征。這些因素在設(shè)計(jì)網(wǎng)頁色彩時(shí)都是應(yīng)該考慮并加以運(yùn)用的。符合瀏覽用戶色彩心理的設(shè)計(jì)才會(huì)激發(fā)他們的閱讀興趣，利于信息的傳播。
色彩給我們的感受是豐富而奇妙的，它每時(shí)每刻都在影響著人們的生活。網(wǎng)頁界面的設(shè)計(jì)者應(yīng)在掌握人的色彩心理的情況下，充分發(fā)揮色彩的特性，網(wǎng)頁界面達(dá)到悅目并且適用的要求，實(shí)現(xiàn)網(wǎng)頁界面設(shè)計(jì)人性化的第一步。
【參考文獻(xiàn)】
[1]旭日東升.網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析[M].電子工業(yè)出版社,2009.6.
[2]馬炅.色彩的情感屬性在網(wǎng)頁配色中的應(yīng)用探析[J].長(zhǎng)春理工大學(xué)學(xué)報(bào)(高教版),2009.11.
中圖分類號(hào)：TP393文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2011)04-0779-03
1 感性化網(wǎng)頁界面設(shè)計(jì)
1.1 界面設(shè)計(jì)的發(fā)展
界面設(shè)計(jì)的概念首先是在西方國家提出來的，而且存在了很長(zhǎng)的時(shí)間，發(fā)展到今天己經(jīng)有了一套自己成熟的理論和實(shí)踐經(jīng)驗(yàn),韓國和日本對(duì)于網(wǎng)頁界面設(shè)計(jì)的研究已經(jīng)走在這方面研究的前端。雖然感性的人機(jī)界面設(shè)計(jì)成為設(shè)計(jì)領(lǐng)域的焦點(diǎn)，其理論主要用在產(chǎn)品界面設(shè)計(jì)，在歷年研究生的論文中，大多是從網(wǎng)頁界面設(shè)計(jì)的色彩、存在的形態(tài)及學(xué)科相關(guān)性方面闡述、或者只是網(wǎng)站建模，很少將理論與設(shè)計(jì)實(shí)踐相結(jié)合來研究。人機(jī)界面設(shè)計(jì)的一個(gè)細(xì)小分支:網(wǎng)頁人機(jī)界面的感性化設(shè)計(jì)在國內(nèi)還處于起步階段。
1.2 感性工學(xué)
上個(gè)世紀(jì)80年代末在日本出現(xiàn)了感性工學(xué)的課題和研究。感性工學(xué)(KanseiEngineering)是界于設(shè)計(jì)學(xué)、工學(xué)及其他學(xué)科之間的一門綜合叉學(xué)科?！案行浴笔且环N主觀的難以用文字來描述的心理體驗(yàn)，它是一種認(rèn)知的概念，受個(gè)人知識(shí)、經(jīng)驗(yàn)和個(gè)性的影響，是個(gè)性化的認(rèn)識(shí)。同時(shí)感性也是直覺與理智相互作用的結(jié)果，感性對(duì)美的、情趣的事物特別敏感。對(duì)于設(shè)計(jì)者而言就是把消費(fèi)者腦海中的構(gòu)建法則探尋出來，通過破譯消費(fèi)者的感受，再利用這些探尋出來的法則去進(jìn)行設(shè)計(jì)，這就是感性工學(xué)設(shè)計(jì)的首要任務(wù)。
1.3 感性工學(xué)與界面設(shè)計(jì)的關(guān)系
首先從指導(dǎo)思想上講，感性工學(xué)設(shè)計(jì)的出發(fā)點(diǎn)是考慮人的感受即以人為本。從人的角度度上考慮問題高于一切，因?yàn)樵O(shè)計(jì)的目的就是為了讓產(chǎn)品更好的為人服務(wù)。只有以人的感受作為基礎(chǔ)和原始資料，以“以人為本”作為指導(dǎo)思想，從人的感受方面去尋找設(shè)計(jì)靈感，才能保證設(shè)計(jì)符合使用者的需求，這是設(shè)計(jì)的源頭也是設(shè)計(jì)的動(dòng)力。其次從設(shè)計(jì)周期方面講，基于感性工學(xué)的網(wǎng)頁界面設(shè)計(jì)方法論精簡(jiǎn)了傳統(tǒng)的設(shè)計(jì)理念的步驟，設(shè)計(jì)程序不再那么復(fù)雜。對(duì)設(shè)計(jì)過程的精簡(jiǎn)不僅提高了設(shè)計(jì)效率，簡(jiǎn)化了繁瑣的設(shè)計(jì)流程，而且從根本上解除了設(shè)計(jì)師在思想上的束縛，使設(shè)計(jì)更加靈活。最后，從設(shè)計(jì)結(jié)果上講，它避免了許多不必要的或者是重復(fù)的信息設(shè)置，無論是布局還是內(nèi)容，每一個(gè)小細(xì)節(jié)都來自用戶的真實(shí)感受，都經(jīng)過設(shè)計(jì)師的深思熟慮。由基于感性工學(xué)的網(wǎng)絡(luò)形象設(shè)計(jì)理念設(shè)計(jì)出來的“產(chǎn)品”應(yīng)該是符合用戶群體需求，符合市場(chǎng)需求的。網(wǎng)頁界面設(shè)計(jì)發(fā)展到現(xiàn)今的階段，功能合理，適用有效或是有某種外在的美感已經(jīng)不再能滿足網(wǎng)頁用戶的需求了，感性化網(wǎng)頁界面設(shè)計(jì)已經(jīng)成為設(shè)計(jì)的必然。在網(wǎng)頁界面的設(shè)計(jì)過程中，研究用戶是其最基礎(chǔ)的一個(gè)環(huán)節(jié)。為了提供自然和直觀的網(wǎng)頁界面，我們就需要表現(xiàn)出以用戶和交流為向?qū)У男碌脑O(shè)計(jì)方法。對(duì)于用戶來說，用恰當(dāng)?shù)奈淖趾驼Z言來表達(dá)自己的“感性”并不是一件容易的事情，設(shè)計(jì)師就更難辨別出產(chǎn)品的哪些屬性可以喚起人們的何種感性，以及人們的感性是如何隨著產(chǎn)品屬性的改變而改變的，在更多情況下，人們的感性并不只由某一種產(chǎn)品屬性決定。感性工學(xué)，因其運(yùn)用科學(xué)先進(jìn)的現(xiàn)代工具和技術(shù)，可以幫助消費(fèi)者表達(dá)自己的感性，甚至是一些他們自己都沒有意識(shí)到的情感，設(shè)計(jì)師可以準(zhǔn)確便捷地獲取消費(fèi)者基于產(chǎn)品和概念的特性的主觀評(píng)價(jià)，取得消費(fèi)者對(duì)于產(chǎn)品的潛在感受和需求。感性工學(xué)除了是可以運(yùn)用的設(shè)計(jì)上的工具，更是可以輔助設(shè)計(jì)師弄清人們感性的利器，從而可以針對(duì)不同消費(fèi)者和消費(fèi)群體的感性需求，設(shè)計(jì)出不同的產(chǎn)品造型，在客戶滿意度與設(shè)計(jì)制造成本之間取得一個(gè)平衡點(diǎn)。
2 少兒網(wǎng)頁界面感性化設(shè)計(jì)現(xiàn)狀調(diào)查
本文以常用少兒網(wǎng)站新浪少兒網(wǎng)，希望谷，迪斯尼中國站為例，分析目前的少兒網(wǎng)站感性化設(shè)計(jì)發(fā)展現(xiàn)狀，為下文的研究提供數(shù)據(jù)依據(jù)。
2.1 數(shù)據(jù)來源及其分析
這項(xiàng)研究分別從用戶和網(wǎng)站角度進(jìn)行研究。通過對(duì)用戶的調(diào)查，可以得到用戶的體驗(yàn)，以及從用戶的角度得到對(duì)網(wǎng)站的評(píng)價(jià)，并且可以發(fā)現(xiàn)網(wǎng)站中存在的一些問題。通過對(duì)少兒網(wǎng)站的調(diào)查，可以了解到網(wǎng)站中吸引用戶的重要因素，以及用戶對(duì)網(wǎng)站的評(píng)價(jià)，從而為網(wǎng)站的設(shè)計(jì)提供建議。
2.1.1 問卷調(diào)查
問卷調(diào)查是以書面提出問題的方式搜集資料的一種研究方法。研究者將所要研究的問題編制成問題表格，以郵寄方式、當(dāng)面作答或者追蹤訪問方式填答，從而了解被試對(duì)某一現(xiàn)象或問題的看法和意見，所以又稱問題表格法。在各種調(diào)查研究當(dāng)中，所得結(jié)果是否達(dá)到調(diào)查的目的和要求，以及所搜集到的資料的可靠程度和完善程度都取決于調(diào)查問卷設(shè)計(jì)水平的高低，在可用性研究中，問卷調(diào)查可以用來了解用戶的滿意度和遇到的問題，也可以根據(jù)客戶服務(wù)的反饋，實(shí)際使用的記錄或?qū)嵉販y(cè)試的方法來了解用戶的實(shí)際使用情況。 問卷調(diào)查方式可以得到在特定的情況下對(duì)使用網(wǎng)絡(luò)的體驗(yàn)，比如少兒上網(wǎng)是為了娛樂，結(jié)交朋友還是還是其他，可以得到在這個(gè)使用范圍內(nèi)的精細(xì)的用戶需求。本次調(diào)查的用戶對(duì)象是深圳地區(qū)少年兒童。由于深圳是個(gè)移民城市，來深建設(shè)者來自全國各地，人口多樣化，少年兒童也都是來自全國各地，從而使得調(diào)查的數(shù)據(jù)人口廣泛而具有代表性。在問卷調(diào)查的這個(gè)環(huán)節(jié)里，我們的主要目的是發(fā)現(xiàn)少兒網(wǎng)站用戶瀏覽網(wǎng)站的目的，瀏覽網(wǎng)站過程中的喜好，期望得到什么，這些期望是如何滿足的，或者為什么沒有滿足。在知己知彼網(wǎng)發(fā)表調(diào)查問卷，再通過學(xué)而思教育機(jī)構(gòu)將將網(wǎng)站公布給深圳五區(qū)各小學(xué)，每個(gè)區(qū)都有學(xué)生作答問卷，網(wǎng)站對(duì)調(diào)查問卷的結(jié)果進(jìn)行統(tǒng)計(jì)分析，由于篇幅有限只列舉部分問卷結(jié)果，問卷調(diào)查大多為多項(xiàng)選擇題。從圖1可以看出，少年兒童瀏覽網(wǎng)站時(shí)的目的有70%以上是娛樂。
圖1 學(xué)生瀏覽網(wǎng)站的目的 圖2 網(wǎng)站吸引用戶因素調(diào)查
從圖中可以看出人們?cè)跒g覽一個(gè)網(wǎng)站的時(shí)候，喜歡一個(gè)網(wǎng)站的原因74%的人表示是因?yàn)閵蕵?；瀏覽網(wǎng)站的目的學(xué)習(xí)與娛樂的需要各占一半；有50%的人是被這個(gè)網(wǎng)站的內(nèi)容所吸引；大多數(shù)的用戶喜歡清新，可愛，卡通的界面風(fēng)格；44%的人認(rèn)為目前的網(wǎng)站學(xué)習(xí)資源比較少，同時(shí)35%的人認(rèn)為網(wǎng)站不容易操作，只有65%的人表示在三次以內(nèi)就能熟練操作一個(gè)陌生的網(wǎng)站；59％的人表示容易找到需要的內(nèi)容；大多數(shù)少年兒童希望能夠?qū)①Y料年級(jí)分類以便查找； 59%的人表示希望能夠在線互動(dòng)；大多數(shù)人喜歡網(wǎng)站提供展示自己才藝的平臺(tái)；從目前網(wǎng)站存在四個(gè)比較嚴(yán)重的問題，這個(gè)問題分別是網(wǎng)頁彈出廣告，出現(xiàn)錯(cuò)誤的信息，網(wǎng)頁打開慢，網(wǎng)頁內(nèi)容更新慢，這四個(gè)方面比較嚴(yán)重的問題也是我們今后網(wǎng)站設(shè)計(jì)改進(jìn)的方向。
2.1.2 文案法
文案調(diào)查以收集少兒上網(wǎng)的文獻(xiàn)性信息為主，具體表現(xiàn)為各種文獻(xiàn)資料，可以通過網(wǎng)絡(luò)搜索,少兒報(bào)紙雜志和報(bào)紙來收集相關(guān)信息,尤其是通過網(wǎng)絡(luò),可以從更寬廣得角度來獲得更多地有關(guān)少兒上網(wǎng)的知識(shí)。它可以用來發(fā)現(xiàn)少兒上網(wǎng)的問題并為研究提供重要參考依據(jù)。這些收集來的數(shù)據(jù)無法直接使用,需要經(jīng)過加工才能使用,整個(gè)過程對(duì)調(diào)查者的要求比較高。
2.1.3 啟發(fā)性測(cè)試
為了得到用戶深層次的體驗(yàn)，我們以”新浪少兒網(wǎng)”，”希望谷”，為例對(duì)用戶進(jìn)行啟發(fā)性測(cè)試,在整個(gè)過程中從各個(gè)方面進(jìn)行測(cè)試,整個(gè)界面測(cè)試涉及17個(gè)問題.比如,發(fā)現(xiàn)其中的三個(gè)比較嚴(yán)重的問題是:打開網(wǎng)站時(shí)彈出廣告，這一點(diǎn)是用戶非常反感的。還有一個(gè)問題就是網(wǎng)站不容易操作,而有的用戶發(fā)現(xiàn)網(wǎng)站不容易操作之后就幾乎放棄再次進(jìn)入該網(wǎng)站.還有一個(gè)問題是,當(dāng)孩子遇到不會(huì)的問題時(shí),沒有老師在線答疑，甚至沒有留言等功能,也就是說這樣的網(wǎng)站缺少互動(dòng)功能。
3 少兒網(wǎng)站感性意向分析
3.1 設(shè)計(jì)原則與方法
可用性的設(shè)計(jì)觀念采用的是逆向式推理感性工學(xué)的方法，它將設(shè)計(jì)的重點(diǎn)放在用戶對(duì)真實(shí)產(chǎn)品的體驗(yàn)上，通過對(duì)“體驗(yàn)”的觀察和總結(jié)對(duì)產(chǎn)品進(jìn)行不斷的修改和糾正，最終達(dá)到“可用性”的目的。
感性網(wǎng)頁界面設(shè)計(jì)必須把重點(diǎn)放在以用戶為中心，從用戶的需要和用戶的感受出發(fā)，設(shè)計(jì)符合用戶需求的網(wǎng)頁界面,而不是讓用戶來適應(yīng)界面，從而使界面友好使用。以用戶為中心的設(shè)計(jì)(UCD)是一種關(guān)于產(chǎn)品/系統(tǒng)設(shè)計(jì)過程的方法論，這個(gè)方法論以使用產(chǎn)品系統(tǒng)的人的信息為基礎(chǔ)。無論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等，都需要考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺感受等方面。UCD過程通過產(chǎn)品的計(jì)劃、設(shè)計(jì)和開發(fā)聚焦在用戶身上，整個(gè)過程包含了以人為中心的活動(dòng)，它貫穿于產(chǎn)品開發(fā)的整個(gè)生命周期。
一個(gè)好的以用戶為中心的設(shè)計(jì)方法包括以下三個(gè)維度：效率，效能，用戶在特定環(huán)境下使用產(chǎn)品的滿意度，滿意度包括產(chǎn)品的易用性，吸引用戶的程度，用戶使用完產(chǎn)品后心理層面的感受。在感性設(shè)計(jì)的過程中,捕捉用戶的感性需求是感性網(wǎng)頁界設(shè)計(jì)的最為重要的一步。以少兒網(wǎng)站為例,通過以用戶為中心的感性工學(xué)方法提取出少兒網(wǎng)站設(shè)計(jì)的感性意向。具體從以下三個(gè)方面著手：
1) 調(diào)查網(wǎng)站和瀏覽者背景信息。
2) 選擇具有代表性的網(wǎng)站進(jìn)行研究，從而得到用戶體驗(yàn)。
3) 分析統(tǒng)計(jì)實(shí)驗(yàn)得來的數(shù)據(jù)，并將其轉(zhuǎn)化成可設(shè)計(jì)因素。
3.2 少兒網(wǎng)站感性意向分析
每一種類型的少兒網(wǎng)站都有自己的優(yōu)勢(shì)，綜合考慮影響訪問量的因素有以下幾點(diǎn):網(wǎng)站用戶群體的定位、網(wǎng)站頁面的可用性、網(wǎng)站頁面的易用性、網(wǎng)站頁面的交互性。除此之外，還有一些小細(xì)節(jié)的設(shè)計(jì)也能影響用戶的感受，比如網(wǎng)站的注冊(cè)流程繁瑣且填寫過的內(nèi)容不能被存儲(chǔ)記憶，這就會(huì)讓用戶感到異常的煩躁不安。基于上述的調(diào)查,得出少兒網(wǎng)站形象設(shè)計(jì)應(yīng)該簡(jiǎn)單，可愛，易用,這才符合少年兒童的心理發(fā)展，符合使用需求。
階層分析法
感性工學(xué)的階層類別分析法是根據(jù)新產(chǎn)品的感性層面來進(jìn)行分析和分類，以建立產(chǎn)品的感性結(jié)構(gòu)來獲取設(shè)計(jì)細(xì)節(jié)，因此主要運(yùn)用在新產(chǎn)品的開發(fā)過程中，將運(yùn)用階層類別分析法研究出的某種產(chǎn)品屬性決策歸納采入到新產(chǎn)品設(shè)計(jì)中去。在階層類別分析法操作過程中，首先要對(duì)目標(biāo)產(chǎn)品做一個(gè)感性市場(chǎng)的調(diào)查。調(diào)查主要收集來自于各種渠道的信息，如用戶訪談、市場(chǎng)調(diào)研、報(bào)刊網(wǎng)絡(luò)資料收集等。在此之后，著重的是研究小組成員間的想法表達(dá)與充分討論，通過討論凝聚成一個(gè)產(chǎn)品概念作為0階感性概念?？紤]到0階感性概念的抽象性及難懂性，將其轉(zhuǎn)譯成稍微具體的1階感性概念就很有必要了。研究人員采用層次遞推的方法，將用戶對(duì)產(chǎn)品的感性認(rèn)識(shí)范疇向下拆解形成1階感性概念。接著再由1階感性概念逐次逐步層次分解推論子概念，每一個(gè)衍生子概念再分別向下拆解展開成樹狀結(jié)構(gòu)。假如設(shè)計(jì)團(tuán)隊(duì)無法從某一階層得到具體的設(shè)計(jì)細(xì)節(jié)部分，則將繼續(xù)往下拆解，直到能夠得到出現(xiàn)物理量的細(xì)節(jié)設(shè)計(jì)的詳細(xì)說明的階層（作為“N階”）為止，最終獲得符合感性訴求的產(chǎn)品設(shè)計(jì)物理特性，作為產(chǎn)品開發(fā)的基礎(chǔ)。這個(gè)“感性――物理特性”的樹狀圖關(guān)系，就是貫穿階層類別分析法的一條主要脈絡(luò)。
捕捉用戶的感性體驗(yàn)是是一個(gè)網(wǎng)站成功的關(guān)鍵地方，從調(diào)查設(shè)計(jì)中的幾個(gè)常用的網(wǎng)站看都缺乏這方面的設(shè)計(jì)。將少兒網(wǎng)站的調(diào)查研究結(jié)果利用階層分析法,我們將少兒網(wǎng)站的設(shè)計(jì)定位于以用戶為中心，通過娛樂性，易用性，美觀性，交互性四個(gè)一次感受來體現(xiàn)以用戶為中心的0次感受。比如，一次感受中的娛樂性，又是通過趣味性和可玩性的二次感受來體現(xiàn)的。因?yàn)樯倌陜和男睦砭哂刑厥庑?，所以?nèi)容不能嚴(yán)肅和呆板，要讓網(wǎng)站達(dá)到寓教于樂的目的，內(nèi)容要充滿童趣，少年兒童對(duì)外在的世界還充滿無比的好奇，所以開發(fā)交友功能來滿足他們的好奇心。再將1次感性繼續(xù)細(xì)分,經(jīng)過N次感性化后最終得出物理上的設(shè)計(jì)細(xì)節(jié)。這樣我們就將過去難以量化、只能定性的、非理性無邏輯可言的感性反應(yīng)，轉(zhuǎn)化為設(shè)計(jì)要素。少兒網(wǎng)站感性樹狀圖如圖3所示。
4 結(jié)論
通過對(duì)以上幾個(gè)網(wǎng)站的感性設(shè)計(jì)現(xiàn)狀調(diào)查 ，再將調(diào)查的結(jié)果運(yùn)用感性工學(xué)方法得出感性意向樹狀圖，得出一下幾點(diǎn)結(jié)論：1）增強(qiáng)少兒網(wǎng)站的娛樂性，少兒上網(wǎng)的目的性不是很強(qiáng)，網(wǎng)站的內(nèi)容要達(dá)到寓教于樂的效果；2）增強(qiáng)少兒網(wǎng)站內(nèi)容易用性，少兒處于接觸網(wǎng)絡(luò)的初始階段，操作的簡(jiǎn)易性符合少兒用戶心理；3）界面應(yīng)該卡通化充滿童趣，這樣才能符合兒童的審美；4）增強(qiáng)網(wǎng)站的交互性可以從數(shù)據(jù)庫方面來考慮，再就是網(wǎng)站的的功能，提供在線問答，問題反饋功能能增強(qiáng)網(wǎng)站的可性度，也是吸引和留住用戶的一個(gè)重要方面。樹狀圖的具體物理設(shè)計(jì)細(xì)節(jié)就是將瀏覽用戶的感性體驗(yàn)轉(zhuǎn)化成了具體的設(shè)計(jì)細(xì)節(jié)，這樣的設(shè)計(jì)符合用戶需求，達(dá)到了少兒網(wǎng)站感性化設(shè)計(jì)的目的。
參考文獻(xiàn)：
[1] 方惠敏,楊國勝,丁文珂.基于人性化網(wǎng)站界面設(shè)計(jì)的用戶建模[J].計(jì)算機(jī)技術(shù)與發(fā)展,2008(2):187-190.
[2] 鐘廈,宋曉晨,孫亞云.感性工學(xué)中量化的基本程序介紹[C]//2005年國際工業(yè)設(shè)計(jì)研討會(huì)暨第十屆全國工業(yè)設(shè)計(jì)學(xué)術(shù)年會(huì)論文集.北京:機(jī)械工業(yè)出版社,2005:728-731.
[3] 梅云.感性設(shè)計(jì):人機(jī)界面設(shè)計(jì)新思維[J].科技資訊,2008(9):217.
[4] 徐曉莉.基于感性工學(xué)的網(wǎng)絡(luò)形象設(shè)計(jì)理念研究[D].濟(jì)南:山東大學(xué),2008.
[5] 吳潔.設(shè)計(jì)藝術(shù)學(xué)[D].上海:上海交通大學(xué),2007.
[6] 劉增.以用戶為中心的網(wǎng)絡(luò)界面設(shè)計(jì)研究[D].南京:南京航空航天大學(xué),2007.
[7] 李立新.感性工學(xué)-門新學(xué)科的誕生[J].藝術(shù)生活,2006(3):71-73.
[8] 羅仕鑒,潘云鶴.產(chǎn)品設(shè)計(jì)中的感性意向理論,技術(shù)與研究進(jìn)展[J].機(jī)械工程學(xué)報(bào),2007(3):8-13.
1、網(wǎng)頁界面設(shè)計(jì)的現(xiàn)狀和問題
近年來，隨著網(wǎng)絡(luò)的廣泛普及，網(wǎng)站已然成為人們吸收了解外界的載體，人們通過上網(wǎng)瀏覽網(wǎng)頁便可以做到足不出戶就可以獲得所需要的信息和物品，網(wǎng)購行業(yè)也隨之快速的發(fā)展起來，這是因?yàn)榫W(wǎng)頁可以承載圖片、色彩、文字等多種元素，能夠提供給瀏覽者足夠的信息，方便了人們的生活。但是網(wǎng)頁設(shè)計(jì)迅猛發(fā)展的同時(shí)，也產(chǎn)生了整體水平良莠不齊的問題：1.信息多且雜亂無序，把相關(guān)的信息和元素全部羅列出來，不分層次和重點(diǎn)，沒有規(guī)范性，有多少內(nèi)容就擠多少內(nèi)容，使瀏覽者難以快速找到所需信息；2.喧賓奪主的設(shè)計(jì)，使用花哨的圖案作為背景，干擾讀者的視線。有些網(wǎng)站為了追求視覺的沖擊力，放一些絢麗的，風(fēng)格各異的圖片，導(dǎo)致網(wǎng)頁調(diào)性不統(tǒng)一，整體性差；3.一味的追求視覺美感而忽略網(wǎng)站的實(shí)用性，凸顯不出產(chǎn)品的優(yōu)勢(shì)和特點(diǎn)，缺少與瀏覽者的互動(dòng)性。視覺效果固然重要，但是一味的追求視覺效果是否真的能夠提高網(wǎng)站瀏覽量和產(chǎn)品銷售量？
我認(rèn)為網(wǎng)頁界面設(shè)計(jì)應(yīng)該符合美觀性和實(shí)用性雙重要求。簡(jiǎn)約主義下的網(wǎng)頁設(shè)計(jì)已經(jīng)不能單純的追求信息承載量，有一些網(wǎng)站把企業(yè)簡(jiǎn)介、企業(yè)榮譽(yù)和資質(zhì)，全都展現(xiàn)在一級(jí)頁面的位置，長(zhǎng)篇大論的寫公司的優(yōu)勢(shì)獲得的榮譽(yù)，希望消費(fèi)者一下子就能夠了解自己的公司實(shí)力，反而將消費(fèi)者更加關(guān)注的各類產(chǎn)品和主要信息模糊放在在一起，看似信息多了豐富了，效果卻恰恰相反，這讓很多消費(fèi)者很難在網(wǎng)站里快速找到所需的信息，瀏覽者更是不會(huì)看長(zhǎng)篇的介紹，這不僅沒有讓消費(fèi)者了解自己，還會(huì)引起消費(fèi)者的反感導(dǎo)致銷量減少。簡(jiǎn)約主義下的網(wǎng)頁設(shè)計(jì)也不能夠單純的追求色彩，絢麗畫面，過多的顏色會(huì)擾亂消費(fèi)者的視線，找不到重點(diǎn)，反而體會(huì)不到視覺的美感，從而降低了用戶體驗(yàn)。
2、簡(jiǎn)約主義在網(wǎng)站設(shè)計(jì)中的應(yīng)用（結(jié)合蘋果官網(wǎng)分析）
簡(jiǎn)約主義源于是20世紀(jì)西方現(xiàn)代主義，歐洲現(xiàn)代主義建筑大師與設(shè)計(jì)大師米斯?凡德羅所提出的“少即是多”的理論，換句話說就是把設(shè)計(jì)簡(jiǎn)化，強(qiáng)調(diào)它本身內(nèi)在的東西。這一理論被稱為簡(jiǎn)約主義的核心。當(dāng)今社會(huì)，人們工作強(qiáng)度高，節(jié)奏快生活壓力大，人們需要一種可以互補(bǔ)的東西來調(diào)節(jié)神經(jīng)高壓。簡(jiǎn)約主義以簡(jiǎn)潔的表現(xiàn)形式來滿足人們對(duì)產(chǎn)品那種感性的、本能的和理性的需求，符合了當(dāng)今人們快節(jié)奏、高效率和高審美的要求，越來越多的設(shè)計(jì)師把眼光放在了簡(jiǎn)約主義風(fēng)格的設(shè)計(jì)上，網(wǎng)頁設(shè)計(jì)在簡(jiǎn)約主義風(fēng)格的影響下也發(fā)展迅速。以蘋果官網(wǎng)為例，蘋果公司一直追求簡(jiǎn)而精的風(fēng)格――簡(jiǎn)約主義風(fēng)格。自喬布斯iPhone4，蘋果官網(wǎng)界面設(shè)計(jì)風(fēng)格越發(fā)簡(jiǎn)約。蘋果官網(wǎng)新推出的產(chǎn)品――蘋果7為例，風(fēng)格依舊遵循著簡(jiǎn)約風(fēng)格，整個(gè)頁面除了黑色，找不到其它的色彩，網(wǎng)頁上沒有放置很多的文字內(nèi)容，也沒有很多絢麗的圖片和色彩，通過極致的黑色和幾根流暢的線條充分的展現(xiàn)出蘋果7的簡(jiǎn)約奢華和精致，一張滿屏幕的產(chǎn)品大圖不用長(zhǎng)篇文字的描述就已經(jīng)讓人感受到蘋果公司強(qiáng)大的實(shí)力，這種簡(jiǎn)約風(fēng)格的形式遠(yuǎn)比那些人們從不會(huì)去閱讀的長(zhǎng)篇大論更有力量！更有說服力！更加吸引瀏覽者的眼球！大大增強(qiáng)了消費(fèi)者的購買欲望。然而單純的追求簡(jiǎn)約主義設(shè)計(jì)風(fēng)格，簡(jiǎn)約的畫面和幾張高精大圖就是提高網(wǎng)頁瀏覽量和銷售量的關(guān)鍵嗎？顯然不是。
3、簡(jiǎn)約主義風(fēng)格下如何與瀏覽者產(chǎn)生互動(dòng)，提高用戶體驗(yàn)
簡(jiǎn)約的畫面只是網(wǎng)站設(shè)計(jì)最終顯示出的效果，在網(wǎng)站設(shè)計(jì)過程中不僅僅只是考慮網(wǎng)站設(shè)計(jì)的畫面效果，當(dāng)然畫面效果也很重要，但更重要的是要考慮消費(fèi)者和瀏覽者在瀏覽網(wǎng)頁的時(shí)候能否產(chǎn)生良好互動(dòng)和用戶體驗(yàn)。在簡(jiǎn)約主義風(fēng)格下，如何才能與瀏覽者產(chǎn)生互動(dòng)，提高用戶體驗(yàn)?zāi)兀?.增加細(xì)節(jié)的設(shè)計(jì)。細(xì)節(jié)決定成敗，網(wǎng)頁設(shè)計(jì)也是如此。2. 建立清晰的視覺信息導(dǎo)向，使瀏覽者在眾多同類產(chǎn)品中能夠快速明確的定位所需要的信息。
簡(jiǎn)約主義下的網(wǎng)頁設(shè)計(jì)不是空洞的，單調(diào)的而是讓人感受舒適、放松的設(shè)計(jì)。簡(jiǎn)約主義風(fēng)格的網(wǎng)頁設(shè)計(jì)細(xì)節(jié)處理是非常重要的。如何才能做到網(wǎng)站設(shè)計(jì)細(xì)節(jié)豐富，版式簡(jiǎn)約，有內(nèi)涵而不繁瑣，有形式而又實(shí)用呢？ 以云米官網(wǎng)為例，云米凈水器網(wǎng)頁設(shè)計(jì)綜合了視覺、布局、交互綜合設(shè)計(jì)方法。用扁平化的圖標(biāo)設(shè)計(jì)代替了人們看不懂的數(shù)據(jù)表格，因?yàn)楫a(chǎn)品特點(diǎn)和優(yōu)勢(shì)不僅僅是一句話就能夠讓人信服的，需要用人們能理解的語言展示出來，才更有說服力。用圖片的形式展示產(chǎn)品結(jié)構(gòu)更清晰更加直觀，從視覺上提升了科技感和沖擊性。將實(shí)用性與美觀性相結(jié)合，畫面更加簡(jiǎn)約，細(xì)節(jié)處理更加豐富，更加吸引瀏覽者的眼球。讓消費(fèi)者看到這樣的產(chǎn)品就產(chǎn)生一種感覺――買！
良好的可用性和清晰的視覺信息導(dǎo)向引導(dǎo)消費(fèi)者快捷簡(jiǎn)便的定位到所需要的信息，增強(qiáng)用戶的體驗(yàn)。網(wǎng)頁信息篩選也決定了消費(fèi)者瀏覽網(wǎng)頁所耗費(fèi)的時(shí)間，云米官網(wǎng)一級(jí)頁面展示了品牌故事，超能凈水器，超能濾芯，全屋凈化以及生活周邊。當(dāng)瀏覽者鼠標(biāo)放在所需要的類別時(shí)，網(wǎng)頁在一級(jí)界面自動(dòng)拉出小的產(chǎn)品框，方便消費(fèi)者快速找到所需要的產(chǎn)品。二級(jí)頁面直接的展示出產(chǎn)品以及產(chǎn)品細(xì)節(jié)各類信息，高清晰、高品質(zhì)產(chǎn)品細(xì)節(jié)圖更加具有吸引力，讓人一下感受到產(chǎn)品的品質(zhì)。
結(jié)論
當(dāng)下，國內(nèi)網(wǎng)頁仍存在著很多的問題，在簡(jiǎn)約主義風(fēng)格的帶動(dòng)下越來越多的設(shè)計(jì)開始關(guān)注并且完善網(wǎng)頁設(shè)計(jì)的美觀性與實(shí)用性的結(jié)合，以提高客戶體驗(yàn)和互動(dòng)性為目標(biāo)，用簡(jiǎn)明易懂的圖形文字組合代替長(zhǎng)篇的數(shù)據(jù)，把“簡(jiǎn)而精”的概念融入到網(wǎng)頁設(shè)計(jì)中去。
網(wǎng)站界面設(shè)計(jì)，英文的全稱是Web User Interface Design，又叫UI設(shè)計(jì)。包括三個(gè)方面：可用性，交互設(shè)計(jì)和視覺設(shè)計(jì)。通常研究的是讓網(wǎng)站的界面具有更多的可用性，更良好的用戶體驗(yàn)，以及更美觀的視覺設(shè)計(jì)，概言之就是“人性化設(shè)計(jì)”。[1]在全球人口逐漸老齡化的今天，應(yīng)該把更多的“人性化設(shè)計(jì)”真正應(yīng)用在老年人這一弱群體上。本文旨在從老年用戶的生理和心理各要素出發(fā)進(jìn)行綜合考慮，探析以老年用戶為中心的網(wǎng)站界面（UI）設(shè)計(jì)要點(diǎn)。
1 老年用戶研究
設(shè)計(jì)優(yōu)秀老年用戶網(wǎng)站界面的先決條件是與老年用戶進(jìn)行有效的交流，充分理解老年用戶的需求，重視老年用戶的生理和心理特征。
1.1 老年網(wǎng)民用戶人數(shù)眾多
據(jù)調(diào)查顯示，近些年來，我國老年網(wǎng)民的比例一直在攀升，增長(zhǎng)率已經(jīng)超過了網(wǎng)民總體的增長(zhǎng)速度，對(duì)于互聯(lián)網(wǎng)的應(yīng)用日益廣泛。根據(jù)相關(guān)統(tǒng)計(jì)報(bào)告顯示，2008年年底，51～60歲的網(wǎng)民從1999年的10.6萬人增長(zhǎng)到1251.6萬人，60歲以上的由3.5萬增長(zhǎng)到447萬人。雖然我國老年網(wǎng)民絕對(duì)數(shù)量不多，10%不到，處于上網(wǎng)人群的弱勢(shì)群體，但卻是以令人矚目的速度增長(zhǎng)著。
1.2 老年人對(duì)互聯(lián)網(wǎng)的多樣化需求
老年人由于心理上和生理上的變化，與兒童、少年、青年人和中年人人群有著不同的特殊需求。根據(jù)The Usbased Spry基金會(huì)報(bào)告顯示，老年人的需求主要表現(xiàn)在四個(gè)主題：財(cái)產(chǎn)安全、身體健康、精神愉悅和良好的社會(huì)氛圍以及參加智力活動(dòng)。[2]具體表現(xiàn)在：獲取相關(guān)信息，一些老年人希望上網(wǎng)瀏覽和查詢最新的外界信息保持“耳聰目明”的狀態(tài)，有些則是投身老年論壇，希望利用網(wǎng)絡(luò)查詢、瀏覽養(yǎng)生保健和常見疾病等信息溝通交流，有些希望通過網(wǎng)絡(luò)和子女視頻聊天、互發(fā)郵件；財(cái)務(wù)管理，還有相當(dāng)一部分老年人希望能夠使用網(wǎng)絡(luò)來購物、買賣股票以及付賬等?？傊?，老年人對(duì)互聯(lián)網(wǎng)的多樣化需求一點(diǎn)都不亞于其他人群。
1.3 老年人的生理和心理特點(diǎn)
從50歲到60歲這個(gè)階段，明顯地會(huì)出現(xiàn)一些衰老的跡象，主要表現(xiàn)在容易健忘，愛發(fā)脾氣，認(rèn)知過程缺乏適應(yīng)能力；視覺模糊，色彩辨別力降低，視野范圍和判斷距離的能力通常大大不如過去；動(dòng)作緩慢，手眼配合欠佳，聽覺便開始逐漸減退。[3]總之，因此，隨著年齡增長(zhǎng)，工作效率逐漸下降。具體表現(xiàn)如下：
（1）近距離視力退化更大。比如在35厘米左右的讀書距離內(nèi)，視力減退的驚人，并伴有老眼昏花。據(jù)統(tǒng)計(jì)，70歲健康老人的視力超過0.6的只有51.4%。
（2）聽力顯著下降。特別是對(duì)較復(fù)雜和速度快的語言的理解，男性比女性減退的更明顯。老年人并不知道自己的聽力在下降，而是認(rèn)為別人說話不清楚。
（3）記憶的減退，但也有自己的特點(diǎn)，比如老年人對(duì)往事的記憶清晰，而對(duì)新近發(fā)生過的事物或者新近學(xué)習(xí)過的內(nèi)容遺忘較快；對(duì)需要將記憶材料進(jìn)行組織加工使之進(jìn)入長(zhǎng)時(shí)儲(chǔ)存方面的記憶力較差；老年人的意義識(shí)記減退較少，機(jī)械識(shí)記減退較多。例如，老年人對(duì)人民、地名、數(shù)字等東西的記憶效果就不好；
（4）思維能力弱化。在調(diào)查里，許多老年人常常抱怨自己已經(jīng)不能像早先那樣很好的思考問題了，這反映人的思維能力到老年時(shí)出現(xiàn)逐漸衰老的趨勢(shì)。
2 以老年用戶為中心的網(wǎng)站界面設(shè)計(jì)要點(diǎn)
在對(duì)老年用戶做了研究之后，筆者認(rèn)為適宜老年人的網(wǎng)站界面設(shè)計(jì)的總體原則是以人性化為本，同時(shí)注意網(wǎng)站的易用性，規(guī)范性，美觀性，具體如下五點(diǎn)：
2.1 將操作任務(wù)化繁為簡(jiǎn)
在越來越強(qiáng)調(diào)人機(jī)交互的今天，對(duì)于老年用戶來說，最好的人機(jī)交互就是簡(jiǎn)化操作任務(wù)，減少不必要的任務(wù)，[4]盡量讓老年用戶在網(wǎng)站上面的操作變得簡(jiǎn)單，同時(shí)又不宜出錯(cuò)。比如強(qiáng)調(diào)基本功能，盡量減少和弱化附加功能。如Gmail的登陸界面，簡(jiǎn)化到“登錄信息+登錄設(shè)置”即可，無須要其他的附加信息。
2.2 合理的信息顯示
互聯(lián)網(wǎng)的根本目的是提供信息，合理的信息顯示包括兩方面的內(nèi)容：劃分信息功能區(qū)和減少視覺密度。[5]
（1）劃分信息功能區(qū)。當(dāng)頁面的信息較多時(shí)，為了避免視覺混亂，應(yīng)該劃分信息功能區(qū)。最重要的信息放在頁面的視覺中心；同一類的信息放在一起，并與其他類信息間隔一定的空間；同一類的信息用同一種顏色或同一色系的顏色來表示；不同信息區(qū)又可以用不同背景色來區(qū)分。
（2）減少視覺密度。網(wǎng)站界面需表達(dá)的信息很多時(shí)，易造成界面看起來非常擁擠，信息擠在一團(tuán)，對(duì)于老年人來說很難一眼就能獲得所需的信息。因此，必須減少視覺的密度，比如：考慮適當(dāng)?shù)牧舭?，適當(dāng)?shù)牧舭讓⑹拐麄€(gè)界面看起來清楚而美觀；降低品牌識(shí)別logo、名稱的大小，無需為了彰顯品牌形象而刻意放大；使用簡(jiǎn)單的圖形，盡量平面化，不要使用過度復(fù)雜的圖像；使用空白空間，而非線條去區(qū)分文字內(nèi)容；使用簡(jiǎn)潔的語句表達(dá)信息，避免內(nèi)容過多等等。
如upcoming的首頁設(shè)計(jì)，依據(jù)信息的不同類別劃分板塊，并按重要性擺放在相關(guān)位置。焦點(diǎn)活動(dòng)咨訊配圖放在視覺中心點(diǎn)，緊接著下面是活動(dòng)信息介紹，左邊的活動(dòng)類型板塊，右邊是活動(dòng)的輔助信息。信息安排布局井然有序，是劃分信息功能區(qū)和減少視覺密度的最佳例子之一。
2.3 合理的文字規(guī)劃
文字對(duì)于網(wǎng)站界面的作用不言而喻，對(duì)于老年用戶來講，網(wǎng)頁文字的漂亮是建立在易讀易辨的基礎(chǔ)上的，合理的文字規(guī)劃，主要表現(xiàn)為以下兩個(gè)方面：[6]
（1）文字內(nèi)容盡量簡(jiǎn)潔，配上有意義的圖標(biāo)或者圖片，同時(shí)應(yīng)該避免使用專業(yè)術(shù)語。字體的選擇也要易于老年用戶辨認(rèn)，網(wǎng)頁默認(rèn)的字體是宋體。可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等，但前提是一定要易于老年人辨認(rèn)。
（2）井然有序的排版。有時(shí)候別出心裁的界面設(shè)計(jì)或許會(huì)帶給使用者眼睛一亮、賞心悅目的視覺感，但無論何，井然有序的文字區(qū)規(guī)劃，才易達(dá)成最有效、最舒適的效果。如有較多的說明文字，要讓說明具有順暢地閱讀連貫性。舉個(gè)例來說，一個(gè)向中對(duì)齊與一個(gè)向左對(duì)齊的文字區(qū)塊，明顯地，向左對(duì)齊的區(qū)塊讀起來順暢多了，因?yàn)槭褂谜咴谧x完一行字后，自然而然往左下方繼續(xù)讀下去，不需要重新找尋開頭，相較之下，向中對(duì)齊的區(qū)塊看起來混亂多了。因此，有規(guī)矩地文字區(qū)規(guī)劃將可大幅度提升用戶界面的品質(zhì)。
2.4 合理的色彩規(guī)劃
網(wǎng)站界面的色彩對(duì)于老年人來說同樣重要。老年人的視覺衰退很明顯，一個(gè)好的色彩規(guī)劃可以提高界面的視認(rèn)性，從而提高操作的準(zhǔn)確性和效率；可以減輕視覺上的疲勞。另外，通過色彩規(guī)劃來增強(qiáng)界面的美感和親和力。[7]
具體來講，老年用戶界面中，最好不要超過3到5種顏色。大區(qū)域最好使用淺色調(diào)，如白色、淺灰等。對(duì)于老年人而言，配色要采用視認(rèn)性高的色彩，要加大色彩的對(duì)比度，背景與主體對(duì)比度要大，背景色不宜采用有金屬反光的顏色，如銀色和金色。對(duì)于重要的按鈕或信息要用誘目性高的色彩來表達(dá)，但顏色不宜過多，且區(qū)域不可以太大，否則看起來過度混亂，缺少美感，也容易造成視覺上的疲勞。
2.5 細(xì)節(jié)為王
對(duì)于老年用戶來說，細(xì)節(jié)同樣重要，比如盡量使用有意義的圖標(biāo)，盡量不要使用生澀難懂的專業(yè)術(shù)語，注意提供精確的導(dǎo)航提示，提供聲音控制，盡量減少噪音干擾，克制使用新技術(shù)的欲望等等。
3 結(jié)束語
關(guān)注老年人網(wǎng)站界面設(shè)計(jì)，是以人為本的需要，也是國內(nèi)所有優(yōu)秀設(shè)計(jì)師的責(zé)任。限于篇幅有限，對(duì)于老年人使用的網(wǎng)站界面設(shè)計(jì)，筆者也只能泛泛而談，有所不足和欠缺，還望讀者指正。同時(shí)，撰寫本文，以期拋磚引玉，引起大家對(duì)老年人更多的關(guān)愛和設(shè)計(jì)出更多更好適宜老年人使用的產(chǎn)品。
參考文獻(xiàn)：
[1] 劉春花.基于用戶體驗(yàn)的界面設(shè)計(jì)UI研究[C].天津工業(yè)大學(xué)碩士學(xué)位論文，2007（12）.
[2] 楊足.老年人使用的家電的人機(jī)界面設(shè)計(jì)研究[C].江南大學(xué)碩士學(xué)位論文，2004（06）.
[3] 廖曄.網(wǎng)頁界面設(shè)計(jì)及其學(xué)科相關(guān)性研究[C].湖南師范大學(xué)碩士學(xué)位論文，2006（04）.
[4] 趙侃用戶體驗(yàn)設(shè)計(jì)――網(wǎng)頁界面設(shè)計(jì)的重中之重[J].藝術(shù)與設(shè)計(jì)（理論），2010（09）.
[5] 何榮.淺析網(wǎng)站界面設(shè)計(jì)[J].科技信息，2008（26）.
網(wǎng)頁界面藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的藝術(shù)設(shè)計(jì)新課題，是網(wǎng)頁設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺地對(duì)網(wǎng)頁的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它表面上看，它不過是有關(guān)網(wǎng)頁版式編排的技巧和方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)和技術(shù)的高度統(tǒng)一。?網(wǎng)頁設(shè)計(jì)包括風(fēng)格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面,其中色彩處理有著舉足輕重的功能。色彩既是網(wǎng)頁作品的表述語言,又是視覺傳達(dá)的手。所以首先要了解一個(gè)新問題那就是摘要：
1制作網(wǎng)頁包括具體都包括哪幾部分呢?
1.1圖形、圖像處理制作網(wǎng)頁界面藝術(shù)設(shè)計(jì)，提到界面還有藝術(shù)，那在網(wǎng)頁上插入一些精美、適當(dāng)?shù)膱D片是必要的，否則，不會(huì)有人去瀏覽你的頁面，因此，在設(shè)計(jì)網(wǎng)頁之前，就應(yīng)搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會(huì)想到的軟件是Photoshop這個(gè)軟件，對(duì)，這個(gè)軟件是進(jìn)行圖形、圖像處理的軟件，但是，它不是專門的處理網(wǎng)絡(luò)圖像的軟件，Photoshop這個(gè)軟件會(huì)用到去進(jìn)行一些平面的圖形圖像，我們網(wǎng)絡(luò)的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清楚，但這樣的話上傳到網(wǎng)上會(huì)影響瀏覽速度，象素小了就會(huì)出現(xiàn)模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進(jìn)行處理圖形、圖像。
1.2動(dòng)畫制作網(wǎng)頁界面藝術(shù)設(shè)計(jì)，肯定也少不了動(dòng)畫的加入，并且還要有藝術(shù)氣息在里面，這就要求我們的設(shè)計(jì)者要有藝術(shù)修養(yǎng)和對(duì)顏色的綜合把握了，在沒有FLASH軟件之前，用的是Golive這個(gè)軟件，再后來就用傳統(tǒng)的做法，在html中嵌入Java程序編寫的動(dòng)畫，但這要求設(shè)計(jì)者要對(duì)Java語言熟悉。隨著軟件的發(fā)展，如今有了許多制作動(dòng)畫的軟件，二維的、三維的等等，如現(xiàn)在我們用的FLASH軟件，用它制作的動(dòng)畫，小巧迷人，只需作為一個(gè).swf格式文件導(dǎo)出，再導(dǎo)入到網(wǎng)頁編輯器里就可以了。
1.3文本的編寫一般是采用在網(wǎng)頁中用html語言中的標(biāo)簽編寫,也可以用網(wǎng)頁編輯工具的“所見即所得”功能直接寫入文字，如摘要：Dreamweaver軟件或者Frontpage軟件等都可以進(jìn)行文本的編寫。還有一點(diǎn)要注重的就是，顯示文本的時(shí)候，設(shè)計(jì)者的機(jī)器上裝了很多漂亮的字體，設(shè)計(jì)的時(shí)候采用了，但是等上傳到網(wǎng)上以后，別人在瀏覽的時(shí)候，假如別人機(jī)器上沒有安裝字體，那就顯示不出來我們采用的漂亮樣式字體，因此，在考慮網(wǎng)頁界面藝術(shù)設(shè)計(jì)的基礎(chǔ)上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉(zhuǎn)換柵格化圖片再用切片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，再導(dǎo)入到Dreamweaver進(jìn)行具體編輯，做鏈接可以用圖片特有的屬性進(jìn)行熱區(qū)鏈接，這樣就完成我們想要的字體樣式效果了，就不會(huì)出現(xiàn)字體樣式顯示不出來的情況啦。
1.4框架的應(yīng)用框架是網(wǎng)頁的常用形式，它可以使網(wǎng)頁更為清楚，可以把不同的頁面超鏈接到同一框架中，使的頁面更加緊湊。一般框架用在小說瀏覽頁面，或者介紹圖書章節(jié)的部分，或者教學(xué)網(wǎng)頁用到的的框架比較多。
1.5表格的應(yīng)用表格是網(wǎng)頁中用處最廣泛的，可以布局，定位等等，它是網(wǎng)頁中最活躍的元素。它的應(yīng)用可以使用網(wǎng)頁更加靈活。表格(br)是頁面中的重要元素,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對(duì)位置。我們知道摘要：瀏覽器在讀取網(wǎng)頁html源代碼時(shí)，是讀完整個(gè)br才將它顯示出來的。假如一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們?cè)谠L問一些站點(diǎn)時(shí)，等待多時(shí)無結(jié)果，按“停止”按鈕卻一下顯示出頁面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符。假如單元格內(nèi)沒有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。
2色彩的運(yùn)用
網(wǎng)頁界面藝術(shù)設(shè)計(jì)離不開色彩的應(yīng)用，當(dāng)打開一個(gè)網(wǎng)站的時(shí)候，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的布局，而是網(wǎng)站的色彩，尤其是在體現(xiàn)界面的時(shí)候，色彩對(duì)人的視覺效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)的成功和否，在某種程度上取決于設(shè)計(jì)者對(duì)網(wǎng)頁界面設(shè)計(jì)顏色的運(yùn)用和搭配。
網(wǎng)頁界面設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。網(wǎng)頁界面頁面設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類摘要：第一類是資訊類站點(diǎn)，像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問者提供大量的信息，而且訪問量較大。因此需注重網(wǎng)頁界面設(shè)計(jì)頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化、界面的親和等新問題。第二類是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。第三類則是形象類網(wǎng)站，比如一些中小型的公司或單位。這類網(wǎng)站一般較小，有的則有幾頁，需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單，頁面設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。
3網(wǎng)頁界面的優(yōu)化
在頁面設(shè)計(jì)中，網(wǎng)頁界面的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功和否會(huì)影響頁面的瀏覽速度和頁面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。
在資訊類網(wǎng)站中，文字是頁面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且和整個(gè)頁面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺疲憊，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁。一般我們網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“和眾不同”和特有風(fēng)格，我門可以根據(jù)需要選擇一些非凡字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等。當(dāng)然這些都是個(gè)人看法，你可以根據(jù)實(shí)際情況，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網(wǎng)絡(luò)上還有許多專用藝術(shù)字體下載，要尋找一款滿足的字體并不算困難。需要說明的是摘要：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的PC里沒有安裝你的非凡字體，那么你的辛勞設(shè)計(jì)制作便將付之東流。
網(wǎng)頁的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00×600下制作網(wǎng)頁，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大新問題即可?，F(xiàn)在我們?cè)O(shè)計(jì)網(wǎng)頁，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過778。事實(shí)上，"做網(wǎng)頁"不是單純意義上的"制作網(wǎng)頁"，假如想讓自己制作的網(wǎng)頁美觀大方，就必須要考慮"設(shè)計(jì)網(wǎng)頁"的過程，一個(gè)好的作品，不通過仔細(xì)的"設(shè)計(jì)"就成形是絕對(duì)不可能的。
中圖分類號(hào)：U46 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-914X（2016）04-0216-01
我們生活的21世紀(jì)已經(jīng)進(jìn)入了信息時(shí)代，近年來隨著智能手機(jī)，平板電腦的不斷發(fā)展發(fā)展。人機(jī)界面的設(shè)計(jì)和開發(fā)已經(jīng)成為國際上計(jì)算機(jī)設(shè)計(jì)領(lǐng)域最為活躍的研究方向。在網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)和網(wǎng)站運(yùn)營(yíng)的過程中，人機(jī)交互和用戶體驗(yàn)是經(jīng)常被談及與運(yùn)用的概念。一個(gè)網(wǎng)站布局得不合理，首先會(huì)表現(xiàn)在功能和頁面設(shè)計(jì)的契合度上，具體表現(xiàn)就是用戶在網(wǎng)站上找不到需要的信息，或者是我想完成一個(gè)操作找不到相應(yīng)的按鈕。這就是在設(shè)計(jì)網(wǎng)站時(shí)沒有從用戶的角度出發(fā)所造成的。為了讓學(xué)生運(yùn)用網(wǎng)站配色與布局知識(shí)設(shè)計(jì)出人性化的網(wǎng)站，更好的與就業(yè)崗位對(duì)接，在本階段的課題研究中我將“網(wǎng)頁布局與人機(jī)學(xué)的研究與實(shí)踐”作為我研究的課題。學(xué)生在設(shè)計(jì)作品時(shí)能夠運(yùn)用人機(jī)學(xué)的知識(shí)，提高用戶體驗(yàn)的舒適度。
一、網(wǎng)頁布局與人機(jī)學(xué)的研究意義
通過本課題的研究，學(xué)生能夠運(yùn)用色彩原理進(jìn)行網(wǎng)頁顏色的搭配并且能夠運(yùn)用布局技巧進(jìn)行網(wǎng)頁的布局設(shè)計(jì)。同時(shí)能從臨摹網(wǎng)頁到自主設(shè)計(jì)，讓網(wǎng)頁效果設(shè)計(jì)真正從想法逐漸變成現(xiàn)實(shí)。在綜合項(xiàng)目實(shí)戰(zhàn)中，貫穿網(wǎng)頁配色與布局的知識(shí)，綜合運(yùn)用人機(jī)學(xué)的原理，達(dá)到對(duì)網(wǎng)頁設(shè)計(jì)制作的整體把握。有助于提高中職學(xué)生網(wǎng)頁制作的能力。
二、網(wǎng)頁布局與人機(jī)學(xué)的研究目標(biāo)
通過對(duì)網(wǎng)頁布局與人機(jī)學(xué)的研究與實(shí)踐，不斷改進(jìn)網(wǎng)頁布局綜合案例的教學(xué)策略，力求找到提高我校學(xué)生網(wǎng)頁設(shè)計(jì)能力的方式方法，提高教育教學(xué)質(zhì)量，有效的把課堂變?yōu)檎嬲墓ぷ魇摇Ｔ诰C合項(xiàng)目實(shí)訓(xùn)中設(shè)計(jì)出與就業(yè)崗位充分對(duì)接的網(wǎng)頁作品，為學(xué)生就業(yè)打下堅(jiān)實(shí)基礎(chǔ)。
三、網(wǎng)頁布局與人機(jī)學(xué)的研究過程
（1）準(zhǔn)備階段（2013年7月～2013年8月）
專題研究準(zhǔn)備階段的主要任務(wù)是學(xué)習(xí)與課題研究有關(guān)知識(shí)，確定專題研究目標(biāo)、研究對(duì)象、研究方法和研究?jī)?nèi)容，制定研究實(shí)施計(jì)劃。
（2）實(shí)施階段（2013年9月～2014年6月）
根據(jù)市場(chǎng)調(diào)研結(jié)果明確專業(yè)核心能力，制定相應(yīng)的計(jì)劃，編寫技能檢測(cè)手冊(cè)。
（3）總結(jié)階段（2014年7月～2014年9月）
對(duì)本課題研究過程及資料進(jìn)行收集整理，形成課題總結(jié)報(bào)告，并將專題論文、調(diào)查報(bào)告和研究個(gè)案匯編成集，撰寫個(gè)人結(jié)題研究報(bào)告。
四、教學(xué)實(shí)踐的成果和結(jié)論
在學(xué)校課題的研究分類中，我主要承擔(dān)的是《網(wǎng)站配色與布局》這本教材中網(wǎng)頁布局與人機(jī)學(xué)這部分的教學(xué)研究。在幾年的網(wǎng)頁制作課程的教學(xué)實(shí)踐中，不斷嘗試應(yīng)用多種信息化教學(xué)手段，以“學(xué)生為主體教師為主導(dǎo)”的教學(xué)理念貫穿整個(gè)教學(xué)過程。體現(xiàn)了“做中學(xué)，做中教”的職業(yè)教學(xué)理念，充分調(diào)動(dòng)了學(xué)生學(xué)習(xí)的主動(dòng)性和積極性，較好的培養(yǎng)了學(xué)生獨(dú)立思考，分析與解決問題的能力，取得了很好的教學(xué)效果。在教學(xué)中旨在網(wǎng)頁布局與人機(jī)學(xué)的教學(xué)實(shí)踐中有更為突出的成果，培養(yǎng)中職學(xué)生的職業(yè)能力，為學(xué)生今后成為一名優(yōu)秀的網(wǎng)頁設(shè)計(jì)師打下堅(jiān)實(shí)基礎(chǔ)。2013年7月在撫順市信息化教學(xué)設(shè)計(jì)中獲得一等獎(jiǎng)；2013年9月遼寧省“創(chuàng)新杯“信息技術(shù)說課大賽一等獎(jiǎng)；2013年11月獲得國家級(jí)”創(chuàng)新杯“信息技術(shù)說課大賽一等獎(jiǎng)；2013年12月獲得撫順市級(jí)優(yōu)秀課。2015年11月獲得國家級(jí)信息技術(shù)教學(xué)設(shè)計(jì)大賽二等獎(jiǎng)。
1.網(wǎng)頁布局與人機(jī)學(xué)的相關(guān)概念研究
通過對(duì)此概念的研究，在教學(xué)過程中，我采用實(shí)例講解的方式。從iPad看人機(jī)學(xué)。iPad是當(dāng)今社會(huì)較為流行的電子設(shè)備，也可以稱之為街機(jī)。同學(xué)們對(duì)我列舉的實(shí)例會(huì)非常感興趣，由此學(xué)生會(huì)非常渴望即將要講解的知識(shí)。iPad是著名的蘋果公司出的平板電腦。iPad在人機(jī)交互操作上做得非常細(xì)致。為什么iPad無論老人小孩都會(huì)用，其基本操作甚至很少需要?jiǎng)e人的協(xié)助和說明書？究竟是孩子容易接受iPad？還是iPad容易讓孩子接受？iPad的設(shè)計(jì)可謂“童叟無欺”，老人、孩子都可以流暢使用。人機(jī)學(xué)應(yīng)該是“傻瓜式”的，去追求一種更“本能”的操作，就像吃飯穿衣一樣簡(jiǎn)單。通過以上實(shí)例的講解，學(xué)生很快理解人機(jī)學(xué)的概念，并且知道在網(wǎng)站配色與布局這本書中為什么給我們介紹人機(jī)學(xué)的概念。讓學(xué)生充分理解了網(wǎng)頁的易用性和美觀性非常重要，這樣同學(xué)們就能很認(rèn)真的學(xué)習(xí)人機(jī)界面設(shè)計(jì)的原則及設(shè)計(jì)方法。在教學(xué)中有效的突出了教學(xué)重點(diǎn)，突破教學(xué)難點(diǎn)。
2.網(wǎng)頁布局綜合案例的設(shè)計(jì)風(fēng)格研究
引入案例――網(wǎng)頁布局的風(fēng)格類型。本案例的主要目的是在不改變網(wǎng)頁內(nèi)容的前提下，改變網(wǎng)頁的風(fēng)格類型。這就需要用的布局的知識(shí)。在之前的學(xué)習(xí)中我們已經(jīng)掌握了各種網(wǎng)頁布局的知識(shí)與技巧。不同的網(wǎng)頁有不同布局。這樣綜合起來就形成了不同的網(wǎng)頁風(fēng)格類型。那我們常見的網(wǎng)頁風(fēng)格類型有哪些？有什么特點(diǎn)？引入理論學(xué)習(xí)知識(shí)，教學(xué)過程很自然的過度。經(jīng)過理論講解后，進(jìn)行實(shí)戰(zhàn)案例――設(shè)計(jì)臨摹典型商業(yè)型網(wǎng)站。
在教學(xué)過程中引入實(shí)際案例，教師通過案例講解相關(guān)理論知識(shí)，再讓學(xué)生應(yīng)用所學(xué)理論知識(shí)完成實(shí)戰(zhàn)案例，使學(xué)生能夠 “學(xué)以致用”，完成本課的技能目標(biāo)。這樣不僅增強(qiáng)了講解的直觀性，降低了學(xué)生學(xué)習(xí)的難度，還可以有效的激發(fā)學(xué)生的學(xué)習(xí)興趣，充分調(diào)動(dòng)和發(fā)揮了學(xué)生學(xué)習(xí)的積極性、主動(dòng)性、創(chuàng)造性，培養(yǎng)職業(yè)核心能力，實(shí)現(xiàn)教、學(xué)、做一體化。
3.電子商務(wù)網(wǎng)站個(gè)案研究
網(wǎng)頁設(shè)計(jì)是一項(xiàng)系統(tǒng)工程，它包含了從用戶調(diào)研到最終上線的全過程。我將以一個(gè)電子商務(wù)網(wǎng)站為例，系統(tǒng)地講解整個(gè)網(wǎng)頁的設(shè)計(jì)過程。
在項(xiàng)目實(shí)戰(zhàn)案例――新蛋購物網(wǎng)站主頁制作講解過程中。首先了解技術(shù)要點(diǎn)，包括（1）確定網(wǎng)站整體風(fēng)格。（2）網(wǎng)頁色彩搭配。（3）網(wǎng)頁布局技巧。其次進(jìn)行案例分析：隨著網(wǎng)絡(luò)的普及，網(wǎng)購已經(jīng)火起來，給同學(xué)們闡述 “沒有人上街不代表沒有人逛街”的現(xiàn)象。同學(xué)們?cè)谶@個(gè)過程中就會(huì)紛紛議論都在哪些網(wǎng)站上買過東西，喜歡瀏覽哪些網(wǎng)站，為什么喜歡去瀏覽那些網(wǎng)站，引出網(wǎng)頁設(shè)計(jì)的重要性。電子商務(wù)網(wǎng)站作為網(wǎng)購的首要利器，是用戶和商家的唯一互動(dòng)平臺(tái)。所以界面設(shè)計(jì)的好壞，對(duì)其銷售額起著重要的影響作用。在授課過程中自然引入案例，要求在設(shè)計(jì)制作過程中注意體會(huì)如何運(yùn)用網(wǎng)頁配色與布局的知識(shí)來設(shè)計(jì)出人性化的購物網(wǎng)站。使學(xué)生能夠自主學(xué)習(xí)、獨(dú)立操作和自我評(píng)測(cè)。
通過對(duì)新蛋購物網(wǎng)站首頁的制作，更加熟練的使用之前學(xué)過的技巧。深入了解頁面的合理用色和顏色之間搭配使網(wǎng)頁更有效果；圖片在畫面中的合理擺放；準(zhǔn)確劃分頁面結(jié)構(gòu)等。對(duì)前面所學(xué)的知識(shí)融會(huì)貫通，學(xué)以致用。在設(shè)計(jì)網(wǎng)站的時(shí)候，要分析網(wǎng)站的主題內(nèi)容，選擇符合主題表現(xiàn)形式的布局，采用搭配合理的色彩表現(xiàn)主題的風(fēng)格，加上細(xì)心的構(gòu)思和新穎的創(chuàng)意，必然可以設(shè)計(jì)出優(yōu)秀的網(wǎng)站。
五、存在的問題和今后的設(shè)想
學(xué)生到企業(yè)學(xué)習(xí)的機(jī)會(huì)太少，沒有實(shí)際開發(fā)項(xiàng)目的經(jīng)驗(yàn)。每個(gè)企業(yè)都有自己的團(tuán)隊(duì)，每個(gè)人都有自己指定的設(shè)計(jì)項(xiàng)目，這就要求都得是有經(jīng)驗(yàn)的設(shè)計(jì)師。而我們的學(xué)恰恰就缺少這中間的鍛煉過程，很少會(huì)給我們中職學(xué)生提供實(shí)踐的機(jī)會(huì)。這使我們中職學(xué)生不能夠很好的與企業(yè)對(duì)接。
要想解決這一問題，我覺得我們?nèi)握n教師必須走入企業(yè)，先接觸一些開發(fā)網(wǎng)站的公司，在企業(yè)參觀學(xué)習(xí)。在網(wǎng)頁制作的課堂上，拿一些企業(yè)的真正案例讓學(xué)生實(shí)踐，制作網(wǎng)頁配色和布局的整個(gè)流程，這樣同學(xué)們才能真正的得到鍛煉。讓學(xué)生深刻體會(huì)網(wǎng)頁界面布局的人性化設(shè)計(jì)，真正的將課堂變?yōu)槠髽I(yè)的創(chuàng)作工作室，使學(xué)生能快速適應(yīng)工作環(huán)境，提高中職學(xué)生的就業(yè)率。
1 設(shè)計(jì)模式思想簡(jiǎn)介
設(shè)計(jì)模式思想的主旨是針對(duì)常見的設(shè)計(jì)問題提供已被驗(yàn)證為有效的解決方案，從而充分利用前人經(jīng)驗(yàn)和成果解決設(shè)計(jì)問題，避免無意義的重復(fù)勞動(dòng)。該思想最早由建筑師、加州大學(xué)伯克利分校建筑學(xué)教授Christopher Alexander在20世紀(jì)70年代提出。Alexander如此論述建筑設(shè)計(jì)模式的價(jià)值：“每一模式描述我們周圍環(huán)境中一再反復(fù)發(fā)生的某個(gè)問題，接著敘述解決這一問題的關(guān)鍵所在，這樣，你就能千百次地重復(fù)利用這種解決問題的辦法而又不會(huì)有老調(diào)重彈之感?！?[1]
Alexander闡述了設(shè)計(jì)模式的基本構(gòu)成要素，他認(rèn)為，每個(gè)模式都是一個(gè)規(guī)則，由三部分組成，表達(dá)了一個(gè)特定情境、一個(gè)問題和一個(gè)解決方案之間的關(guān)系。[2]其中，“情境”表示該模式在解決問題時(shí)的周圍環(huán)境和狀況，“問題”表示該模式的目的或預(yù)期目標(biāo)，“解決方案”表示解決該問題的方法的核心。然而，設(shè)計(jì)模式思想影響最為深遠(yuǎn)的領(lǐng)域并非建筑，而是軟件工程。20世紀(jì)90年代，Erich Gamma等人將設(shè)計(jì)模式思想推廣到了軟件工程領(lǐng)域。在Alexander的理論基礎(chǔ)上，Gamma等人制定了軟件設(shè)計(jì)模式的格式規(guī)范。他們認(rèn)為一個(gè)模式有四個(gè)基本要素：模式名稱、問題、解決方案、模式效果。[3]
Alexander和Gamma等人并沒有發(fā)明新的解決方案，而只是分別對(duì)建筑和軟件設(shè)計(jì)中現(xiàn)存的“無名”（即存在于設(shè)計(jì)實(shí)踐中，但尚未被人明確命名并提出）的優(yōu)秀解決方案進(jìn)行了系統(tǒng)化的總結(jié)和歸納，并以設(shè)計(jì)模式的形式表述出來。盡管如此，設(shè)計(jì)模式的價(jià)值仍得到了高度認(rèn)可。尤其是在軟件工程領(lǐng)域，設(shè)計(jì)模式已成為重要的程序設(shè)計(jì)指導(dǎo)理論。近年來，設(shè)計(jì)模式思想在界面設(shè)計(jì)領(lǐng)域也逐漸受到重視。
2 界面設(shè)計(jì)領(lǐng)域的設(shè)計(jì)模式研究現(xiàn)狀
Alexander的設(shè)計(jì)模式思想很早就已進(jìn)入交互設(shè)計(jì)研究者的視線。早在1988年，Donald A.Norman就在他影響深遠(yuǎn)的著作《The Psychology of Everyday Things》（后更名為《The Design of Everyday Things》）中提到了Alexander的研究成果。[4]但設(shè)計(jì)模式在該領(lǐng)域的發(fā)展較為緩慢，直到2000年前后，國外的交互設(shè)計(jì)和界面設(shè)計(jì)研究者對(duì)設(shè)計(jì)模式的關(guān)注才開始逐漸加深，并逐漸出現(xiàn)了一些重要的研究成果。一些研究者和機(jī)構(gòu)提出了自己的界面設(shè)計(jì)模式規(guī)范和模式庫，如Jenifer Tidwell在《界面設(shè)計(jì)模式》一書中以設(shè)計(jì)模式的形式總結(jié)了界面設(shè)計(jì)的法則，給出了常見問題的解決方法及其在實(shí)踐中的運(yùn)用，并以該書內(nèi)容為基礎(chǔ)構(gòu)建了一個(gè)設(shè)計(jì)模式庫。[5]雅虎公司也了一套具有影響力的網(wǎng)頁設(shè)計(jì)模式庫。[6]其他知名模式庫包括、Quince等。
相對(duì)于國外研究的逐漸興起，國內(nèi)對(duì)于數(shù)字產(chǎn)品界面設(shè)計(jì)模式的相關(guān)研究和應(yīng)用則十分匱乏。雖然近年來出現(xiàn)了少量關(guān)于界面設(shè)計(jì)模式的論文和著作，如《Web2.0界面設(shè)計(jì)模式》，但這些文獻(xiàn)并未深入挖掘設(shè)計(jì)模式的思想，也未能提出較為系統(tǒng)、規(guī)范和全面的設(shè)計(jì)模式庫，實(shí)用價(jià)值有限?？傮w而言，國內(nèi)的相關(guān)研究和應(yīng)用與國外相比有較大差距，研究文獻(xiàn)的數(shù)量極少，深度不足，極其缺乏理論化、系統(tǒng)化的中文研究資料。
目前，界面設(shè)計(jì)模式相關(guān)研究主要集中于設(shè)計(jì)模式個(gè)體的研究和構(gòu)建。雖然也涉及不同設(shè)計(jì)模式之間的關(guān)系，但并未系統(tǒng)和深入地探討設(shè)計(jì)模式的編目方法，即如何將多個(gè)設(shè)計(jì)模式組織、統(tǒng)籌起來，以跳出單個(gè)設(shè)計(jì)模式的狹窄范圍，服務(wù)于更高層次的用戶目標(biāo)。這是目前相關(guān)研究的一個(gè)不足之處。Alexander雖然提出了“模式語言”的編目思想，但該思想仍然主要基于個(gè)人的主觀經(jīng)驗(yàn)，缺乏可推廣性。Robert Hoekman，Jr.和Jared Spool的研究起到了一定彌補(bǔ)作用。他們?cè)凇毒W(wǎng)站設(shè)計(jì)解構(gòu)：有效的交互設(shè)計(jì)框架和模式》一書中提出，應(yīng)將多個(gè)設(shè)計(jì)模式組織成框架體系，從而從全局的角度指導(dǎo)由多個(gè)設(shè)計(jì)模式組成的完整的界面系統(tǒng)設(shè)計(jì)。[7]在該書理論的基礎(chǔ)上，他們創(chuàng)建了一個(gè)公共的框架體系資源庫，包含了網(wǎng)頁交互設(shè)計(jì)的幾種常見框架示例。其框架格式與設(shè)計(jì)模式格式類似，主要包含應(yīng)用情境、用戶目標(biāo)、任務(wù)流程、所用模式等。[8]
總體來說，現(xiàn)有的界面設(shè)計(jì)模式研究主要存在三點(diǎn)不足：（1）缺乏對(duì)模式在設(shè)計(jì)實(shí)踐中的使用方式、方法和流程的研究。 （2）缺乏對(duì)模式編目方式（即如何綜合運(yùn)用多個(gè)模式解決問題）的研究。 （3）缺乏對(duì)模式庫建立（包括模式識(shí)別、模式記錄）及擴(kuò)充過程的系統(tǒng)化研究。目前，模式庫的建立主要依靠建立者個(gè)人的經(jīng)驗(yàn)和觀察。
3 界面設(shè)計(jì)模式的應(yīng)用價(jià)值
在交互界面設(shè)計(jì)中，設(shè)計(jì)模式的價(jià)值主要在于[9]： （1）設(shè)計(jì)模式包含了問題的相關(guān)信息，使得解決方案能夠確實(shí)地發(fā)揮作用。 （2）設(shè)計(jì)模式詳細(xì)闡述了解決方案是如何受上下文（即情境）限制的。 （3）設(shè)計(jì)模式闡述了解決方案的基本原理，其中包括了前人積累下來的經(jīng)驗(yàn)性知識(shí)。 （4）設(shè)計(jì)模式具有一種潛力：多個(gè)模式可以組織成一種模式語言，使設(shè)計(jì)師能夠以一種積極活躍的方式來跨越性地解決不同細(xì)節(jié)層次上的設(shè)計(jì)問題。
如上所述，設(shè)計(jì)模式不僅能有效地解決問題，而且充分考慮到了問題的上下文情境，并從方法論的角度闡述解決方案的原理。這是設(shè)計(jì)模式與一般的零散性設(shè)計(jì)原則的重要區(qū)別。
設(shè)計(jì)模式的另一個(gè)應(yīng)用價(jià)值是它有效地彌補(bǔ)了目前廣泛應(yīng)用的設(shè)計(jì)指南（guideline）的不足。設(shè)計(jì)指南通常由企業(yè)，為該企業(yè)相關(guān)產(chǎn)品的界面設(shè)計(jì)提供指導(dǎo)和參考，以保證設(shè)計(jì)的一致性，幫助設(shè)計(jì)師提高設(shè)計(jì)質(zhì)量。典型例子有蘋果公司的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。與設(shè)計(jì)模式庫相比，設(shè)計(jì)指南通常實(shí)例數(shù)量較少，且多闡述抽象和綱領(lǐng)性原理，而非像設(shè)計(jì)模式那樣提供具體設(shè)計(jì)案例，因而難以為設(shè)計(jì)師提供具體問題的解決方法。而利用設(shè)計(jì)模式，設(shè)計(jì)師可以更為系統(tǒng)化、具體化地解決設(shè)計(jì)問題。例如，西門子公司在實(shí)踐中成功運(yùn)用設(shè)計(jì)模式提高了其軟件開發(fā)效率。該公司從2000年起就持續(xù)對(duì)界面設(shè)計(jì)模式進(jìn)行探索，并建立起了一個(gè)內(nèi)部界面設(shè)計(jì)模式庫，其模式的應(yīng)用范圍覆蓋了桌面、網(wǎng)頁應(yīng)用和移動(dòng)設(shè)備等不同平臺(tái)。[10]
4 總結(jié)與展望
從以上研究可以看出，設(shè)計(jì)模式在交互設(shè)計(jì)和界面設(shè)計(jì)領(lǐng)域的研究和應(yīng)用已取得了一定進(jìn)展，但近年來數(shù)字產(chǎn)品發(fā)展迅速，以iPhone等移動(dòng)設(shè)備為代表的新一代數(shù)字產(chǎn)品在我國迅速普及，扁平化、模塊化等新設(shè)計(jì)思想不斷涌現(xiàn)，設(shè)計(jì)模式思想也需要不斷跟進(jìn)，以符合時(shí)代快速發(fā)展的需求，體現(xiàn)出新一代數(shù)字產(chǎn)品的界面設(shè)計(jì)理念。國內(nèi)雖然引進(jìn)出版了《界面設(shè)計(jì)模式》等一批重要著作，但設(shè)計(jì)模式思想的影響力仍然不足，并未在界面設(shè)計(jì)領(lǐng)域得到廣泛認(rèn)知。如何挖掘設(shè)計(jì)模式的優(yōu)點(diǎn)，將其推介給國內(nèi)設(shè)計(jì)界，從而對(duì)產(chǎn)品的界面設(shè)計(jì)有所助益，是國內(nèi)界面設(shè)計(jì)研究者應(yīng)該思考的方向。該領(lǐng)域還存在其他一些有待探索的研究方向，比如如何將零散的設(shè)計(jì)模式以系統(tǒng)化的方法組織起來構(gòu)成整體框架，以及如何將設(shè)計(jì)模式應(yīng)用到硬件界面的設(shè)計(jì)中。此外，最新涌現(xiàn)的扁平化設(shè)計(jì)、響應(yīng)式界面設(shè)計(jì)等界面設(shè)計(jì)思想也亟須得到設(shè)計(jì)模式理論的支持。總體而言，界面設(shè)計(jì)模式在界面設(shè)計(jì)領(lǐng)域仍有很大發(fā)展?jié)摿Γ写谠O(shè)計(jì)研究者進(jìn)一步探索。
參考文獻(xiàn)：
[1] Christopher Alexander，et al.建筑模式語言[M].北京：知識(shí)產(chǎn)權(quán)出版社，2002：3.
[2] Christopher Alexander.建筑的永恒之道[M].北京：知識(shí)產(chǎn)權(quán)出版社，2002：194.
[3] Erich Gamma，et al.設(shè)計(jì)模式：可復(fù)用面向?qū)ο筌浖幕A(chǔ)[M].北京：機(jī)械工業(yè)出版社，2000：2.
[4] D.A.Norman.The Psychology of Everyday Things[M].Basic Books，New York，1988：229.
[5] Jenifer Tidwell.界面設(shè)計(jì)模式[M].北京：電子工業(yè)出版社，2013.
[6] Yahoo！Inc.[DB/OL]http：///ypatterns/.
[7] Robert Hoekman Jr.，Jared Spool.網(wǎng)站設(shè)計(jì)解構(gòu)：有效的交
互設(shè)計(jì)框架和模式[M].北京：人民郵電出版社，2010.
[8] Robert Hoekman Jr.，Jared Spool.[DB/OL]http：///.
[9] Stefan L.Pauwels，Christian Hübscher，Javier A.Bargas-Avila，Klaus Opwis.Building an interaction design pattern language：A case study[J].Computers in Human Behavior，2009，26（3）：452-463.
[10] Helmut Degen，袁小偉.UX最佳實(shí)踐：提高用戶體驗(yàn)影響
1、引言
Unity3D不只是單純的游戲引擎，而是已經(jīng)涉及到多種不同領(lǐng)域的一個(gè)跨平臺(tái)的三維游戲與虛擬現(xiàn)實(shí)開發(fā)工具，該工具支持多腳本語言以及強(qiáng)大的物理引擎等特點(diǎn)。論文通過研究Unity3D與HTML交互機(jī)制，實(shí)現(xiàn)場(chǎng)景中對(duì)象的動(dòng)態(tài)交互行為，也就是控制各裝配體的裝配順序并實(shí)現(xiàn)碰撞檢測(cè)、零件實(shí)時(shí)編輯等功能，從而使得整個(gè)裝配過程具有邏輯合理性和可控制性。
2、Unity3D與HTML交互機(jī)理
2.1 Unity3D瀏覽器調(diào)用HTML網(wǎng)頁中的函數(shù)
Unity3D瀏覽器通過執(zhí)行Application.ExternalCall（）來調(diào)用任何在HTML網(wǎng)頁里定義JavaScript函數(shù)，比如下面一句調(diào)用了HTML網(wǎng)頁里SayHello（）函數(shù)，并傳遞了一句話作為參數(shù)。
Application.ExternalCall（ "SayHello"， "The game says hello！" ）；
2.2 HTML網(wǎng)頁調(diào)用Unity3D瀏覽器中的腳本函數(shù)
Unity3D 瀏覽器的插件或ActiveX控件都有一個(gè)SendMessage（）的函數(shù)，HTML網(wǎng)頁通過這個(gè)函數(shù)與Unity3D進(jìn)行通信，通過該函數(shù)可以傳遞對(duì)象名、函數(shù)名以及簡(jiǎn)單參數(shù)，然后SendMessage（）就會(huì)調(diào)用Unity3D中GameObject上綁定的函數(shù)。在調(diào)用SendMessage（）函數(shù)之前，必須先得到Unity Web Player的引用。這里可以使用JavaScript 對(duì)象Document的getElementById（）函數(shù)來獲得該引用。
3、減速器虛擬裝配的實(shí)現(xiàn)
3.1交互界面設(shè)計(jì)
交互式虛擬裝配的重點(diǎn)不僅在于產(chǎn)品虛擬裝配的過程，還在于它可以與用戶進(jìn)行實(shí)時(shí)交互。系統(tǒng)界面分為兩部分：網(wǎng)頁中為利用HTML提供的控件加入按鈕、列表框、滾動(dòng)條、文本區(qū)、標(biāo)簽等；Unity3D瀏覽器中為利用Unity提供的GUI接口加入按鈕、窗口、標(biāo)簽等控件分別實(shí)現(xiàn)了減速器裝配體的自動(dòng)裝配、手動(dòng)裝配、原理演示、零件查看、零部件實(shí)時(shí)編輯等功能，充分實(shí)現(xiàn)用戶參與下的人機(jī)實(shí)時(shí)交互。
3.2碰撞檢測(cè)及裝配順序規(guī)劃
虛擬裝配是一個(gè)實(shí)時(shí)交互系統(tǒng)，如用戶可以在虛擬場(chǎng)景中用鼠標(biāo)選取裝配體的零件進(jìn)行拆裝。Unity3D引擎本身提供了基本形體的碰撞器，通過PhysX物理引擎自動(dòng)檢測(cè)碰撞。根據(jù)Unity3D碰撞器提供的OnCollisionEnter方法，獲得相關(guān)碰撞信息，然后由它繼續(xù)調(diào)用其他處理過程（相對(duì)位置檢測(cè)、碰撞檢測(cè)等），實(shí)現(xiàn)手動(dòng)裝配過程。
虛擬裝配過程中零件拆裝順序的檢測(cè)也是一個(gè)關(guān)鍵問題，用戶選擇零件正確與否直接決定該零件是否進(jìn)行拆裝。系統(tǒng)為每一個(gè)零件定義一個(gè)唯一識(shí)別拆裝順序的順序號(hào)，當(dāng)用戶選擇某一零件后，調(diào)用相應(yīng)的拆裝順序檢測(cè)模塊進(jìn)行比較當(dāng)前選擇零件的順序號(hào)與系統(tǒng)預(yù)定的順序號(hào)是否一致決定拆裝是否進(jìn)行或者根據(jù)零件間的位置約束關(guān)系判斷某零件當(dāng)前是否可以移動(dòng)來決定拆裝是否進(jìn)行。
3.3 裝配體零件的任意移動(dòng)及實(shí)時(shí)編輯
在虛擬裝配中，用戶對(duì)場(chǎng)景中零件的選取及操作（位移、顏色等的實(shí)時(shí)修改）是交互性最充分的體現(xiàn)。當(dāng)用戶在虛擬場(chǎng)景中用鼠標(biāo)點(diǎn)擊或指向某一零件時(shí)，系統(tǒng)應(yīng)該做出響應(yīng)，如被指向或點(diǎn)擊的零件應(yīng)實(shí)時(shí)改變顏色或彈出對(duì)話框提示用戶等。Unity3D的GUI接口提供了各種控件可以非常方便的編輯一些按鈕、窗口等用戶界面，通過重寫鼠標(biāo)事件可以檢測(cè)用戶的各中輸入信息并作出正確的響應(yīng)。通過變換組件可以完成產(chǎn)品的平移和任意角度旋轉(zhuǎn)操作以及裝配體零件某一方向比例變換。
4、結(jié)論
本文對(duì)基于Unity3D的虛擬裝配相關(guān)技術(shù)進(jìn)行了研究，并實(shí)現(xiàn)了在用戶參與的人機(jī)界面下的虛擬裝配實(shí)例。對(duì)在虛擬裝配過程中零件的碰撞檢測(cè)、裝配順序規(guī)劃、零件選取及實(shí)時(shí)編輯等功能的實(shí)現(xiàn)提出了有效的方法，具有一定的參考價(jià)值。
【參考文獻(xiàn)】
中圖分類號(hào)：TU-024
文獻(xiàn)標(biāo)識(shí)碼：A
文章編號(hào)：1008-0422(2009)05-0109-02
1 背景介紹
自從1991萬維網(wǎng)(www)出現(xiàn)以來，相關(guān)技術(shù)及其應(yīng)用一直呈現(xiàn)著革命性的進(jìn)步。展現(xiàn)出蓬勃生機(jī)和無限潛力。但是網(wǎng)絡(luò)界面一直相對(duì)穩(wěn)定地保持著以瀏覽器、按鈕、圖形和文字為構(gòu)件，以視窗為框架的基本形式。界面設(shè)計(jì)師應(yīng)該以一種前瞻的態(tài)度來審視現(xiàn)有的網(wǎng)絡(luò)界面設(shè)計(jì)，開創(chuàng)設(shè)計(jì)新思路，從而在界面設(shè)計(jì)方面為未來新技術(shù)的發(fā)展提供鋪墊和激勵(lì)。
2 文獻(xiàn)綜述
在Webster字典里，“界面”被定義成為：
1)分割兩個(gè)物體，空間，或相態(tài)的邊界：
2)一些獨(dú)立的，又往往不相關(guān)的系統(tǒng)相互接觸，相互作用，又相互交流的場(chǎng)所。
可以看出，第一個(gè)定義強(qiáng)調(diào)了界面的幾何特性，第二個(gè)定義強(qiáng)調(diào)了界面的功能特性。因此，界面設(shè)計(jì)應(yīng)圍繞著不同的但又相互聯(lián)系的三個(gè)方面――視覺性，功能性，及實(shí)用性。其中，實(shí)用性本是人―機(jī)界面的功能性的一個(gè)重要組成部分。
Mullet and Sane(1995)指出，在包括圖形設(shè)計(jì)，工業(yè)設(shè)計(jì)及室內(nèi)設(shè)計(jì)在內(nèi)的各類視覺設(shè)計(jì)領(lǐng)域中，許多設(shè)計(jì)原則都非常適合用于處理圖形用戶界面設(shè)計(jì)的問題。然而，在現(xiàn)有的以視屏窗口為基礎(chǔ)的圖形用戶界面設(shè)計(jì)當(dāng)中，其以二維構(gòu)型為主體的基本形式極大地限制了室內(nèi)設(shè)計(jì)原則的應(yīng)用。
三維的應(yīng)用在界面設(shè)計(jì)中逐漸出現(xiàn)，比如，在Tactile 3D界面中，(http：//tactile3d.corn/)，用戶可以在一個(gè)三維環(huán)境中方便地進(jìn)行各類文檔操作。Bowman，et.al(2004)從技術(shù)的角度對(duì)三維用戶界面做了全面的概述，并對(duì)其中的硬件設(shè)備及軟件技術(shù)，以及三維互動(dòng)技術(shù)的設(shè)計(jì)原則進(jìn)行了探討。這些技術(shù)方面的進(jìn)展為網(wǎng)絡(luò)界面設(shè)計(jì)方面的研究提供了難得的機(jī)遇和挑戰(zhàn)。
3 理知空間及網(wǎng)絡(luò)界面的特性及設(shè)計(jì)要素
本文的一個(gè)基本前提在于把“網(wǎng)絡(luò)界面”理解為一個(gè)聯(lián)接實(shí)體及虛擬世界的復(fù)雜時(shí)空環(huán)境。由此，網(wǎng)絡(luò)界面的“虛擬性”及“互動(dòng)性”能夠通過利用三維環(huán)境的豐富空間特性從而獲得超越傳統(tǒng)上二維圖形及文字說明(本質(zhì)上一維)等方式的表現(xiàn)效果。
作為以三維空間為背景的卓越藝術(shù)形式，建筑和室內(nèi)設(shè)計(jì)與網(wǎng)絡(luò)界面中的虛擬環(huán)境設(shè)計(jì)有直接的可比性和通用性。不僅如此，在一個(gè)更抽象的層面上，實(shí)體與虛擬三維環(huán)境的相關(guān)性可通過“理知空間”的概念進(jìn)一步理解并得以強(qiáng)化。
本文引入一個(gè)“理知空間”的概念來理解網(wǎng)絡(luò)界面環(huán)境及其與實(shí)體和虛擬環(huán)境的相互關(guān)系。具體而言，我們把理知空間定義為多重實(shí)體環(huán)境以及它們的多層次多角度的具體化和抽象化形式的總和。而網(wǎng)絡(luò)界面則可理解支持實(shí)體及虛擬空間之間相互作用的基礎(chǔ)環(huán)境。由此，網(wǎng)絡(luò)界面必然地在一定程度上繼承了實(shí)體空間，虛擬空間，甚至理知空間的各種空間及功能特征。參考圖1顯示了理知空間，實(shí)體空間，虛擬空間及網(wǎng)絡(luò)界面之間的邏輯關(guān)系。
基于上述理論框架，我們不難提煉出網(wǎng)絡(luò)界面的七大基本特性：
1)共生性：多重結(jié)構(gòu)，多種形式可并存于一個(gè)網(wǎng)絡(luò)界面當(dāng)中。
2)高維性：如果說虛擬空間可被抽象地理解為一個(gè)復(fù)雜的數(shù)據(jù)庫，那么數(shù)據(jù)的可視性則需要經(jīng)由網(wǎng)絡(luò)界面來實(shí)現(xiàn)。數(shù)據(jù)庫的復(fù)雜性直接地導(dǎo)致了界面環(huán)境的高維性。
3)動(dòng)態(tài)性：網(wǎng)絡(luò)界面時(shí)時(shí)刻刻通過動(dòng)態(tài)的方式來表述或控制信息的輸入輸出。動(dòng)態(tài)性也可理解為網(wǎng)絡(luò)界面的時(shí)間維。
4)互動(dòng)性：界面最關(guān)鍵的動(dòng)態(tài)性是通過人一機(jī)互動(dòng)而實(shí)現(xiàn)。由此，用戶指令可通過界面?zhèn)鬟_(dá)，而指令的執(zhí)行結(jié)果也通過界面得以反饋。
5)變換性：網(wǎng)絡(luò)界面中的對(duì)象不必遵循實(shí)體空間中通常的物理規(guī)律，從而其幾何特性可通過各類簡(jiǎn)單變換而相對(duì)靈活地改變。
6)多重尺度：由于網(wǎng)絡(luò)界面可包含多重虛擬或?qū)嶓w空間以及它們之間的各種相互作用，人們往往需要有多種方式來進(jìn)行評(píng)估或量化，
7)“病態(tài)結(jié)構(gòu)”：在參照傳統(tǒng)經(jīng)驗(yàn)的時(shí)候。復(fù)雜的網(wǎng)絡(luò)界面結(jié)構(gòu)往往會(huì)呈現(xiàn)出異常特性，以萬維網(wǎng)頁為例，由網(wǎng)絡(luò)聯(lián)結(jié)連接的網(wǎng)頁具有比任何書本格式更為復(fù)雜的拓?fù)浣Y(jié)構(gòu)，因?yàn)楹笳弑举|(zhì)上是線性的，換句話說，只是個(gè)一維的結(jié)構(gòu)形式。
以上總結(jié)的七大特征可引申出以下關(guān)于界面設(shè)計(jì)的四條基本建議：
1)關(guān)于界面符號(hào)及幾何對(duì)象的設(shè)計(jì)
符號(hào)及幾何對(duì)象的應(yīng)用有其審美上和功能上的需要。通過對(duì)界面環(huán)境的多重性，高維性及互動(dòng)性的認(rèn)識(shí)，我們能夠自然地理解為什么網(wǎng)絡(luò)界面中三維環(huán)境能夠較二維環(huán)境更為有效地用于表達(dá)復(fù)雜信息，支持人一機(jī)互動(dòng)，進(jìn)而模擬實(shí)體世界中的切身體驗(yàn)。
2)關(guān)于界面智能設(shè)計(jì)
網(wǎng)絡(luò)界面的智能性決定了人一機(jī)系統(tǒng)的功能性。如果沒有智能性，上述符號(hào)和幾何對(duì)象不過是沒有大腦的軀體，不具有完備的功能性。
3)關(guān)于界面性能設(shè)計(jì)
認(rèn)識(shí)到網(wǎng)絡(luò)界面僅僅是連接實(shí)體與虛擬空間的場(chǎng)所，設(shè)計(jì)者必須考慮到隱藏在網(wǎng)絡(luò)界面以下的系統(tǒng)本身的性能特征(例如中央處理器的速度，網(wǎng)絡(luò)帶寬等)，從而保障上述所提及的智能性具備充分的系統(tǒng)軟硬件支持。
4)關(guān)于界面虛擬性設(shè)計(jì)
盡管三維虛擬環(huán)境能夠很大程度上借鑒人們?cè)趯?shí)體三維環(huán)境中的經(jīng)驗(yàn)，虛擬環(huán)境同時(shí)也具有一些與實(shí)體三維截然不同的特征。合理利用這些特征可以成為進(jìn)一步提高網(wǎng)絡(luò)界面實(shí)用性的重要手段。
三維虛擬環(huán)境的引入為實(shí)現(xiàn)上述界面特征以及應(yīng)用上述設(shè)計(jì)原則提供了廣闊前景。具體而言，三維虛擬環(huán)境能夠讓用戶重溫置身于實(shí)體世界中的體驗(yàn)，而這種體驗(yàn)幫助用戶對(duì)新的界面系統(tǒng)更快地建立認(rèn)同感，更方便地定位和瀏覽，從而對(duì)使用本系統(tǒng)更有興趣。其次，三維空間的采用能夠更為有效地組織和表現(xiàn)復(fù)雜信息。此外，在三維環(huán)境中人一機(jī)互動(dòng)可通過連續(xù)光滑的運(yùn)動(dòng)而完成，智能性可由此而得以更充分的實(shí)現(xiàn)。
本文在理論探討之外也開發(fā)了一個(gè)包含三維環(huán)境在內(nèi)的界面設(shè)計(jì)原型，用以校驗(yàn)文中所提及的各種概念。鑒于目前三維購物網(wǎng)站仍很缺乏，而其間最大障礙是基于網(wǎng)絡(luò)資源方面的限制，本文以此為出發(fā)點(diǎn)來探索未來三維化網(wǎng)上購物環(huán)境設(shè)計(jì)的一些可能性。
本設(shè)計(jì)是在文中提出的四條原則的指導(dǎo)下完成，包舍了作者對(duì)網(wǎng)絡(luò)界面七條特征的理解。一個(gè)具體設(shè)計(jì)目標(biāo)在于通過合理地結(jié)合二維、三維以及文字描述等方式來有效地組織表現(xiàn)信息，并為用戶提供一個(gè)方便、愉悅的網(wǎng)上
購物環(huán)境。
在本設(shè)計(jì)中，我們盡量保持主界面的單頁感受。圖2概括了主界面的邏輯結(jié)構(gòu)。首先主界面橫向分割成兩大模塊：左為定位模塊，右為購物模塊。定位模塊又細(xì)分為四個(gè)區(qū)域。其中第四區(qū)為三維商場(chǎng)，在整個(gè)界面中處于核心地位。另外三個(gè)輔助區(qū)域提供各項(xiàng)便利手段。其中，區(qū)域一支持文字定位方式；區(qū)域二根據(jù)用戶位置實(shí)時(shí)提供商場(chǎng)信息；區(qū)域三陳列三維商場(chǎng)的平面圖，并支持用戶在商場(chǎng)內(nèi)各攤位之間隨意跳躍。這些區(qū)域之間的協(xié)同合作為用戶營(yíng)造了方便而豐富的購物氛圍。顯然，該商場(chǎng)平面規(guī)劃及三維區(qū)域中的攤位設(shè)計(jì)，自然而然地直接用到建筑和室內(nèi)設(shè)計(jì)的各項(xiàng)知識(shí)和經(jīng)驗(yàn)。根據(jù)主界面的邏輯結(jié)構(gòu)設(shè)計(jì)的網(wǎng)絡(luò)界面樣板。
為了體現(xiàn)網(wǎng)絡(luò)界面變換性的應(yīng)用，我們?cè)O(shè)計(jì)一個(gè)橫向滑動(dòng)的滑標(biāo)來控制空間變換，從而達(dá)到迅速定位的最佳效果。具體而言，通過移動(dòng)滑標(biāo)，用戶可以根據(jù)自己的需要來調(diào)整商場(chǎng)中各攤位的大小及其相對(duì)位置，從而使得商場(chǎng)攤位陳列與用戶的興趣保持一致。這樣既保持了平面圖的整體美觀性，同時(shí)又具備了輔助定位的功能。此外，這個(gè)商場(chǎng)的平面設(shè)計(jì)中所包含的自相似性使得該商場(chǎng)具有良好的延展性。而由滑標(biāo)實(shí)現(xiàn)的空間變換則在個(gè)體攤位層面上保證了高度的公平性。
關(guān)于虛擬性的設(shè)計(jì)，我們?cè)谌S區(qū)域中給每個(gè)攤位設(shè)置了一個(gè)轉(zhuǎn)動(dòng)環(huán)，當(dāng)鼠標(biāo)置于環(huán)上，整個(gè)購物單元順時(shí)針旋轉(zhuǎn)，并依次展現(xiàn)不同的商品。顯然，在現(xiàn)實(shí)世購物環(huán)境中，這樣的裝置是既不現(xiàn)實(shí)又不適用的。
4 結(jié)論
盡管計(jì)算機(jī)屏幕是一個(gè)二維平面，網(wǎng)絡(luò)界面仍然應(yīng)當(dāng)理解為一個(gè)具有一些明顯特征的多維環(huán)境，而此環(huán)境的三維表現(xiàn)賦予界面用戶以“走進(jìn)”屏幕并享受由第三維數(shù)而衍生的豐富信息與功能。換句話來講，三維空間模型在網(wǎng)絡(luò)界面設(shè)計(jì)中的應(yīng)用，為理解和體現(xiàn)“理知空間”的復(fù)雜性提供了一系列強(qiáng)有力的手段，而傳統(tǒng)的設(shè)計(jì)領(lǐng)域，特別是建筑及室內(nèi)設(shè)計(jì)在這個(gè)過程中有著不可替代的地位。
參考文獻(xiàn)：
[1]Bowman, D.A., Krui]ff, E., LaViola, J.J., &Poupyrev, I., (2004). 3D User Interfaces:Theory and Practice. Addison-Wesley.
[2] Mullet, K., & Sano, D., 11995). DesigningVisual Interaces. Sun Microsystems, Inc.
前言
多媒體課件以豐富的視聽信息，生動(dòng)的圖形、圖像，高科技表現(xiàn)手段使教學(xué)內(nèi)容化繁為簡(jiǎn)，化宏觀為微觀，形象生動(dòng)，創(chuàng)設(shè)情境，論文使理論學(xué)習(xí)、問題輔助學(xué)習(xí)、激發(fā)興趣和協(xié)作學(xué)習(xí)等在教學(xué)中得以體現(xiàn)，使學(xué)生由被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)學(xué)習(xí)，由個(gè)體獨(dú)立學(xué)習(xí)變?yōu)槿后w合作學(xué)習(xí)，由復(fù)制性學(xué)習(xí)變?yōu)閯?chuàng)造性學(xué)習(xí)[1]。本文采用的Authorware7.0軟件，通過Fireworks8.0創(chuàng)作動(dòng)畫輔助，將多種教學(xué)媒體和教學(xué)方法有機(jī)結(jié)合，完成《電子測(cè)量技術(shù)》課程的課件設(shè)計(jì)。
1課件的設(shè)計(jì)
《電子測(cè)量技術(shù)》課程是高等職業(yè)教育電子信息、應(yīng)用電子、自動(dòng)化等專業(yè)的專業(yè)基礎(chǔ)課，同時(shí)也是新知識(shí)點(diǎn)較多的一門課程。針對(duì)職業(yè)教育特點(diǎn)，我們主編了《電子測(cè)量技術(shù)》規(guī)劃教材，2003年由電子工業(yè)出版社出版，教材目前印刷7次，印數(shù)已達(dá)3萬冊(cè)。因此，從教學(xué)角度出發(fā)，考慮該教材已獲得廣泛承認(rèn)，課件內(nèi)容以該書為基礎(chǔ)，涵蓋《電子測(cè)量技術(shù)》全書12章節(jié)內(nèi)容，并且借鑒原來基于PowerPoint課件的經(jīng)驗(yàn)，各章節(jié)自成體系，按教學(xué)大綱劃分出知識(shí)點(diǎn)；其次是課件應(yīng)具有良好的用戶界面和視覺、聽覺效果，課件所使用的計(jì)算機(jī)硬件和軟件開發(fā)環(huán)境相對(duì)兼容，便于升級(jí)擴(kuò)展。
1）腳本的編寫
編寫詳細(xì)的腳本，是整個(gè)多媒體課件開發(fā)過程中的一個(gè)重要環(huán)節(jié)，它把課件設(shè)計(jì)與制作緊密地聯(lián)系在一起，成為課件制作的重要依據(jù)。畢業(yè)論文編寫腳本包括界面設(shè)計(jì)、交互設(shè)計(jì)和風(fēng)格設(shè)計(jì)3個(gè)方面[2]。
界面是教學(xué)信息在屏幕上的顯示區(qū)域及用戶操作區(qū)域，設(shè)計(jì)時(shí)我們主要突出“教為學(xué)”的思想，圍繞教學(xué)內(nèi)容這一中心，既防止課件界面色彩、聲像效果等過分濃烈、喧賓奪主，影響學(xué)習(xí)內(nèi)容；又考慮課程部分內(nèi)容如儀器內(nèi)部電路抽象、枯燥，而學(xué)生需要感官刺激，激發(fā)興趣的特點(diǎn)。
同時(shí)，我們體會(huì)多媒體課件的強(qiáng)大生命力主要體現(xiàn)在交互能力上，比如只需通過單擊屏幕上某個(gè)特殊的鏈接設(shè)置，方便實(shí)現(xiàn)不同對(duì)象之間的跳轉(zhuǎn)。本設(shè)計(jì)中創(chuàng)建了兩個(gè)導(dǎo)航結(jié)構(gòu)，一種是利用“導(dǎo)航”圖標(biāo)指向框架圖標(biāo)中的某一頁，來實(shí)現(xiàn)程序內(nèi)部的跳轉(zhuǎn)和調(diào)用。另一種是通過“框架”圖標(biāo)內(nèi)嵌的導(dǎo)航控件來實(shí)現(xiàn)不同頁面間的瀏覽、翻頁。除此之外還可以通過設(shè)置相應(yīng)的超文本鏈接來實(shí)現(xiàn)交互性能。
在風(fēng)格設(shè)計(jì)上主要體現(xiàn)界面、字幕和顯示對(duì)象上整體的和諧統(tǒng)一。
2）框架結(jié)構(gòu)的設(shè)計(jì)
編輯之前考慮到有大量的文本的輸入，實(shí)現(xiàn)各個(gè)章節(jié)之間的翻轉(zhuǎn)如果只使用“交互”圖標(biāo)，也是可以實(shí)現(xiàn)翻頁功能，但碩士論文制作起來比較麻煩，而且在查找頁和指定固定頁方面力不從心。因此運(yùn)用“框架”圖標(biāo)及“導(dǎo)航”圖標(biāo)制作文本瀏覽，就方便多了[2]。
“框架”圖標(biāo)和“導(dǎo)航”圖標(biāo)密切相關(guān)，經(jīng)常放在一起使用。導(dǎo)航結(jié)構(gòu)提供了選擇路徑的方法，可以根據(jù)設(shè)置自動(dòng)跳轉(zhuǎn)到指定的目標(biāo)頁上；“框架”圖標(biāo)可以方便地設(shè)計(jì)含有圖形、聲音、動(dòng)畫等組件的頁面，最重要的是在“框架”圖標(biāo)的內(nèi)部?jī)?nèi)嵌了一整套導(dǎo)航控件，通過這一控件可以更容易實(shí)現(xiàn)頁面之間的來回翻轉(zhuǎn)。
基本框架結(jié)構(gòu)設(shè)計(jì)后，對(duì)有的地方進(jìn)行了編輯，如更改控制按鈕的位置和圖標(biāo)、設(shè)置按鈕防止頁面回繞、編輯進(jìn)入和退出畫面等，使其更適合課件的使用。
2多種媒體素材的使用
要實(shí)現(xiàn)多媒體課件的內(nèi)容豐富多彩，使用多種媒體素材是必不可少的。其中文本、圖形、圖像是最基本元素，此外還有聲音、動(dòng)畫、視頻等媒體信息?？紤]到職業(yè)教育“淡化理論、夠用為度、培養(yǎng)技能、重在應(yīng)用”的特點(diǎn)，我們認(rèn)為對(duì)測(cè)量原理部分的講解應(yīng)力求突出基本概念，通俗易懂，工作總結(jié)便于自學(xué)，因此課件這部分主要以文本、圖片形式，比較詳細(xì)；而測(cè)量方法則應(yīng)突出操作應(yīng)用，在設(shè)計(jì)時(shí)則主要以視頻演示為主；對(duì)測(cè)量?jī)x器儀表則重點(diǎn)講清工作原理和組成框圖，在設(shè)計(jì)時(shí)主要以動(dòng)畫、網(wǎng)頁內(nèi)容為主，整個(gè)課件設(shè)計(jì)力求對(duì)多媒體資源的合理布局，使它們既符合教材要求，又突出多媒體特征。
1）文本的輸入
Authorware可以直接將外部的文本輸入到其內(nèi)部，但是它有一特點(diǎn)就是在文本的輸入格式方面有一定的限制，它只能輸入TXT、RTF格式的文件[3]。對(duì)于不是這種格式的文檔如果采用常規(guī)直接進(jìn)行輸入勢(shì)必會(huì)占用很多時(shí)間，不利于課件的開發(fā)。因此借助系統(tǒng)剪貼板使用復(fù)制、粘貼的方法來添加文本。當(dāng)文本過長(zhǎng)時(shí)，或者輸入的文本篇幅較大，采用滾動(dòng)文本的輸入方式，這樣在預(yù)覽時(shí)會(huì)顯得更方便。
2）圖片的應(yīng)用
使用系統(tǒng)本身的繪圖工具箱可以繪制出比較簡(jiǎn)單的畫面，但對(duì)于《電子測(cè)量技術(shù)》這門課程僅僅依靠繪圖工具箱不能達(dá)到實(shí)際的要求，如大量的儀器原理圖、接線圖、儀器面板圖等，我們采取的第一個(gè)方法是采用Authorware7.0提供的插入外部對(duì)象的功能，將原來以Protel99SE、Word、LabVIEW等制作轉(zhuǎn)換為圖片形式，醫(yī)學(xué)論文使設(shè)計(jì)的原料變得更加豐富。
3）添加背景音樂
在Authorware7.0系統(tǒng)中可以支持多種類型的聲音文件格式，如WAV、SWA、AIFF、PCM、MP3等[3]，在制作課件時(shí)，通過“聲音”圖標(biāo)來插入音頻和設(shè)置聲音播放，如控制播放次數(shù)、設(shè)置播放時(shí)間、速率等，可以輕松引用這些聲音素材添加到課件中。在課件中導(dǎo)入背景音樂有它的優(yōu)點(diǎn)，但是并不是每個(gè)人都喜歡有音樂，因此通過對(duì)“計(jì)算”圖標(biāo)和按鈕響應(yīng)的設(shè)置，編寫按鈕激活代碼使課件在播放時(shí)可以由使用者根據(jù)自己的意愿單擊相應(yīng)的按鈕，實(shí)現(xiàn)有聲和靜音之間的轉(zhuǎn)換[4]。
4）動(dòng)畫的調(diào)用
動(dòng)畫是多媒體作品中不可缺少的一部分，也是設(shè)計(jì)中的一個(gè)亮點(diǎn)，但使用Authorware本身只能制作出二維的動(dòng)畫，即動(dòng)畫的對(duì)象只能在一個(gè)平面內(nèi)運(yùn)動(dòng)，這樣使演示的效果大打折扣，然而這并不說明Authorware不能演示三維動(dòng)畫，它可以通過文件插入的方式來演示其他軟件制作的三維動(dòng)畫，同時(shí)系統(tǒng)本身也提供多種效果的頁面切換功能，對(duì)各種外部和內(nèi)部資源加以利用同樣可以達(dá)到理想的效果。
制作動(dòng)畫的軟件有很多，使用起來也各有特色。選擇合適的創(chuàng)作工具是設(shè)計(jì)成功的關(guān)鍵，通過查閱相關(guān)的資料，了解Authorware系統(tǒng)提供了對(duì)GIF動(dòng)畫圖像的支持，可以將其應(yīng)用到課件中。GIF動(dòng)畫是一種特殊的圖像格式，其中包含了多幀圖像，這些圖像按照一定的時(shí)間頻率交替顯示，從而達(dá)到動(dòng)畫顯示的效果，具體是通過MacromediaFireworks8.0來設(shè)計(jì)。在Fireworks中制作動(dòng)畫的一種方法是通過創(chuàng)建元件并不停地改變它們的屬性來產(chǎn)生運(yùn)動(dòng)的錯(cuò)覺。當(dāng)按順序播放所有的幀時(shí)就成了動(dòng)畫[5]。
5）智能對(duì)象與數(shù)字電影
智能對(duì)象就像一個(gè)插入Authorware作品的邏輯包，它是一個(gè)強(qiáng)有力的開發(fā)工具，它的不同之處在于它與向?qū)У穆?lián)接，向?qū)Э梢越oAuthorware作品提供設(shè)置界面，職稱論文并且可以在插入智能對(duì)象的位置添加各種變化、新的內(nèi)容和邏輯關(guān)系。它能使看似繁瑣的工作變得更加容易完成，即使是沒有經(jīng)驗(yàn)的開發(fā)人員也更容易更有效地完成任務(wù)。實(shí)際上智能對(duì)象在多媒體編輯上做出了根本性的改革。比如智能對(duì)象與數(shù)字電影的結(jié)合應(yīng)用[3]。在課件中引入數(shù)字電影如果只是采用之前的方法，就是在流程線上添加相應(yīng)的圖標(biāo)進(jìn)行導(dǎo)入，在程序運(yùn)行過程中當(dāng)執(zhí)行到該圖標(biāo)，系統(tǒng)會(huì)直接彈出播放的窗口，不利于下一操作，但是通過MovieController智能對(duì)象可以容易實(shí)現(xiàn)播放進(jìn)度的調(diào)節(jié)。
6）網(wǎng)頁鏈接
在課件設(shè)計(jì)時(shí)，考慮到有些儀器由于價(jià)格昂貴或者其他原因，學(xué)校無法購置，如數(shù)字通信測(cè)試用誤碼儀、邏輯分析儀等，課件設(shè)計(jì)中考慮實(shí)現(xiàn)網(wǎng)頁的鏈接，鏈接到知名企業(yè)的網(wǎng)頁上，已加強(qiáng)學(xué)生感性認(rèn)識(shí)。這一功能是通過Fireworks中使用URL來實(shí)現(xiàn)，編輯選中的熱點(diǎn)并對(duì)其指定URL路徑，最后導(dǎo)出此URL即可實(shí)現(xiàn)指定網(wǎng)頁的鏈接。
課件的主界面如圖1所示，課件第1章界面如圖2所示。
3課件的調(diào)試與打包
課件主要是為《電子測(cè)量技術(shù)》教材而制作的，因此為方便發(fā)行和使用，課件的后期工作就是進(jìn)行調(diào)試和打包處理。
由于課件發(fā)行打包后將不允許用戶再修改，打包之前應(yīng)盡可能排除其中的錯(cuò)誤，確認(rèn)課件可以正常運(yùn)行。英語論文調(diào)試可以通過兩種方法來實(shí)現(xiàn)。一種是利用區(qū)段標(biāo)志（開始/停止標(biāo)志），另外一種是通過控制面板的使用。通過使用調(diào)試工具可以控制程序流程執(zhí)行的區(qū)段，逐個(gè)執(zhí)行程序流程中的設(shè)計(jì)圖標(biāo)。將制作好的課件與課件中的庫文件一起打包能夠提高文件的性能，減少文件的數(shù)量，使最后的作品的安裝、運(yùn)行更為容易，并且增加了作品運(yùn)行的可靠性，避免運(yùn)行時(shí)因?yàn)檎也坏酵鈦砗瘮?shù)或庫文件而發(fā)生錯(cuò)誤。
打包好的課件進(jìn)行設(shè)置，可以運(yùn)行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000這樣的32位操作系統(tǒng)中。其中要求的CPU應(yīng)該是Pentium166以上兼容機(jī)種、內(nèi)存是64M以上、硬盤容量780M、支持DirectX的顯卡、光驅(qū)是8倍速以上的光驅(qū)，此外由于演示窗口大小設(shè)置為832*624像素，因此可以用于不低于16英寸顯示器。制作好課件并打包后，就可以，課件時(shí)必須隨同程序中用到的外部媒體文件或外部函數(shù)文件一同，Authorware7.0提供了作品的功能，該功能可以將運(yùn)行作品所需的各種文件及外部函數(shù)輸出到指定的目錄中，從而形成用于發(fā)行的最終作品[3]。
4結(jié)論
隨著各種多媒體教學(xué)的推廣和普及，計(jì)算機(jī)輔助教學(xué)作為一種先進(jìn)的教學(xué)手段，以其直觀性、靈活性、實(shí)時(shí)性、立體化的優(yōu)勢(shì)，留學(xué)生論文越來越受到大家的青睞。要想運(yùn)用好計(jì)算機(jī)輔助教學(xué)這一現(xiàn)代化的教學(xué)手段，其關(guān)鍵是要設(shè)計(jì)和制作出符合教學(xué)要求的多媒體課件[6]。我們的作品雖然完成了，但是在各院校使用過程中，一定還會(huì)發(fā)現(xiàn)很多不盡人意之處，我們將與時(shí)俱進(jìn)，將作品更加完善，以更好的實(shí)現(xiàn)教學(xué)目的，達(dá)到教學(xué)效果。
參考文獻(xiàn)
[1]胡欣杰.時(shí)尚教師多媒體課件DIY[M].北京：中國宇航出版社，2005.14-18
[2]孫印杰,李春暉,封新亞.新世紀(jì)多媒體CAI課件制作培訓(xùn)教程[M].北京：電子工業(yè)出版社，2004
[3]NaheedaRavjani.UsingAuthorware7[M/CD].Macromedia,Inc.600TownsendSt.SanFrancisco,CA94103,2003
DOI：10.16640/ki.37-1222/t.2016.03.178
1 汽車電商平臺(tái)綜述
在這個(gè)信息日益全球化的今天智能終端影響著人們生活的方方面面，然而，相當(dāng)多的智能終端產(chǎn)品因其復(fù)雜的操作方法讓人們望而卻步。而傳統(tǒng)工業(yè)設(shè)計(jì)方法著重強(qiáng)調(diào)形式和功能的辯證關(guān)系，在強(qiáng)調(diào)產(chǎn)品可用性和用戶體驗(yàn)的今天很難解決智能終端產(chǎn)品“難用”的問題。這就突出了“以用戶為中心”交互設(shè)計(jì)在工業(yè)設(shè)計(jì)中的重要性。
本論文對(duì)汽車電商平臺(tái)的分析主要從視覺設(shè)計(jì)和交互設(shè)計(jì)兩個(gè)方面進(jìn)行。現(xiàn)在獨(dú)自創(chuàng)建的汽車電商平臺(tái)有：汽車之家、易車網(wǎng)、等等。我們通過分析網(wǎng)頁設(shè)計(jì)、框架設(shè)計(jì)、內(nèi)容排版、圖片運(yùn)用等等，來總結(jié)個(gè)個(gè)平臺(tái)的優(yōu)劣勢(shì)，從而為我們提供一定的依據(jù)和參考。
首先拿汽車之家舉例：網(wǎng)頁欄目留白的間距不夠多，每個(gè)欄目之間區(qū)分的不明顯。整體框架三列板塊式布局，視覺給人扎實(shí)穩(wěn)重，重點(diǎn)地方的色彩突出的比較明顯，給人一目了然。但是在搜索車型的用戶體驗(yàn)沒有易車網(wǎng)好，對(duì)于人們關(guān)心的價(jià)格搜索并沒有設(shè)置。
在網(wǎng)站內(nèi)部的搜索欄給用戶體驗(yàn)的感覺也沒有易車網(wǎng)那樣簡(jiǎn)潔明了。在品牌和車型海選的時(shí)候沒有產(chǎn)品縮略圖，僅僅是文字的敘述，略顯單調(diào)。
然后我們從另一個(gè)角度分析一下易車網(wǎng)，我們從視覺設(shè)計(jì)的角度來看，比如圖標(biāo)設(shè)計(jì)：
這兩組網(wǎng)站的圖標(biāo)，都存在一定的問題，首先第一組圖標(biāo)風(fēng)格不統(tǒng)一，第一個(gè)汽車報(bào)價(jià)大全圖標(biāo)做了投影浮雕效果，而后面的確實(shí)扁平化的風(fēng)格。然后圖標(biāo)設(shè)計(jì)沒有簡(jiǎn)潔實(shí)用，圖標(biāo)差異性也沒有表達(dá)出來。
第二組圖標(biāo)的設(shè)計(jì)以扁平化為主，色彩樣式統(tǒng)一，圖標(biāo)表達(dá)的含義也較為簡(jiǎn)單清晰，但是可以明顯的發(fā)現(xiàn)缺乏設(shè)計(jì)元素和想法，僅僅只是簡(jiǎn)單的幾何圖形配上一個(gè)文字或者符號(hào)。在互聯(lián)網(wǎng)高速發(fā)展的今天，為了追求一個(gè)工作效率和時(shí)間成本，這樣的設(shè)計(jì)從另一個(gè)角度上來說是可行，但是這樣的圖標(biāo)后期是一定要去優(yōu)化和修改的。我們可以從它的樣式、風(fēng)格、藝術(shù)性、識(shí)別性、獨(dú)創(chuàng)性上進(jìn)行改善。從而在提升視覺效果的同時(shí)也可以節(jié)省用戶的時(shí)間，提升點(diǎn)擊效率。
2 汽車網(wǎng)站用戶需求和構(gòu)架
汽車電商的平臺(tái)的興起，就一定要分析和研究用戶需求，從而帶來好的用戶體驗(yàn)。
分析用戶需求我們主要從用戶特點(diǎn)來分析。目標(biāo)用戶主要是指進(jìn)行網(wǎng)上購物的人群，年齡階層偏向上班組的中年段，在用戶的使用中也要考慮不會(huì)用按鈕點(diǎn)擊，復(fù)雜操作的中老年人。
網(wǎng)站構(gòu)架，以功能需求為主，大的構(gòu)架包括新車買賣、二手車買賣、汽車配件三大板塊。
3 用戶體驗(yàn)與界面設(shè)計(jì)
好的界面設(shè)計(jì)可以大幅度提升用戶體驗(yàn)，我們的設(shè)計(jì)要充分符合中國人的使用習(xí)慣并結(jié)合人們的審美需求。
以下是通過實(shí)際的案例來分析和研究，好的交互設(shè)計(jì)是如何實(shí)現(xiàn)和運(yùn)用的。這個(gè)首頁的界面設(shè)計(jì)，視覺沖擊力非常強(qiáng)，簡(jiǎn)潔明了，顏色的運(yùn)用的也非常的好。先從色彩上來說，以白色為主，在需要強(qiáng)調(diào)的地方運(yùn)用了紅色和深灰色，不僅色彩的對(duì)比強(qiáng)烈，也充分符合企業(yè)VI手冊(cè)的色彩識(shí)別標(biāo)準(zhǔn)。再如購物車橙色的按鈕，符合人們的心理需求，橙色讓用戶更有點(diǎn)擊的欲望。
接著我們分析一下恒信首頁的圖標(biāo)設(shè)計(jì)。最顯而易見的是六個(gè)欄目的大圖標(biāo)，寫實(shí)風(fēng)格，有一定的趣味性，圖標(biāo)的色彩雖然五顏六色，但并不雜亂，主要原因是因?yàn)樯识?，但色彩的使用面積并不大，整個(gè)頁面的主色調(diào)依然是白色和灰色為主，圖標(biāo)的色彩很好的作為輔助顏色，點(diǎn)綴其中。然后六個(gè)圖標(biāo)的風(fēng)格統(tǒng)一，識(shí)別性強(qiáng)，給人們的體驗(yàn)是看圖即知道含義。接著登陸框的兩個(gè)小圖標(biāo)也與之前的圖標(biāo)做了很好的對(duì)比，層次清晰。底部六個(gè)常駐圖標(biāo)，在色彩上略顯過深，從形式上來說具有一定的藝術(shù)性，下面的文字也很好的和圖標(biāo)形成了一個(gè)層次對(duì)比，黑白灰的運(yùn)用不會(huì)給你帶來審美疲勞。
網(wǎng)站的整體設(shè)計(jì)風(fēng)格，我們可以看出，設(shè)計(jì)以簡(jiǎn)潔為主，這樣設(shè)計(jì)的原因，主要還是基于前期的需求分析和產(chǎn)品經(jīng)理給的產(chǎn)品原型來定的。不難發(fā)現(xiàn)這樣的設(shè)計(jì)很好的明確了目標(biāo)，沒有多余的地方，一方面給用戶節(jié)省了時(shí)間，另一方面也可以減少服務(wù)器負(fù)擔(dān)，節(jié)省企業(yè)成本，優(yōu)化網(wǎng)站運(yùn)行速度。
所以在界面設(shè)計(jì)中如何做到盡量的簡(jiǎn)潔和好的用戶體驗(yàn)顯的格外的重要。圖標(biāo)在當(dāng)今的web端和移動(dòng)端都大量的運(yùn)用到，它的特點(diǎn)視覺沖擊力比文字強(qiáng)，帶給人們新鮮感，吸引人們點(diǎn)擊和使用。當(dāng)然用戶體驗(yàn)的提升不僅僅局限于圖標(biāo)的視覺設(shè)計(jì)。
在這兩個(gè)頁面中，登錄框的大小、擺放的位置、文字的大小、色彩、頁面布局、點(diǎn)擊樣式、鼠標(biāo)放上去的樣式、頁面跳轉(zhuǎn)的合理性都是影響用戶提的方面。
中國人的使用習(xí)慣是視覺中心偏向右邊，登錄框放在banner的右邊位置醒目，誘使人們進(jìn)行注冊(cè)登錄，積累平臺(tái)潛在客戶。文字的大小以12號(hào)為主，顏色使用并不用純黑色，而是深灰色，這樣做的原因是視覺對(duì)比有，人們感官上會(huì)顯的舒服。頁面布局穩(wěn)重，有層次，也簡(jiǎn)潔很多。點(diǎn)擊樣式鼠標(biāo)放上去的效果，引導(dǎo)人們點(diǎn)擊，和幫助人們更好找到點(diǎn)擊的目標(biāo)區(qū)域，頁面跳轉(zhuǎn)設(shè)置也摒除了繁瑣的幾步跳轉(zhuǎn)，直接鏈接到了目標(biāo)頁面，給人們好的體驗(yàn)。
汽車電商平臺(tái)圖標(biāo)的差異化的研究，主要通過實(shí)例來分析。在這個(gè)頁面設(shè)計(jì)上圖標(biāo)的差異化并沒有表現(xiàn)出來，沒有區(qū)分團(tuán)購、特賣、促銷。這六個(gè)圖標(biāo)設(shè)計(jì)中都運(yùn)用了車的元素，相反的給了用戶一定的誤導(dǎo)，沒有差異化的圖標(biāo)，設(shè)計(jì)出來是失敗的，扁平化的設(shè)計(jì)，在視覺沖擊力上來說也略顯單薄。
4 總結(jié)
用戶產(chǎn)品設(shè)計(jì)和圖形設(shè)計(jì)的傳統(tǒng)方法著重關(guān)注的是與工藝、美感和形式相關(guān)的美學(xué)品質(zhì)。解決設(shè)計(jì)問題乃以情感價(jià)值為依據(jù)，對(duì)成果的評(píng)判或批評(píng)也往往是在藝術(shù)領(lǐng)域的范疇進(jìn)行的。與之不同的是，交互設(shè)計(jì)將重心從視覺效果轉(zhuǎn)移到了人這方面上。
參考文獻(xiàn)：
[1]梅哲.圖形圖像界面中的圖標(biāo)設(shè)計(jì)[D].武漢理工大學(xué)，2009.
