軟件界面設(shè)計(jì)本科畢業(yè)設(shè)計(jì)

1、第一章 緒論課題的研究背景和意義用戶來看一個軟件首先是通過界面的，通過界面來感知軟件的好壞，界面關(guān)乎著一個軟件的形象。軟件界面設(shè)計(jì)是產(chǎn)品開發(fā)中最重要的方面。界面設(shè)計(jì)師必須要牢記：界面是面向用戶的。開發(fā)者開發(fā)的軟件必須滿足用戶的需求，并且保證軟件易于使用。重視用戶界面設(shè)計(jì)有重要的意義。用戶界面設(shè)計(jì)得越直觀，越易用，越美觀， 用戶就使用得越方便，越舒服，培訓(xùn)用戶、維護(hù)系統(tǒng)的成本就越低。客戶支持成本降低了，系統(tǒng)就會更便宜，同時(shí)，也將獲得更多的用戶好感和訂單，企業(yè)的效益就會更好。軟件界面設(shè)計(jì)的現(xiàn)狀和基本對策盡管軟件行業(yè)有許多技術(shù)出色的軟件工程師，但多數(shù)工程師開發(fā)出來的軟件既不好用又不美觀。客戶對軟件界

2、面非常的不滿意，經(jīng)常要修改軟件界面，導(dǎo)致極大的生產(chǎn)力浪費(fèi)。用戶滿意的好界面都是軟件企業(yè)想要做的，但是他們卻不知道怎么做。軟件界面設(shè)計(jì)一直以來都是中國軟件行業(yè)的弱項(xiàng)，這里存在兩方面行業(yè)共性問題：一是缺乏系統(tǒng)性的軟件界面設(shè)計(jì)方法和相關(guān)的教育；這也導(dǎo)致了第二個問題“缺乏優(yōu)秀的界面設(shè)計(jì)師和熟練的界面程序員”。千萬不要認(rèn)為軟件開發(fā)就是編程，僅懂編程的人，絕不可能做出好的軟件系統(tǒng)。要成為優(yōu)秀的軟件人才，僅學(xué)會編程語言是遠(yuǎn)不夠的。系統(tǒng)性的科學(xué)技術(shù)教育是國內(nèi)理工科大學(xué)的計(jì)算機(jī)和軟件專業(yè)偏向的重點(diǎn)?；A(chǔ)課程有物理、數(shù)學(xué)、電學(xué)等，專業(yè)課程有數(shù)據(jù)庫、網(wǎng)絡(luò)管理、編程語言等等。而且每門課程都有很好的教材，有的是國外外文

3、的，而且有很好的老師。所以國內(nèi)理工科大學(xué)要培養(yǎng)出大量技術(shù)功底扎實(shí)的軟硬件研發(fā)人才并不難。相比照之下，軟件界面設(shè)計(jì)專業(yè)的教育就差得遠(yuǎn)了。既缺乏好的教材，又缺乏優(yōu)秀的教師。因?yàn)橛?jì)算機(jī)軟件專業(yè)學(xué)生接受的教育幾乎都是科學(xué)技術(shù)理論知識，他們對于設(shè)計(jì)出易用美觀的用戶界面感到很茫然，許多人甚至不知道還有界面設(shè)計(jì)這回事。我們把軟件界面開發(fā)分為三個環(huán)節(jié)：交互設(shè)計(jì)、視覺設(shè)計(jì)和程序?qū)崿F(xiàn)。企業(yè)希望界面設(shè)計(jì)師負(fù)責(zé)“交互設(shè)計(jì)和視覺設(shè)計(jì)”，由熟練的程序員實(shí)現(xiàn)這個界面， 這個要求其實(shí)并不高，但現(xiàn)實(shí)情況卻不理想。不少軟件企業(yè)不但有程序員，還有美工人員，但遺憾的是這兩類人不會配合著工作。大多數(shù)人都認(rèn)為界面設(shè)計(jì)是美工人員的事情，否

4、則公司招聘美工人員有什么用？ 編程實(shí)現(xiàn)是在美工人員完成界面設(shè)計(jì)后進(jìn)行，由程序員負(fù)責(zé)的，至于界面設(shè)計(jì)好不 好程序員不去管。美工人員大多是美術(shù)相關(guān)類專業(yè)畢業(yè)，他們的優(yōu)點(diǎn)是擅長于視覺設(shè)計(jì)，缺點(diǎn)是：不知道待開發(fā)軟件系統(tǒng)的業(yè)務(wù)邏輯，不了解用戶的特征，難以開展交互設(shè)計(jì)； 不懂得軟件技術(shù)，他們不了解自己做出來的界面在技術(shù)實(shí)現(xiàn)方面的難易程度。千萬不要低估界面實(shí)現(xiàn)的難度，界面不是想做就能做得出的。有些Web 軟件界面控件，不僅要功能好、性能好，還要易用，可以說技術(shù)難度非常高，這不是一般程序員能做得好的?？梢娒拦と藛T并不屬于理想的軟件界面設(shè)計(jì)師。就目前情形來看，既能做好交互設(shè)計(jì)又能做好視覺設(shè)計(jì)的界面設(shè)計(jì)師還是比較

5、少見的，能夠在做好交互設(shè)計(jì)、視覺設(shè)計(jì)的基礎(chǔ)上再做好程序?qū)崿F(xiàn)的人更加罕見。我作為一名學(xué)生，肯定不可能去改變中國的教育方法和體系，能做的只有總結(jié)一些軟件界面設(shè)計(jì)的規(guī)范來供讀者（開發(fā)人員）參考。第二章 軟件界面設(shè)計(jì)應(yīng)遵循的原則本論文總結(jié)了軟件界面設(shè)計(jì)應(yīng)遵循的原則：以目標(biāo)用戶為中心，容易被理解， 反饋操作信息，排錯性考慮，最少步驟（最高操作效率），合理的布局，色彩的選擇與組合。讀者（開發(fā)者）理解這些設(shè)計(jì)原則的含義后，要結(jié)合準(zhǔn)備的開發(fā)軟件的基本特征，進(jìn)一步融會和細(xì)研究，從而確定開發(fā)軟件的界面設(shè)計(jì)原則。以用戶為中心以用戶為中心，這是第一重要的界面設(shè)計(jì)原則，關(guān)系著軟件的好壞。不以目標(biāo)用戶為中心開發(fā)出來的界面

6、，用戶不會購買，即使買了也不會去用，即使界面美觀也沒用。有些通用的軟件系統(tǒng)如操作系統(tǒng)、文字處理軟件等，面向的用戶十分地廣泛?？墒怯捎谟脩羧后w之間生活的環(huán)境不同，從而會存在年齡、性別、語言、教育程度的差異，進(jìn)而導(dǎo)致使用習(xí)慣也有很大差異。在設(shè)計(jì)軟件界面之前，各類用戶群體的使用習(xí)慣是我們需要迫切了解的，努力使用戶在操作軟件界面的時(shí)侯感覺不到麻煩，一般要為了適應(yīng)各種類型的用戶提供多種操作途徑。舉例來說，Windows 系統(tǒng)的文件管理器，對于一個初學(xué)電腦的人來說，他愿意使用鼠標(biāo)、菜單一步一步慢慢地操作；但是對于熟練使用電腦的人而言，快捷鍵也許是他更愿意用的。不要試圖讓一款產(chǎn)品在差異很大的用戶群體中得到適

7、用，要把廣泛的用戶劃分為多個用戶群體，根據(jù)自己所在企業(yè)的實(shí)力，選擇一個分市場來開發(fā)產(chǎn)品。一款產(chǎn)品最好是只面向一個用戶群體，這樣容易設(shè)計(jì)而且質(zhì)量也可靠。容易被理解在用戶使用界面前，一定要確保理解界面的意圖。以下措施可以提高用戶界面的可理解性：用戶界面中的所有元素都不能有錯誤文字，也不能出現(xiàn)讓人費(fèi)解的文字。圖標(biāo)一定要直觀明了，最好讓用戶看到這個圖標(biāo)就能知道這是什么含義。假如圖標(biāo)比較抽象，則應(yīng)給圖標(biāo)加上文字說明，不讓用戶誤解。所有的界面元素應(yīng)當(dāng)給予有必要的提示。界面結(jié)構(gòu)要能夠清晰地反映軟件工作流程，這樣用戶就能有條不紊地操作。沒有先后邏輯關(guān)系的選擇項(xiàng)，如姓名、標(biāo)題等，可以按照字母排序，便于用戶選擇。

8、但是不要把功能菜單、有嚴(yán)格邏輯關(guān)系的狀態(tài)集按照字母順序排列。排錯行考慮用戶在使用軟件時(shí)，一些錯誤是時(shí)有發(fā)生的，當(dāng)然也有一些是用戶人為造成的，那么有什么方法來降低出錯幾率呢。排錯應(yīng)該遵循的細(xì)則。非正常中止的錯誤是最重要的，也最應(yīng)該排除。應(yīng)當(dāng)盡可能防止用戶無意輸入無效的數(shù)據(jù)。采用一些控件限制用戶輸入數(shù)據(jù)的類型。如果可能作出的選擇只有兩個，可以采用單選框來減少用戶輸入的麻煩。當(dāng)選擇再多一些時(shí)，可以采用復(fù)選框。當(dāng)選項(xiàng)很多時(shí)，可以采用列表框。在一個應(yīng)用系統(tǒng)中，應(yīng)當(dāng)避免未經(jīng)授權(quán)的操作，然后沒有意義的操作也要避免。對于某些輸入字符，可能會引起嚴(yán)重錯誤甚至?xí)屜到y(tǒng)出錯，應(yīng)該要加以限制或屏蔽。對于特殊符號，輸入

9、會與系統(tǒng)使用的符號產(chǎn)生沖突，該字符應(yīng)該被阻止輸入的。當(dāng)用戶產(chǎn)生錯誤的操作時(shí)，軟件最好能夠提供取消系列操作。對有些等待時(shí)間可能較長的操作軟件最好能夠提供取消功能。與系統(tǒng)正在使用的保留字符可能會產(chǎn)生沖突的一定要加以限制。在用戶已輸入的信息被系統(tǒng)讀入時(shí)，可以根據(jù)需要選擇來判斷要不要去掉前后空格。最少操作步驟在設(shè)計(jì)用戶界面的過程中，軟件設(shè)計(jì)師應(yīng)當(dāng)盡可能多地為用戶著想，讓用戶用最少的操作步驟完成某項(xiàng)任務(wù)，保證使用效率達(dá)到最高，最大程度地讓用戶滿意。盡管減少一個操作步驟所節(jié)約下來的時(shí)間很短，似乎可以忽略不計(jì)，但是讓用戶感覺起來，反差卻很強(qiáng)烈。而且如果每個環(huán)節(jié)都能節(jié)約一點(diǎn)，整個工程下來， 節(jié)約的時(shí)間就很長了

10、，所謂聚少成多。界面設(shè)計(jì)師一定要在深入地分析熟悉軟件的業(yè)務(wù)流程和用戶使用習(xí)慣的基礎(chǔ)上，才能設(shè)計(jì)出最少的操作步驟，使效率最大化。合理的布局首先，一定的邏輯性要在界面的總體布局中體現(xiàn)出來，總體布局最好能夠與工作流程吻合。界面設(shè)計(jì)人員要在全面地了解軟件需求的前提下，才能找到對界面布局有一定幫助的信息。其次，對于窗口上的界面元素的布局有整齊清爽的要求。界面元素要在水平方向?qū)R，或者在垂直方向上使界面元素對齊，還要保證一樣的行、列間距。要保證合適的窗體尺寸，界面元素不要放得太擁擠，在邊界的地方要留有一定的空間，但是也不能太寬松，那樣會顯得零亂。界面元素要保證一致對齊，以避免產(chǎn)生不齊整的視覺效果。同類型界

11、面元素要盡量在大小上保持一致，最起碼在高度或?qū)挾壬弦欢ㄒＷC一樣。與邏輯有關(guān)系的元素應(yīng)就近放置，這樣用戶方便操作一些。另外要善于利用窗體的空白，還有分割用的線條。一致性界面一致性的體現(xiàn)包含了諸多方面，其中最需要注意的是一下幾點(diǎn)：界面設(shè)計(jì)與企業(yè)營銷的策略風(fēng)格一致。與不同產(chǎn)品操作界面的使用方法一致。與同一產(chǎn)品不同版本的界面保持一致。與用戶的預(yù)期一起。與頁面元素一致。產(chǎn)品在隱喻上的設(shè)計(jì)一致。每件產(chǎn)品的用戶族群都相當(dāng)廣泛，要與所有用戶預(yù)期一致其實(shí)是很困難的。但至少在評估這個話題時(shí)，可以首先界定目標(biāo)用戶群，分析用戶需求，隨之有效地探究界面一致性如何與用戶預(yù)期吻合。色彩的選擇與組合在界面設(shè)計(jì)中，色彩的色調(diào)

12、和組合關(guān)系會短時(shí)間起到“凝聚”用戶視覺的作用，同時(shí)也會使用戶產(chǎn)生心理的變化。色彩的聯(lián)想雖然色彩的聯(lián)想作用在心理學(xué)范疇內(nèi)，但是它的適用性卻體現(xiàn)在了藝術(shù)設(shè)計(jì)中。若不能夠預(yù)測人是如何感知色彩的、如何發(fā)生作用的，也就不可能有效地應(yīng)用色彩。色彩的象征意義和心理暗示從人類的高級情感來分析，具體如下：紅色紅色是一種令人激奮的色彩。它能使人產(chǎn)生沖動、憤怒、熱情、活力的感覺。這種色彩在女性和男性之間、衰老和年輕之間、內(nèi)向和外向之間、意志薄弱和堅(jiān)強(qiáng)之間，均傾向于后者。紅色最能引起人的視覺注意，因此，紅色常被作為心理上的警示。在逐漸變暗時(shí)，紅色變得深沉而莊重；反之則變得有激情而歡快。在色環(huán)上，當(dāng)紅色變向紫色時(shí)，紅色

13、就逐漸由興奮變?yōu)榘察o，變得浪漫、豪華、嚴(yán)肅、富裕、強(qiáng)大和優(yōu)雅。當(dāng)紅色在色環(huán)上偏近黃色時(shí)，紅色就變得更加具有爆發(fā)力、煽動力和暴力傾向。黃色黃色能體現(xiàn)出快樂、希望和輕快的個性，它的明度是最高的，是一種自我膨脹和尋求幸運(yùn)的顏色。黃色還具有警示作用?？赡苁菍τ隈R峰或黃蜂身上的黃黑條紋的恐懼聯(lián)想， 一般能馬上注意到這種顏色搭配所暗示的危險(xiǎn)的存在，這就是在現(xiàn)實(shí)生活中一些危險(xiǎn)的地方，如變壓器、停車位、放射性工作間等處，常能看見黃黑色設(shè)計(jì)的條紋和圖表的原因。藍(lán)色藍(lán)色具有涼爽、清新、專業(yè)的個性。在視覺上往往給人一種被動、靜謐、深邃、潮濕、謹(jǐn)慎、憂郁、科技和理智的感覺。他頗受成年人的喜愛，因?yàn)樗憩F(xiàn)得更加理智、更

14、加成熟。藍(lán)色越深，就越顯得深邃、遙遠(yuǎn)；反之，便會引起人夢幻、童話、清涼的感受。綠色綠色具有黃色和藍(lán)色的某些特征，使人聯(lián)想到和睦、寧靜、健康、堅(jiān)定。在色環(huán)上綠色偏近黃色時(shí)，就變得溫暖、活潑、健康而無危害。它加進(jìn)一點(diǎn)白色， 就可以產(chǎn)生一種女性的優(yōu)雅和輕盈的感覺。當(dāng)在色環(huán)上偏近藍(lán)色時(shí)，綠色就變得更加堅(jiān)定、頑強(qiáng)和持久，這種顏色很能吸引那些能抵擋得住各種誘惑、有信念、辦事穩(wěn)妥并具有強(qiáng)烈自尊心的人。綠色已得到了廣泛的運(yùn)用，它已被人們理解為安全、正常和成功的象征。在街道上，綠色的燈表示可以安全通過。綠色的區(qū)域是安全的，綠色的逃生標(biāo)志引導(dǎo)人們在緊急情況下的逃生路線；綠色的圖標(biāo)提示意味著一切正常等。橙色橙色也像

15、綠色一樣具有其他兩種顏色的特征。橙色是一種激奮的色彩，具有輕快、歡欣、開放、溫馨、時(shí)尚、有活力、無拘束和感情洋溢的感覺。據(jù)研究， 在橙色的氛圍里時(shí)人的活動沒有任何拘束，因此橙色在很大程度上代表了溫暖和真摯的感情。紫色紫色令人聯(lián)想到昏暗、深刻、高貴、奢華、陰暗、悲哀、不可靠。紫色越深， 嚴(yán)格和呆板的效果就反映得越明顯；反之，明亮的紫色會比較容易顯得沒有主見、脆弱、易受刺激、溫柔、寂寞。值得注意的是，紫色特有的曖昧性、神秘性、不確定，在一些知識分子和社會文明程度較高的、想把處事和感情理性化的人群中受到普片的排斥。白色白色具有純潔、完美、純真、不可觸及、不可接近、神圣的、空洞的、無限的感受。白色常給

16、人以光的聯(lián)想，現(xiàn)在很多界面設(shè)計(jì)中具有透明質(zhì)感的反光設(shè)計(jì)， 實(shí)際上都是因?yàn)榭紤]到白色的特性。它可以讓畫面有一種透氣感，使得界面不但有清新明亮的感覺，而且沒有壓迫感，也沒有沉悶感。黑色黑色具有深沉、神秘、寂靜、壓抑、高貴、消極、邪惡、堅(jiān)定的感覺。任何顏色和它放置在一起都會顯得醒目而又有活力。灰色灰色具有中庸、平凡、溫和、中立、單調(diào)、矛盾、厭世、高雅的感覺。灰色越深，就越給人一種安定、沉穩(wěn)、和諧的心理暗示。它本身是一種缺乏活力的顏色，在視覺上具有次要地位。綜合灰色的特性，很多軟件的界面設(shè)計(jì)都將不可執(zhí)行的命令設(shè)計(jì)為灰色。有些色彩給人的感覺是兩極的，比如黑色有時(shí)給人沉默、空虛的感覺，但有時(shí)也感覺莊嚴(yán)、肅

17、穆。白色有時(shí)讓人感覺到恐懼和悲哀，但有時(shí)卻給人以無限的希望。每種色彩在純度透明上略微變化，就會使人產(chǎn)生不同的感覺。色彩的心里感受色彩本是不帶任何任何含義的，只是人的心里感覺把它們分成了不同的類 別。例如，在夏天掛上深綠色窗簾，不見一絲陽光，就會在心理上感到非常涼快。這并不是現(xiàn)實(shí)中的溫度產(chǎn)生了某些變化，而是因?yàn)樯视绊懙搅巳说膬?nèi)心。數(shù)字媒體界面的色彩是用戶使用界面過程中引導(dǎo)用戶行為和影響用戶心里的重要因 素。冷暖暖色能使人感受到溫暖，而冷色則使人感到寒冷。給人熱情、刺激、前進(jìn)、喜慶等感覺的是暖色；給人寒冷、收縮、后退等感覺的是冷色。在運(yùn)用中常會見到色彩的冷暖對比，所以它非常重要。輕重中性色有黑色

18、和白色，但它們不容易分別出冷暖，輕重之分卻很明顯，給人厚重感覺的是黑色，給人輕快感覺的是白色。一般來說，重色彩明度不強(qiáng)，輕色彩明度強(qiáng)。軟硬色彩的軟硬感主要由明度和純度來衡量，一般來說有軟感得色彩明度高、純度低；有硬感的色彩明度低、純度低。進(jìn)退色彩的進(jìn)退感是色彩對比中“顯”和“隱”現(xiàn)象使人產(chǎn)生距離上差異造成的。使人感到近的有紅、黃、橙等暖色，使人感到遠(yuǎn)的有藍(lán)、青、紫等冷色；讓人感到遠(yuǎn)的那些是明度低和純度低的色彩，讓人感到近的是那些明度高和純度高的色彩。強(qiáng)弱與色彩的強(qiáng)弱感相關(guān)的有色相、純度,還有配色對比。在色相中，最強(qiáng)感的是紅色；有強(qiáng)感的色純度高，而且對比度大；有弱感的色純度低，而且對比度小。在無

19、彩色系中，最具強(qiáng)感的是黑色，最具弱感的是白色。膨脹收縮暖色有膨大感，明度高；冷色有收縮感，明度低。在無彩色系中，有收縮感得是黑色，有膨大感的是白色。明快憂郁色彩的明快憂郁感與明度、純度、色相、配色對比均有關(guān)系。暖色、鮮艷色有明快感，明度高，純度高；冷色、陰晦色有憂郁感，明度低，純度低。有明快感的配色對比大，有憂郁感的配色對比小。興奮沉靜給人以興奮感的有暖色和明度高的色以及純度高的色；給人以沉靜感的有冷色和明度以及純度低的色。有明快感的配色對比大，有憂郁感的配色對比小。華麗樸素給人以華麗感的色彩鮮艷、明度高；具有樸素感的色彩晦澀、深諳。有華麗感的色 彩配色對比大、有色彩系；有沉靜感的色彩配色對比

20、小；有樸素感的色彩無彩色系。色彩組合色彩組合原理基本上是從色彩的鮮明性、色彩的獨(dú)特性、色彩的合適性、色彩的聯(lián)想性4個方面來考慮的。而色彩組合的總體原則也是界面設(shè)計(jì)的主要原則， 即一致性。為達(dá)到色彩對界面的易用和舒適的心里影響這一目的，在對色彩進(jìn)行組合的過程中，有以下幾種方法可以采用借鑒：用一種色彩。界面的色彩變化均基于該顏色進(jìn)行透明度或飽和度的調(diào)節(jié)。用兩種顏色。先選定一種顏色，然后選擇其對比色，當(dāng)然，這中間應(yīng)考慮色飽和度的對比關(guān)系。用一個色系里的顏色進(jìn)行組合。用黑色和一種彩色搭配。針對界面設(shè)計(jì)，需要注意的是以下幾點(diǎn)：一個頁面不要將所有顏色都用到，盡量控制在3中顏色以內(nèi)。3.避免不兼容得顏色大面

21、積地放置在一起，如高飽和度的黃與藍(lán)、紅與綠等。普遍的理論還有：一致的色彩被用來構(gòu)建整個色彩環(huán)境，沖突的色彩被用來顯示變化和提示，柔和的色彩用來增強(qiáng)用戶的舒適度和減少疲勞，跳躍的色彩用來彰顯個性，合適的對比度用來增強(qiáng)文字或圖形的可讀性等。2.7.4 色彩分析實(shí)例（音樂播放軟件千千靜聽）從外觀上上看，千千靜聽有多重配色方案。高貴的黑色，淡雅的蔚藍(lán)色，幽深的紫色，高貴的紅色和銀色，使每一個用戶都能從中找到適合自己的、自己喜歡的外觀。紫色與黑色整體顏色的搭配，看起來非常的典雅。中間又鑲嵌點(diǎn)點(diǎn)藍(lán)色，使得整個界面看起來富于變化,如圖2.1。背景和前文的對比差異盡量要大，花紋繁復(fù)的圖案絕對不能用來作為背景，

22、以免影響那些主要文字信息的讀取。圖2.1 紫色與黑色搭配橘黃色和黑色的搭配，很具有跳躍性，很活潑，如圖2.2.圖2.2 橘黃色和黑色搭配淺藍(lán)和深藍(lán)的搭配，清新自然，如圖2.3。圖2.3 淺藍(lán)和深藍(lán)搭配銀色，深灰和藍(lán)色的搭配，看起來很干凈，簡單，如圖2.4。圖 2.4 銀色、深灰和藍(lán)色搭配第三章 界面元素的設(shè)計(jì)本文總結(jié)了常見界面元素的設(shè)計(jì)：字體編排與設(shè)計(jì)，動態(tài)元素設(shè)計(jì)，聲音的設(shè)計(jì)與運(yùn)用，圖標(biāo)設(shè)計(jì)。文字編排與設(shè)計(jì)文字是信息傳遞的主體。從最初的純文字界面發(fā)展至今，文字仍是其他任何元素?zé)o法取代的重要構(gòu)件。文字作為重要的界面構(gòu)成元素，同時(shí)又是信息的重要載體，選用何種字體、何種大小、何種顏色、怎樣與底色搭

23、配、怎樣排版，都深深影響著界面的視覺和運(yùn)行效果。設(shè)計(jì)人員應(yīng)當(dāng)為用戶設(shè)置一些舒適又易讀的文字方案，同時(shí)也可以用戶自定義文字的字體、大小和顏色，讓應(yīng)用程序自適應(yīng)用戶的設(shè)定以保證文字的正常顯示。系統(tǒng)還應(yīng)保證在不同的平臺、屏幕分辨率下字體的正常顯示。界面設(shè)計(jì)中，文字除了注意顯示問題，還應(yīng)關(guān)注文字的表述方式需符合目標(biāo)用戶的語言認(rèn)知習(xí)慣，這是實(shí)現(xiàn)界面易用性的一個方面。界面的類型和用途千差萬別，針對不同的界面應(yīng)該有不同的文字設(shè)計(jì)方案， 因此，具體的設(shè)計(jì)思路和技巧需要放置在不同的界面類型和界面設(shè)計(jì)目的中區(qū)考慮。動態(tài)元素設(shè)計(jì)動態(tài)元素設(shè)計(jì)指的是界面中動與靜的對比關(guān)系。一般情況下動態(tài)的圖像是直接地呈現(xiàn)在頁面中，而出

24、現(xiàn)的時(shí)候伴隨著交互則是另一種情況。畫面也可以分兩種情況呈現(xiàn)在畫面中：第一種不改變動態(tài)元素本身的位置， 在頁面中利用適當(dāng)?shù)拿娣e和節(jié)奏來做動態(tài)效果，這樣信息識別不會被擾亂。據(jù)研究，圖形變化節(jié)奏越快，就越能吸引人的視線。所以，動態(tài)人員應(yīng)保證動態(tài)的節(jié)奏以適應(yīng)內(nèi)容和信息傳達(dá)的需要，比如可以讓熱點(diǎn)重要信息快節(jié)奏地閃爍來快速抓住用戶的視線。剩下一種情況是也可以讓變化的單位產(chǎn)生位移，這種效果能讓頁面氣氛變得活躍，但是在用的時(shí)候要謹(jǐn)慎，因?yàn)樗?jīng)常干擾人的注意力，有時(shí)甚至?xí)褂脩舻男那樽兊迷愀?。第二種情況指的是在交互設(shè)計(jì)過程中存在的動態(tài)效果，也就是切換頁面和功能信息模塊是產(chǎn)生的動態(tài)效果。其所需要支持的技術(shù)也很多。

25、它可以通過變形、加入情景等方式新奇、有趣地過渡到下一頁面。在交互的過程中，鼠標(biāo)滑過圖標(biāo)上方和點(diǎn)擊產(chǎn)生的效果也可以有不同的動態(tài)效果設(shè)計(jì)，以增加交互過程中的趣味性和藝術(shù)行。聲音的設(shè)計(jì)與運(yùn)用聲音一直是界面中非常重要的信息表達(dá)方式。雖然沒有視覺信息那么強(qiáng)烈， 但是恰當(dāng)?shù)穆曇粼O(shè)計(jì)可以讓信息的隱喻更加豐富。聲音信息的解讀比視覺信息的解讀更加容易，這主要依靠用戶的直覺感受與生活經(jīng)驗(yàn)。例如，警告音往往是對現(xiàn)實(shí)生活中警告的模擬。聲音信息和視覺信息的配合也是常見的信息傳遞模式。在某些情境中，單有聲音信息或視覺信息都無法準(zhǔn)確表達(dá)出信息的含義，這時(shí)候兩者的配合就顯得很重要。界面中的聲音設(shè)計(jì)主要分為指令音的趣味性設(shè)計(jì)和

26、結(jié)合主題的背景音樂的愉悅感和想象性設(shè)計(jì)。背景音樂不同的音樂有不同的感染力。正如電影配樂一樣，選用什么樣的界面背景音樂也是非常重要的，好的界面背景音樂能給人帶來美的享受，減輕操作上帶來的疲勞和乏味，還可以烘托主題，讓人產(chǎn)生豐富的聯(lián)想，從而產(chǎn)生積極的互動行為和消極欲望。指令音指令音雖然短暫，但它可以通過設(shè)計(jì)來烘托內(nèi)容，提前給用戶以心理的暗示。結(jié)合界面類型和風(fēng)格而設(shè)計(jì)的指令音，不但可以體現(xiàn)界面使用的整體性和一致 性，還因?yàn)榉答伖δ艹蔀榻缑嬉子眯詫?shí)現(xiàn)的一個參考指標(biāo)。在現(xiàn)實(shí)的界面設(shè)計(jì)中，并非是把界面的總體規(guī)劃與界面元素設(shè)計(jì)分割開來進(jìn)行，這兩者雖然在考慮的順序上存在很小的差異，但更加重要的是，作為一個界面

27、系統(tǒng)整體的設(shè)計(jì)，任何割裂開來分析設(shè)計(jì)問題都是不允許和不明智的做法，因此，對界面各個方面的設(shè)計(jì)其實(shí)是互相穿插存在的，任何一方面的設(shè)計(jì)都帶有其他方面的元素思考。圖標(biāo)設(shè)計(jì)圖標(biāo)設(shè)計(jì)是界面設(shè)計(jì)中非常重要的部分，但很多書籍把太多的注意力投入到設(shè)計(jì)的過程和手段方面，對它的科學(xué)性關(guān)注不夠。仔細(xì)研究當(dāng)今的圖標(biāo)設(shè)計(jì)，可以發(fā)現(xiàn)有以下不足之處：常以美為導(dǎo)向，圖標(biāo)的外觀效果被給予了太多的關(guān)注， 卻很少去關(guān)注內(nèi)容的選擇；常把設(shè)計(jì)當(dāng)作導(dǎo)向，以設(shè)計(jì)師的愛好為圖標(biāo)內(nèi)容的選擇標(biāo)準(zhǔn)，不管用戶的感受；圖標(biāo)的設(shè)計(jì)沒有規(guī)則，即使同一系統(tǒng)的圖標(biāo)之間也沒有任何關(guān)聯(lián)性和相似性。以下是應(yīng)該引起注意的一些地方：識別圖標(biāo)區(qū)別于一般的圖形，很好的視覺

28、識別功能是他必須具備的。圖標(biāo)的出現(xiàn)和存在價(jià)值就是為了讓人們識別，所以在圖標(biāo)設(shè)計(jì)中，形式美并不是關(guān)鍵， 能不能準(zhǔn)確地被識別才是設(shè)計(jì)師的首要目標(biāo)。好的圖標(biāo)有兩個優(yōu)點(diǎn)，一是功能一目了然，二是用戶在明白圖標(biāo)的意思，可以引領(lǐng)所有相似的工具都使用和它一樣的繪圖語言。圖標(biāo)在變成范例后，它就不可動搖。有的軟件開發(fā)者想試圖改變范例，但這要承擔(dān)令部分用戶沒有辦法理解的風(fēng)險(xiǎn)。太簡潔的符號會影響用戶理解。即使用戶以前知道意思，長時(shí)間后，也不可能留下很多印象。假如圖標(biāo)中沒有喚起記憶的要素，那么要想靠表面視覺來理解圖標(biāo)的意思就會比較困難，這個有時(shí)會讓用戶放棄使用。因此在選擇隱喻對象的時(shí)候一定要慎重。容易被識別的圖標(biāo)可以幫

29、助用戶使用某些功能，容易產(chǎn)生歧義的圖標(biāo)，盡管有好看的外表，甚至于具有一定的可比性，但那也是不可用的。一致就圖標(biāo)設(shè)計(jì)來言，一致性主要表現(xiàn)在3個方面。同一圖標(biāo)家族。從前面的介紹來看，同一圖標(biāo)需要根據(jù)具體的應(yīng)用環(huán)境，來設(shè)計(jì)出不同尺寸和色深度的圖標(biāo)家族成員。但是尺寸和色深度的變動，使得設(shè)計(jì)師要保持圖標(biāo)外觀上的一致成了一項(xiàng)困難的工作。但是不管怎樣，大圖標(biāo)與小圖標(biāo)相比要相似，彩色的圖標(biāo)與黑白圖標(biāo)也要感覺不出差別，這樣子用戶在不同的顯示環(huán)境下才能正常地使用軟件。具體的來說，應(yīng)該要從色深度較高的大圖標(biāo)展開設(shè)計(jì)，然后再根據(jù)具體要求，弱化那些不重要的內(nèi)容，刪除那些無法保留的內(nèi)容，最后強(qiáng)化在圖形中一些結(jié)構(gòu)上的因素，

30、這樣各種版本感覺差不多就行了。應(yīng)用程序和操作系統(tǒng)的圖標(biāo)要盡可能一致。每一次操作系統(tǒng)的更新也到了應(yīng)用軟件更新的時(shí)候，軟件開發(fā)商不僅僅要升級功能，還要在圖形界面的風(fēng)格上盡全力地追求與操作系統(tǒng)的一致性，這樣做也是為了讓用戶能夠在完美和諧的環(huán)境下工作。兼容圖標(biāo)的兼容指的是圖標(biāo)在不同的文化語義下都能被識別為同樣的內(nèi)容和意義。文件夾、畫筆等等都是廣泛隱喻的經(jīng)典范烈。在一種文化語義下理解的事物到了另一種文化語義下就可能不被理解，或者會被理解為其他意義。例如，用圓形、點(diǎn)和短線構(gòu)成的圖形，在大多數(shù)地方都能被理解為船舵，而在非洲某些沒有船舵的部族則可能理解不了，他們可能覺得是太陽。在中國文化背景下，魚可以理解為年

31、年有余，是富裕的期望，在其他文化中，就會覺得中國人的這種聯(lián)系很奇怪。即使在同一大文化背景下，也會因?yàn)榇渭壍恼Z義環(huán)境而產(chǎn)生不同的理解。所以在設(shè)計(jì)圖標(biāo)時(shí)要充分考慮到各種用戶在理解上的差異，確保不會發(fā)生理解上困難和偏差。避免文字盡量不要在圖標(biāo)中運(yùn)用文字。圖標(biāo)中的文字可能會讓人感到不知該怎么辦， 導(dǎo)致阻礙跨文化上的交流。圖形的特點(diǎn)主要在于它的直觀性，可以通過模擬已有的東西，讓用戶憑借簡單的視覺對比和經(jīng)驗(yàn)就能知道圖形代表的內(nèi)容及含義。語言則不是這樣的，世界各地甚至于同一國家里人們使用的語言都是不太一樣的， 因此在母語國家看起來容易被理解的文字，對其他國家及地區(qū)的人來說那就是天書。為顯示而設(shè)計(jì)圖標(biāo)應(yīng)該要在

32、當(dāng)前的顯示器分辨率下，如果看起來比較好才行。因?yàn)橐粋€個的像素點(diǎn)在一起就組成了屏幕，水平或垂直的直線以及斜線具有較好的顯示效果。曲線的顯示效果不太理想，不規(guī)則的像素排列會形成鋸齒狀，影響線條的流暢性。即使現(xiàn)在許多系統(tǒng)都支持真彩色，對圖標(biāo)尺寸的限制也可以放寬，圖標(biāo)的設(shè)計(jì)自由度和變化越來越大，但這也并不意味著可以隨意設(shè)計(jì)。一方面，用戶的顯示器不太一樣，即便使用同一操作系統(tǒng)，也要照顧到好壞不一的顯示效果。圖標(biāo)示例操作圖標(biāo)操作圖標(biāo)說明新建綠色主色編輯具有筆狀圖形查詢放大鏡刪除紅色主色下載向下箭頭提示圖標(biāo)提示圖標(biāo)說明下級目錄省略號幫助問號警告感嘆號返回上一級向左方向箭頭返回首頁房子第四章 軟件界面設(shè)計(jì)流程

33、目標(biāo)用戶研究在界面產(chǎn)品越來越面對個人用戶的今天，以用戶為中心的設(shè)計(jì)方法成為設(shè)計(jì)人員的第一選擇。在這一設(shè)計(jì)方法體系中，目標(biāo)用戶研究有著非常重要的位置， 其工作有可能是在設(shè)計(jì)之初，也有可能貫穿于整個設(shè)計(jì)過程中。在用戶研究中，人體工程學(xué)、心理工程學(xué)、社會學(xué)、和組織行為學(xué)都會提供有益的指導(dǎo)。用戶的背景，如性別、年齡、文化背景、職業(yè)、受教育程度、經(jīng)歷、身體條件；用戶的工作環(huán)境，如周圍的物理環(huán)境、工作設(shè)備、社會和文化的影響； 用戶的任務(wù)組織，如任務(wù)種類、工作流程，都是需要深入調(diào)查與分析的。在目標(biāo)用戶研究的第一步，就是定義界面設(shè)計(jì)面向的用戶群體，即如何定義目標(biāo)用戶并找到合適的用戶研究對象。一般可以設(shè)定一些參

34、數(shù)來對目標(biāo)用戶進(jìn)行定義。例如，要設(shè)計(jì)一個用于手機(jī)無線環(huán)境下的銀行支付軟件界面，可以使用兩個參數(shù)來定義目標(biāo)用戶：使用手機(jī)無線平臺的經(jīng)驗(yàn)；使用銀行支付系統(tǒng)的經(jīng)驗(yàn)。進(jìn)行用戶定義的目的是為了在進(jìn)行用戶研究時(shí)找到正確的用戶進(jìn)行研究，而不會因?yàn)檎也坏角‘?dāng)?shù)挠脩魧?dǎo)致結(jié)果錯誤。用戶研究的方法有很多，常用的包括間接收集資料、展開問卷調(diào)查、實(shí)境調(diào)查、觀察、訪談級焦點(diǎn)小組等。把這些方法進(jìn)行分類，大致可以分為背景調(diào)查、觀察、訪談 3 大類。背景調(diào)查這一方法的核心是輸入現(xiàn)有的背景資料，輸出對于用戶研究有用的信息。具體的方法有：間接收集資料在分析類別中，最重要的研究方法是間接分析資料，也就是在圖書、報(bào)刊、互聯(lián)網(wǎng)上搜集與設(shè)

35、計(jì)內(nèi)容相關(guān)的各種背景資料。該方法的優(yōu)勢在于能在很短的時(shí)間內(nèi)獲取大量與設(shè)計(jì)相關(guān)，也是非常有價(jià)值的。但是搜集的這些間接資料，有幾個問題需要注意：時(shí)效性。重復(fù)資料。非權(quán)威資料競爭對手分析無論是成功的產(chǎn)品還是失敗的產(chǎn)品，競爭對手的產(chǎn)品都是非常重要的研究對象。對于成功的競爭產(chǎn)品，需要對其設(shè)計(jì)、商品表現(xiàn)進(jìn)行分析，獲得有益的設(shè)計(jì)經(jīng)驗(yàn)；對于失敗的競爭產(chǎn)品，則要從失敗的原因入手，避免同樣的錯誤發(fā)生在自己身上。觀察觀察是用戶研究方法中最常用到的類型。觀察法需要設(shè)計(jì)人員進(jìn)入到用戶使用同類界面的情境中去，直接接觸用戶及系統(tǒng)，能夠方便地獲取大量的第一手資料。但觀察法也有其弱點(diǎn)，那就是需要耗費(fèi)較長的時(shí)間和較多的費(fèi)用。通過

36、觀察，設(shè)計(jì)人員可以獲得一下信息：用戶的使用環(huán)境；環(huán)境對界面的影響；用戶完成一個任務(wù)的過程、用戶是否同時(shí)還在使用其他的產(chǎn)品或界面；什么任務(wù)占去了用戶大量的時(shí)間；用戶使用產(chǎn)品交互系統(tǒng)的方式；用戶在使用什么術(shù)語等。具體方法有以下兩種：跟隨影子法。由字面意思可想到，跟隨影子法師指用戶使用界面系統(tǒng)時(shí)設(shè)計(jì)人員跟隨著用戶的操作進(jìn)行觀察，就好像是用戶的影子。在跟隨過程中， 設(shè)計(jì)人員可以了解到用戶的使用習(xí)慣，體會到用戶使用系統(tǒng)的感受，還可以和用戶進(jìn)行交流、溝通。當(dāng)然，這些都是第一手資料，僅用筆來記錄是完全不夠的， 應(yīng)當(dāng)同時(shí)進(jìn)行拍照、錄音或攝像，以便于進(jìn)行整理和總結(jié)。觀察視頻。觀察視頻可以分為兩種：一種是讓用戶都

37、在實(shí)驗(yàn)室進(jìn)行， 對于環(huán)境影響較小的界面系統(tǒng)研究是可以采用這種方式，如網(wǎng)頁使用研究。而對于與環(huán)境關(guān)系密切的界面系統(tǒng)，如家庭娛樂系統(tǒng)，則可以把攝像設(shè)備安裝在用戶熟悉的環(huán)境里，如用戶的家里。訪談訪談是一種傳統(tǒng)的用戶研究方法，由于其實(shí)施方便、成本低廉而被大量采用。主要方式如下：（1）面談這種方法能夠在面對用戶的情況下進(jìn)行深度的討論，從而獲得有價(jià)值的信息。主要缺點(diǎn)是效率低，因?yàn)槊嬲劽總€用戶會花費(fèi)較多的時(shí)間。面談對于研究人員的要求較高，一是要求研究人員對相關(guān)界面系統(tǒng)了解程度必須很高，二是提問的方式和內(nèi)容不能對用戶有暗示或不良的引導(dǎo)，三是不能有讓用戶感到緊張的提問。不恰當(dāng)?shù)奶釂柨赡苡幸幌聨追N：帶有引導(dǎo)性的問

38、題，例如：“這個產(chǎn)品有多不方便?”不夠中立的例子。提問中帶有設(shè)計(jì)人員自己的傾向。不明確的問題，讓用戶無法回答。過于直白的提問，容易引起用戶的自我防備，例如：“你在使用過程中犯了多少次錯誤？”設(shè)計(jì)人員應(yīng)當(dāng)盡量精心準(zhǔn)備問題，“這個產(chǎn)品有多不方便？”這樣的問題可以改成“談一下使用這個產(chǎn)品的感受”，在放松的狀態(tài)下，如果有不方便的地方用戶自然會提到?！澳阍谑褂眠^程中犯了多少次錯誤？”這樣的問題可以改成“你能談一下這個產(chǎn)品不能完成某個任務(wù)的情況嗎？”（2）問卷調(diào)查隨著互聯(lián)網(wǎng)的滲透，使用互聯(lián)網(wǎng)進(jìn)行問卷調(diào)查已經(jīng)變得非常方便和快捷。如果是簡單的用戶數(shù)據(jù)收集與研究對象招募，可以使用一些社交網(wǎng)站上的調(diào)查工具，。一些

39、專業(yè)的問卷調(diào)查也可以幫助設(shè)計(jì)人員輕松地完成調(diào)查。交互設(shè)計(jì)界面中的交互設(shè)計(jì)是指用戶面對界面系統(tǒng)時(shí)對信息進(jìn)行的各種操作以及系統(tǒng)對用戶額反饋。交互設(shè)計(jì)的主要目的是讓用戶順利地使用界面，因此，界面設(shè)計(jì)的易用性因素是交互設(shè)計(jì)的重點(diǎn)。交互設(shè)計(jì)主要有一下要點(diǎn)：預(yù)設(shè)用途預(yù)設(shè)用途一次也能翻譯成示能性，是指物品被認(rèn)為具有的性能以及實(shí)際上的性能。在界面設(shè)計(jì)中，這一概念非常重要。與直接模擬形象的設(shè)計(jì)方法不同，預(yù)設(shè)用途主要提供了一種使用界面的線索以及使用界面上某一元素的因果關(guān)系，而不僅是形象上的相似。界面中最常見的預(yù)設(shè)用途是網(wǎng)頁中的鏈接。藍(lán)色的文字會告訴用戶此處是一個鏈接熱區(qū)，單擊就會有新的頁面或內(nèi)容出現(xiàn)，鼠標(biāo)經(jīng)過時(shí)鏈

40、接也會顯示出下劃線進(jìn)行提示。這樣的預(yù)設(shè)用途對于大多數(shù)用戶而言，是不言而喻的，如果設(shè)計(jì)人員設(shè)計(jì)了一個藍(lán)色文字而不是鏈接熱區(qū)，就會讓很多用戶產(chǎn)生誤解，以至于認(rèn)為界面很糟糕?？丶丶穷A(yù)設(shè)用途最好的案例。在計(jì)算機(jī)出現(xiàn)前得很多年里，人類就開始使用一些具有固定功能的設(shè)備來完成特定的任務(wù)，這些就是界面控件的原型，如開關(guān)、把手、旋鈕等?？丶淖饔檬怯脕硗瓿稍O(shè)定好的操控。用按鍵來激活或關(guān)閉某個功能；旋鈕調(diào)整在一定范圍內(nèi)的變化；撥動開關(guān)來在兩種狀態(tài)中切換?？梢园压潭üδ艿慕缑嬖囟伎醋鍪强丶?，幾乎每個界面上都會出現(xiàn)各式的控件。按鈕。按鈕是界面中常用到的控件。一個界面上往往會存在幾十個按鈕。按鈕可以完成控制頁面狀

41、態(tài)的轉(zhuǎn)換，也可以控制界面元素做各種動作。在標(biāo)準(zhǔn)化程度要求較高的界面中，如軟件界面和手機(jī)界面，按鈕的樣式較為固定，而在一些個性化較強(qiáng)的網(wǎng)頁界面中，按鈕的設(shè)計(jì)往往能成為吸引眼球的亮點(diǎn)。滑塊?；瑝K可以提供在一定范圍內(nèi)的調(diào)整操作，一般用來調(diào)整音量、亮度或范圍。有的滑塊其兩端會有微調(diào)按鈕，這種控件也被稱為滾動條。文本框。文本框可以提供輸入文本的空間，這種控件往往會包含在搜索框或各種表單中。如圖4.1QQ 空間的說說文本框。圖4.1 QQ 空間的說說文本框進(jìn)度條。進(jìn)度條用來表示一個復(fù)雜進(jìn)程進(jìn)行的程度。進(jìn)度條也可以做成豐富的圖形動畫。如圖4.2是打開 QQ 空間的進(jìn)度條?？丶膬?yōu)勢有以下幾個方面：控件是一些

42、容易理解的預(yù)設(shè)用途，用戶不必過多學(xué)習(xí)就可以直接使用。易于標(biāo)準(zhǔn)化。使用標(biāo)準(zhǔn)控件能讓用戶快速地把使用一種界面的經(jīng)驗(yàn)轉(zhuǎn)移到同類界面中。讓界面更加簡潔?？丶梢员３纸缑娴囊恢滦裕瑥亩谝曈X上減輕用戶的負(fù)擔(dān)、提高界面的易用能力。在使用控件時(shí)，首先要注意不要在一個頁面放置過多的控件，可以考慮分頁面顯示多項(xiàng)內(nèi)容。其次，應(yīng)該將核心的控件突顯出來。每個頁面都有核心功能的控件，精心設(shè)計(jì)這類控件的外觀，并調(diào)整尺寸和位置，使之處于最醒目的狀態(tài)。再次，把相關(guān)聯(lián)的控件放在一起，把不相關(guān)的控件按照功能分組，以免產(chǎn)生誤解。最后，至于控件的擺放順序，如果在界面中出現(xiàn)多個控件，設(shè)計(jì)人員應(yīng)該要仔細(xì)研究它們的擺放位置。如果控件來自于

43、現(xiàn)實(shí)生活，那么可以以控件原型的擺放習(xí)慣為參照，使控件與原型一一對號。圖4.2打開QQ 空間的進(jìn)度條反饋反饋是指用戶進(jìn)行操作后交互系統(tǒng)出現(xiàn)的某種提示。如果系統(tǒng)對于用戶的操作沒有反饋或者反饋較慢，這可能會導(dǎo)致用戶重復(fù)此操作，整個交互過程就會產(chǎn)生問題，用戶進(jìn)行的任務(wù)可能會失敗。因此，恰當(dāng)?shù)姆答伿墙换ピO(shè)計(jì)的重要組成部分。反饋的要點(diǎn)。及時(shí)。反饋必須要及時(shí)，哪怕就是耽擱一小會也會給用戶帶來疑惑和不滿。想象一下在飯店里招呼服務(wù)員的場景，如果沒有服務(wù)員理會，顧客將會感覺很糟糕。當(dāng)顧客有需求時(shí)，服務(wù)員如果不能馬上服務(wù)客戶，也應(yīng)該及時(shí)地反饋給客戶表明已經(jīng)收到了他的請求。這種情景和界面設(shè)計(jì)中的反饋是一樣的。當(dāng)用戶單

44、擊一個按鈕時(shí)，界面上應(yīng)立刻有所反應(yīng)，如果這個反應(yīng)過程時(shí)間較長，系統(tǒng)要提供一個進(jìn)度條表明系統(tǒng)正在做出反應(yīng)。明確。系統(tǒng)的反饋也要明確。當(dāng)系統(tǒng)正對用戶的操控進(jìn)行處理時(shí)，可以提供類似“載入中”或“請稍候”這樣的提示。當(dāng)然，提供進(jìn)度條是一種更為明確的方式。但當(dāng)系統(tǒng)中斷或異常終止時(shí)，系統(tǒng)必須明確地告訴用戶系統(tǒng)已經(jīng)終止操作或者退出，否則用戶會在等待中失去耐心，做出更多錯誤的操作。反饋的類別。反饋在整個交互界面系統(tǒng)中無處不在。沒有反饋，用戶就無法和界面系統(tǒng)繼續(xù)交流，不同類型的反饋都有著各自的特點(diǎn)。懸停反饋。懸停反饋能夠指示出光標(biāo)目前的位置，并能告知光標(biāo)經(jīng)過的位置上是否有特殊的元素等待進(jìn)一步操作。在界面中按鈕必

45、須設(shè)置懸停反饋， 否則用戶會識別不出按鈕，從而沒有操作的意識和機(jī)會。復(fù)雜的懸停效果可以給界面增加亮點(diǎn)，以豐富用戶的交互體驗(yàn)。單機(jī)反饋。單機(jī)反饋是界面元素在被單擊后產(chǎn)生的反應(yīng)，表明此元素已經(jīng)被單擊。選中反饋。當(dāng)元素被選中后，顯示出與未選中狀態(tài)的區(qū)別，提示用戶已經(jīng)選中并可以進(jìn)行下一步操作。進(jìn)度反饋。進(jìn)度反饋分為確定性反饋和不確定性反饋兩種，確定性反饋可以告知用戶進(jìn)程大致的完成比例。激活反饋。有些元素，特別是不應(yīng)占據(jù)頁面重要空間的控件，給他們設(shè)置動態(tài)反饋可以區(qū)分激活與非激活狀態(tài)。在非激活狀態(tài)下元素盡量消隱在頁面 中，需要它們時(shí)再將其突出顯示。錯誤錯誤信息提示是界面交互系統(tǒng)中也要顧及的方面。在用戶進(jìn)行

46、了錯誤的操作時(shí)，系統(tǒng)需要提供錯誤信息，往往也伴隨著提示音。用戶可以撤銷操作也是界面設(shè)計(jì)的重要方面，這樣才能給用戶出錯后彌補(bǔ)的機(jī)會。用戶出錯后的錯誤報(bào)告頁面應(yīng)盡量提供準(zhǔn)確的信息，也可以設(shè)計(jì)一些有趣的畫面緩解用戶的焦躁情緒。視覺設(shè)計(jì)視覺設(shè)計(jì)師一般由負(fù)責(zé)美工的人來擔(dān)任，在已經(jīng)確定了的交互設(shè)計(jì)方案基礎(chǔ)之上，盡量使界面變得美觀，讓用戶看了更加舒服。視覺設(shè)計(jì)的主要內(nèi)容有：界面布局，顏色搭配，圖標(biāo)設(shè)計(jì)，字體編排與設(shè)計(jì)， 界面元素的背景圖案設(shè)計(jì)等。做出的成果通常是效果圖，例如設(shè)計(jì)一種按鈕，要制作“正常、加亮、按下、禁用、焦點(diǎn)”五種狀態(tài)的效果圖。為了提高視覺設(shè)計(jì)的效率，設(shè)計(jì)人員需要有一套界面素材庫，這套界面素材

47、平時(shí)保存著常用界面元素的各種效果圖。在著手應(yīng)用軟件的界面設(shè)計(jì)時(shí)，可以首先從素材庫中選出合適的界面元素，假如沒有合適的，再嘗試制作新的，不斷地素材庫變得更豐富。界面實(shí)現(xiàn)界面實(shí)現(xiàn)要由程序員來負(fù)責(zé)：在交互設(shè)計(jì)方案和已定的視覺設(shè)計(jì)方案基礎(chǔ)上，利用編程來使可以運(yùn)行的軟件界面得以實(shí)現(xiàn)。界面實(shí)現(xiàn)過程中的常見弊病是：某些程序員為了編程上的方便，界面代碼經(jīng)常被混擾到業(yè)務(wù)邏輯中，導(dǎo)致團(tuán)隊(duì)協(xié)作以及后續(xù)維護(hù)都很非常麻煩。只要界面或者業(yè)務(wù)邏輯一旦改動，就得要改動許多地方，以致經(jīng)常出錯。開發(fā)團(tuán)隊(duì)?wèi)?yīng)該要努力使“界面”和“業(yè)務(wù)邏輯”分離，使兩者之間的相互干擾降到最?。簶I(yè)務(wù)邏輯要形成編程接口；界面元素的交互操作也要形成編程接口

48、；程序員調(diào)用上述兩類編程接口以及界面資源文件（如文字、圖片等），實(shí)現(xiàn)特定功能的界面。應(yīng)用測試應(yīng)用測試并非是界面設(shè)計(jì)步驟中的最后一步，它貫穿于整個界面產(chǎn)品開發(fā)和設(shè)計(jì)的全過程，甚至在整個產(chǎn)品生命周期過程中，從界面產(chǎn)品的前期規(guī)劃到最后退出應(yīng)用市場，它都是一個持續(xù)的、反復(fù)的工作。這一環(huán)節(jié)雖與真正的設(shè)計(jì)步驟無關(guān)，但它是設(shè)計(jì)中不可缺少的部分。測試界面的測試是關(guān)于易用性方面的，測試是檢驗(yàn)界面易用性唯一的、不可替代的方法。測試的時(shí)間和次數(shù)是沒有任何規(guī)定的，只要需要就可以進(jìn)行測試。在界面設(shè)計(jì)的早期，可以測試相同或類似界面的競爭產(chǎn)品來獲得調(diào)查數(shù)據(jù)，還能在紙上進(jìn)行原型測試來制定設(shè)計(jì)概念；到了中期，可以針對界面額某一

49、方面或某些方面進(jìn)行任務(wù)型測試；在產(chǎn)品投入市場以后，以真實(shí)用戶的使用反饋信息為依據(jù)， 進(jìn)行界面的升級和不斷完善，這也是測試的重要部分。綜合評估每一次測試完成之后，都需要對其測試的內(nèi)容進(jìn)行評估。當(dāng)然，評估的內(nèi)容和方面肯定會有一些不同之處。但無論哪一種界面類型，評估的內(nèi)容都逃不開一下幾個反面：界面的實(shí)用性。衡量用戶在使用界面完成任務(wù)時(shí)的滿意程度。界面的有效性。度量指標(biāo)有錯誤率、系統(tǒng)各設(shè)備使用率、任務(wù)完成時(shí)間。系統(tǒng)設(shè)備及功能使用面。設(shè)備和功能使用率，是否具有存在的必要。用戶滿意程度。衡量的指標(biāo)有用戶發(fā)現(xiàn)問題多少和使用興趣以及用戶對界面的滿意程度。修改意見測試評估之后，設(shè)計(jì)人員需要篩選出必須關(guān)注的問題，

50、并給出實(shí)用性的修改意見以幫助界面進(jìn)行調(diào)整。通常的步驟如下：篩選意見。確定界面是通過局部微調(diào)來解決發(fā)現(xiàn)的問題，還是全盤否定。制定修改和調(diào)整的方案，以解決問題。第五章 關(guān)于計(jì)算機(jī)學(xué)院軟件界面設(shè)計(jì)的思考計(jì)算機(jī)學(xué)院的軟件界面設(shè)計(jì)要符合我們南華大學(xué)的形象識別規(guī)范，圖 5.1 是學(xué)校的形象識別系統(tǒng)主頁面，學(xué)校的主顏色是藍(lán)色。圖 5.1 南華大學(xué)形象識別系統(tǒng)主界面圖 5.2 是計(jì)算機(jī)學(xué)院的院徽。圓形，以白色為底，以藍(lán)色為基調(diào)色，給人一種靜謐、深邃、謹(jǐn)慎、冷靜和理智的感覺；以計(jì)算機(jī)學(xué)院簡稱 C 為基本元素， 外圈輔以藍(lán)色的中文說明，明確南華大學(xué)計(jì)算機(jī)學(xué)院專屬；院徽以藍(lán)、橙、白、紅為基色，干凈明亮，時(shí)代感鮮明，

51、教導(dǎo)當(dāng)代大學(xué)生應(yīng)該熱情開放、理智成熟、蓬勃奮發(fā)；整體如熾熱的火炬，又似東升的旭日，象征南華大學(xué)團(tuán)結(jié)奮進(jìn)、蒸蒸日上、欣欣向榮。計(jì)算機(jī)學(xué)院的軟件網(wǎng)站都必須得有這個院徽。圖 5.2 計(jì)算機(jī)學(xué)院院徽圖 5.3 是計(jì)算機(jī)學(xué)院的網(wǎng)站主頁面，大體以藍(lán)色為主色調(diào)，體現(xiàn)現(xiàn)代計(jì)算機(jī)領(lǐng)域的發(fā)展方向。左上角是計(jì)算機(jī)學(xué)院的院徽，讓人一看到就知道這是計(jì)算機(jī)學(xué)院的軟件網(wǎng)站。右上角附有學(xué)校主教學(xué)樓圖片，旁邊還有一顆枝繁葉茂的大樹， 表明學(xué)校實(shí)行可持續(xù)發(fā)展，學(xué)校將有更美好的明天，像大樹一樣枝繁葉茂，桃李滿天下。左下角一筆記本和光盤，強(qiáng)調(diào)學(xué)生應(yīng)多多實(shí)踐，不要紙上談兵；還加上了“明德、博學(xué)、求是、致遠(yuǎn)”的校訓(xùn)，這與學(xué)校的形象識別密

52、切相關(guān)。主頁面布局清晰明朗，顏色搭配合理。圖 5.3 計(jì)算機(jī)學(xué)院主頁面經(jīng)過老師們和同學(xué)們的努力，計(jì)算機(jī)學(xué)院的軟件界面很好用了，我們在網(wǎng)上完成學(xué)校和學(xué)院交代的作業(yè)都非常地順利。計(jì)算機(jī)學(xué)院的軟件界面設(shè)計(jì)可在借鑒學(xué)院已有軟件界面的情況下，再從下面幾個方面著手：軟件以藍(lán)色為主色調(diào)。要突出學(xué)校的核特色，走可持續(xù)發(fā)展路。以老師和學(xué)生的用戶需求為中心，老師和學(xué)生是兩個不同的用戶族群，他們的需求不同，在進(jìn)入界面后能進(jìn)行的操作也不一樣，但都必須滿足他們每天在工作和學(xué)習(xí)上的需要。以學(xué)生進(jìn)入的教務(wù)系統(tǒng)介紹，如圖 5.4，左邊有“學(xué)籍信息”、“選課系統(tǒng)”、“學(xué)期課表”、“我的成績”等 7 個菜單項(xiàng)，學(xué)籍信息供學(xué)生查詢

53、自己的信息；選課系統(tǒng)供學(xué)生在開學(xué)時(shí)選報(bào)相關(guān)課程；學(xué)期課表供學(xué)生查詢自己的課表、班級課表、教師課表、教師課表，還能查空閑的教室；我的成績供學(xué)生查詢自己的成績和不及格課程補(bǔ)考報(bào)名；重修報(bào)名可讓學(xué)生報(bào)名需要重修的課程；網(wǎng)上評教評學(xué)可讓學(xué)生期末時(shí)在網(wǎng)上給老師評分和提意見，讓老師的教學(xué)更好受同學(xué)歡迎；網(wǎng)報(bào)系統(tǒng)讓學(xué)生報(bào)名一些國家規(guī)定的考試，如普通話等。7 個菜單項(xiàng)讓學(xué)生從開學(xué)到期末所有在學(xué)習(xí)上的需求都得到滿足。圖 5.4 南華大學(xué)教務(wù)系統(tǒng)在一些復(fù)雜軟件的交互設(shè)計(jì)中應(yīng)提供“幫助”這一按鈕，用來幫助用戶了解這個軟件是怎么使用的。如圖 5.5 右上角。圖 5.5 易捷PDF 轉(zhuǎn)換器主界面操作步驟盡量少，界面布局

54、簡潔合理，界面顏色以藍(lán)色或其漸進(jìn)色為主色調(diào)，如圖 5.6T 型結(jié)構(gòu).BannerGuidMenuMainFooter圖 5.6T 型結(jié)構(gòu)圖 5.7 是我畫的關(guān)于本學(xué)院的一個軟件網(wǎng)站主界面效果圖，希望可以對設(shè)計(jì)人員有所幫助。從圖上可見首頁下有多個子頁面和欄目超鏈接，足以讓游客全方圖 5.7 自畫的學(xué)院主頁面位地了解我們計(jì)算機(jī)學(xué)院，讓老師和學(xué)生可以時(shí)刻關(guān)注學(xué)院的動態(tài)，更好地完成他們的生活和學(xué)習(xí)。中間插了一張圖片，是第一教學(xué)樓，是學(xué)校最高的教學(xué)樓， 旁邊是一些關(guān)于計(jì)算機(jī)學(xué)院的介紹。導(dǎo)航條上面區(qū)域左上角有計(jì)算機(jī)學(xué)院的院 徽，是學(xué)院的象征。院徽的主顏色是藍(lán)色，我索性把整個界面的色彩也設(shè)置為藍(lán)色，這樣看起

55、來更相稱，整個藍(lán)色的界面給人一種深邃、謹(jǐn)慎、沉穩(wěn)的感覺。整個界面可能內(nèi)容簡單了點(diǎn)，但給用戶一種清爽明朗的感覺。參 考文獻(xiàn)程景石，倪亦泉等.人機(jī)界面設(shè)計(jì)與開發(fā)工具M(jìn).北京：電子工業(yè)出版社,1994.斯蒂夫.克魯格.網(wǎng)頁設(shè)計(jì)效果優(yōu)化藝術(shù) M.楊德祥譯.濟(jì)南:山東科技大學(xué)出版社.2001.張帆，羅琦，宮曉東.網(wǎng)頁界面設(shè)計(jì)藝術(shù)教程M.北京：人民郵電出版社.2002. 4劉正英.面向使用的軟件設(shè)計(jì)M.北京：機(jī)械工業(yè)出版社.2004.魯曉波，唐炳宏.數(shù)字圖形界面藝術(shù)設(shè)計(jì)M.北京：清華大學(xué)出版社.2006.羅仕鑒，朱上上，孫守遷.人機(jī)界面設(shè)計(jì)M.北京：機(jī)械工業(yè)出版社.2009. 7李洪海，石爽，李霞.交互界

56、面設(shè)計(jì)M.北京：化學(xué)工業(yè)出版社.2011.張麗，徐文平，羅印.人機(jī)界面設(shè)計(jì)M.北京：北京大學(xué)出版社.2012.楊璇.數(shù)字媒體界面設(shè)計(jì)M.北京: 中國水利水電出版社.2012. 10楊明朗，王紅.人機(jī)交互界面設(shè)計(jì)中的感性分析J.包裝工程，2007. 11姜葳.用戶界面設(shè)計(jì)D.杭州：浙江大學(xué)，2006.12范慧君.多媒體圖形界面設(shè)計(jì)的研究D.合肥：合肥工業(yè)大學(xué)，2007. 13王璞.用戶界面設(shè)計(jì)的人性化D.長春：東北師范大學(xué)，2007.14劉春花.基于用戶體驗(yàn)的界面設(shè)計(jì)(UI)研究D.天津：天津工業(yè)大學(xué)，2007. 15黃慶華.多媒體軟件界面藝術(shù)設(shè)計(jì)研究D.上海：華東師范大學(xué)，2007. 16陸敏

57、.基于人機(jī)工程的軟件界面設(shè)計(jì)研究D.南京：南京航空航天大學(xué).2008. 17李剛.虛擬現(xiàn)實(shí)的藝術(shù)理論研究D.武漢：武漢理工大學(xué)，2008. HYPERLINK /guide/index.html 18/guide/index.htmlJohnson，StevenInterface Culture：How New TechnOlogy Transforms the Way We Create and CommunicationSan Francisco：Harper Edge,1997.GaverW w Auditoryinterfaces InHandbookofHuman Computer

58、Interaction,1 997StevenHeim.The Resonant Interface HCI Foundations for Interaction DesignM.New Jersey:Addison-Wesley,2007.謝 辭時(shí)光匆匆，轉(zhuǎn)瞬即逝。轉(zhuǎn)眼間，就要收拾行囊，告別我呆了四年的大學(xué)，作別許多老師，好友、同學(xué)，邁出新的一步。在這離別的季節(jié)，感慨良多。論文寫作已基本完成，通過對論文的寫作，我了解了軟件界面設(shè)計(jì)不是一件容易的事，是要有多個過程的，知道了界面設(shè)計(jì)應(yīng)有的規(guī)則。做任何一件事都應(yīng)面對客觀現(xiàn)實(shí)，不能盲目地以自己的想法為中心，就像界面設(shè)計(jì)一樣不能以設(shè)計(jì)人員自己的感受

59、，而要以用戶群體的想法為中心。做一件事情應(yīng)該要有條不紊， 有計(jì)劃，有步驟，界面設(shè)計(jì)也應(yīng)有自己的流程。我也更加清楚了解了本學(xué)院軟件界面設(shè)計(jì)的初衷，知道學(xué)院網(wǎng)站的新聞動態(tài)和教育研究事業(yè)。而論文中也有一些缺點(diǎn)和不足，論文中第五章對于本學(xué)院軟件界面設(shè)計(jì)的描述有些簡單，畫出的界面可能也不大氣，希望各位評委老師多多包涵并加以指導(dǎo)。大學(xué)生活即將結(jié)束， 想想四年走過的點(diǎn)點(diǎn)滴滴，有彷徨，有迷茫，但總算度過那些難關(guān)了，這都少不了老師和同學(xué)們的幫助，在這里，我向他們表示最衷心的感謝！畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明和使用授權(quán)說明原創(chuàng)性聲明本人鄭重承諾：所呈交的畢業(yè)設(shè)計(jì)（論文），是我個人在指導(dǎo)教師的指導(dǎo)下進(jìn)行的研究工作及取

60、得的成果。盡我所知，除文中特別加以標(biāo)注和致謝的地方外，不包含其他人或組織已經(jīng)發(fā)表或公布過的研究成果，也不包含我為獲得及其它教育機(jī)構(gòu)的學(xué)位或?qū)W歷而使用過的材料。對本研究提供過幫助和做出過貢獻(xiàn)的個人或集體， 均已在文中作了明確的說明并表示了謝意。作 者簽 名：日期：指導(dǎo)教師簽名：日期：使用授權(quán)說明本人完全了解大學(xué)關(guān)于收集、保存、使用畢業(yè)設(shè)計(jì)（論文）的規(guī)定，即：按照學(xué)校要求提交畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版本；學(xué)校有權(quán)保存畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版，并提供目錄檢索與閱覽服務(wù)；學(xué)校可以采用影印、縮印、數(shù)字化或其它復(fù)制手段保存論文；在不以贏利為目的前提下，學(xué)?？梢怨颊撐牡牟糠只蛉績?nèi)容。作者簽