【正文】 清爽 的要求。而且如果每個(gè)環(huán)節(jié)都能節(jié)約一點(diǎn)，整個(gè)工程下來，節(jié)約的時(shí)間就很長(zhǎng)了，所謂聚少成多。 。 ，可能會(huì)引起嚴(yán)重錯(cuò)誤甚至?xí)屜到y(tǒng)出錯(cuò)，應(yīng)該要加以限制或屏蔽。 ，可以采用單選框來減少用戶輸入的麻煩。 。 ，這樣用戶就能有條不紊地操作。以下措施可以提高用戶界面的可理解性： ，也不能出現(xiàn)讓人費(fèi)解的文字。 舉例來說， Windows 系統(tǒng)的文件管理器，對(duì)于一個(gè)初學(xué)電腦的人來說，他愿意使用鼠 標(biāo)、菜單一步一步慢慢地操作；但是對(duì)于熟練使用電腦的人而言，快捷鍵也許是他更愿意用的。不以目標(biāo)用戶為中心開發(fā)出來的界面，用戶不會(huì)購(gòu)買，即使買了也不會(huì)去用，即使界面美觀也沒用。 我作為一名 學(xué)生，肯定不可能去改變中國(guó)的教育方法和體系，能做的只有總結(jié)一些軟件界面設(shè)計(jì)的規(guī)范來供讀者（開發(fā)人員）參考。 千萬不要低估界面實(shí)現(xiàn)的難度，界面不是想做就能做得出的。企業(yè)希望界面設(shè)計(jì)師負(fù)責(zé)“交互設(shè)計(jì)和視覺設(shè)計(jì)”，由熟練的程序員實(shí)現(xiàn)這個(gè)界面，這個(gè)要求其實(shí)并不高，但現(xiàn)實(shí)情況卻不理想。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 2 頁 共 31 頁 相比照之下，軟件界面設(shè)計(jì)專業(yè)的教育就差得遠(yuǎn)了。 系統(tǒng)性的科學(xué)技術(shù)教育是國(guó)內(nèi)理工科大學(xué)的計(jì)算機(jī)和軟件專業(yè)偏向的重點(diǎn)。用戶滿意的好界面都是軟件企業(yè)想要做的，但是他們卻不知道怎么做。用戶界面設(shè)計(jì)得越直觀，越易用，越美觀，用戶就使用得越方便，越舒服，培訓(xùn)用戶、維護(hù)系統(tǒng)的成本就越低。軟件界面設(shè)計(jì)是產(chǎn)品開發(fā)中最重要的方面。界面設(shè)計(jì)師必須要牢記：界面是面向用戶的?？蛻糁С殖杀窘档土?，系統(tǒng)就會(huì)更便宜，同時(shí)，也將獲得更多的用戶好感和訂單，企業(yè)的效益就會(huì)更好。 軟件界面設(shè)計(jì)一直以來都是中國(guó)軟件行業(yè)的弱項(xiàng)，這里存在兩方面行業(yè)共性問題：一是缺乏系統(tǒng)性的軟件界面設(shè)計(jì)方法和相關(guān)的教育；這也導(dǎo)致了第二個(gè)問題“缺乏優(yōu)秀的界面設(shè)計(jì)師和熟練的界面程序員”?；A(chǔ)課程有物理、數(shù)學(xué)、電學(xué)等，專業(yè)課程有數(shù)據(jù)庫(kù)、網(wǎng)絡(luò)管理、編程語言等等。既缺乏好的教材，又缺乏優(yōu)秀的教師。 不少軟件企業(yè)不但有程序員，還有美工人員，但遺憾的是這兩類人不會(huì)配合著工作。有些 Web 軟件界面控件，不僅要功能好、性能好，還要易用，可以說技術(shù)難度非常高，這不是一般程序員能做得好的。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 3 頁 共 31 頁 第二章 軟件界面設(shè)計(jì)應(yīng)遵循的原則 本論文總結(jié)了軟件界面設(shè)計(jì)應(yīng)遵循的原則：以目標(biāo)用戶為中心，容易被理解，反饋操作信息，排錯(cuò)性考慮，最少步驟（最高操作效率），合理的布局，色彩的選擇與組合。 有些通用的軟件系統(tǒng)如操作系統(tǒng)、文字處理軟件等，面向的用戶十分地廣泛。 不要試圖讓一款產(chǎn)品在差異很大的用戶群體中得到適用，要把廣泛的用戶劃分為多個(gè)用戶群體，根據(jù)自己所在企業(yè)的實(shí)力，選擇一個(gè)分市場(chǎng)來開發(fā)產(chǎn)品。 ，最好讓用戶看到這個(gè)圖標(biāo)就能知道這 是什么含義。 ，如姓名、標(biāo)題等，可以按照字母排序，便于用戶選擇。 誤是最重要的，也最應(yīng)該排除。 ，可以采用復(fù)選框。 ，輸入會(huì)與系統(tǒng)使用的符號(hào)產(chǎn) 生沖突，該字符應(yīng)該被阻止輸入的。 ，可以根據(jù)需要選擇來判斷要不要去掉前后空格。 界面設(shè)計(jì)師一定要在深入地分析熟悉軟件的業(yè)務(wù)流程和用戶使用習(xí)慣的基礎(chǔ)上，才能設(shè)計(jì)出最少的操作步驟，使效率最大化。界面元素要在水平方向?qū)R，或者在垂直方向上使界面元素對(duì)齊，還要保證一樣的行、列間距。與邏輯有關(guān)系的元素應(yīng)就近放置，這樣用戶方便操作一些。 。 每件產(chǎn)品的用戶族群都相當(dāng)廣泛，要與所有用戶預(yù)期一致其實(shí)是很困難的。若不能夠預(yù)測(cè)人是如何感知色彩的、如何發(fā)生作用的，也就不可能有效地應(yīng)用色彩。 紅色最能引起人的視覺注意，因此，紅色常被作為心理上的警示。 黃色能體現(xiàn)出快樂、希望和輕快的個(gè)性，它的明度是最高的，是一種自我膨脹和尋求幸運(yùn)的顏色。在視覺上往往給人一種被動(dòng)、靜謐、深邃、潮濕、謹(jǐn)慎、憂郁、科技和理智的感覺。在色環(huán)上綠色偏近黃色時(shí)，就變得溫暖、活潑、健康而無危害。在街道上，綠色的燈表示可以安全通過。據(jù)研究，在橙色的氛圍里時(shí)人的活動(dòng)沒有任何拘束，因此橙色在很大程度上代表了溫暖和真摯的感情。 白色具有純潔、完美、純真、不可觸及、不可接近、神圣的、空洞的、無限的感受。任何顏色和它放置在一起都會(huì)顯得醒目而又有活力。綜合灰色的特性，很多軟件的界面設(shè)計(jì)都將不可執(zhí)行的命令設(shè)計(jì)為灰色。 色彩的心里感受 色彩本是不帶任何任何含義的，只是人的心里感覺把它們分成了不同的類別。 暖色能使人感受到溫暖，而冷色則使人感到寒冷。一般來說，重色彩明度不強(qiáng)，輕色彩明度強(qiáng)。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 9 頁 共 31 頁 與色彩的強(qiáng)弱感相關(guān)的有色相、純度 ,還有配色對(duì)比。在無彩色系中，有收縮感得是黑色，有膨大感的是白色。 給人以興奮感的有暖色和明度高的色以及純度高的色；給人以沉靜感的有冷色和明度以及純度低的色。 色彩組合 色彩組合原理基本上是從色彩的鮮明性、色彩的獨(dú)特性、色彩的合適性、色彩的聯(lián)想性 4個(gè)方面來考慮的。 。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 10 頁 共 31 頁 針對(duì)界面設(shè)計(jì)，需要注意的是以下幾點(diǎn)： ，盡量控制在 3中顏色以內(nèi)。 色彩分析實(shí)例（音樂播放軟件千千靜聽） 從外觀上上看，千千靜聽有多重配色方案。 圖 紫色與黑色搭配 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 11 頁 共 31 頁 橘黃色和黑色的搭配，很具有跳躍性，很活潑，如圖 . 圖 橘黃色和黑色搭配 淺藍(lán)和深藍(lán)的搭配，清新自然，如圖 。從最初的純文字界面發(fā)展至今，文字仍是其他任何元素?zé)o法取代的重要構(gòu)件。 界面設(shè)計(jì)中，文字除了注意顯示問題，還應(yīng)關(guān)注文字的表述方式需符合目標(biāo)用戶的語言認(rèn)知習(xí)慣，這是實(shí)現(xiàn)界面易用性的一個(gè)方面。 畫面也可以分兩種情況呈現(xiàn)在畫面中：第一種不改變動(dòng)態(tài)元素本身的位置，在頁面中利用適當(dāng)?shù)拿娣e和節(jié)奏來做動(dòng)態(tài)效果，這樣信息識(shí)別不會(huì)被擾亂。 第二種情況指的是 在交互設(shè)計(jì)過程中存在的動(dòng)態(tài)效果，也就是切換頁面和功能南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 14 頁 共 31 頁 信息模塊是產(chǎn)生的動(dòng)態(tài)效果。 聲音的設(shè)計(jì)與運(yùn)用 聲音一直是界面中非常重要的信息表達(dá)方式。聲音信息和視覺信息的配合也是常見的信息傳遞模式。正如電影配樂一樣，選用什么樣的界面背景音樂也是非常重要的，好的界面背景音樂能給人帶來美的享受，減輕操作上帶來的疲勞和乏味，還可以烘托主題，讓人產(chǎn)生豐富的聯(lián)想，從而產(chǎn)生積極的互動(dòng)行為和消極欲望。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 15 頁 共 31 頁 圖標(biāo)設(shè)計(jì) 圖標(biāo)設(shè)計(jì)是界面設(shè)計(jì)中非常重要的部分 ，但很多書籍把太多的注意力投入到設(shè)計(jì)的過程和手段方面，對(duì)它的科學(xué)性關(guān)注不夠。好的圖標(biāo)有兩個(gè)優(yōu)點(diǎn)，一是功能一目了然，二是用戶在明白圖標(biāo)的意思，可以引領(lǐng)所有相似的工具都使用和它一樣的繪圖語言。即使用戶以前知道意思，長(zhǎng)時(shí)間后，也不可能留下很多印象。 就圖標(biāo)設(shè)計(jì)來言，一致性主要表現(xiàn)在 3個(gè)方面。但是不管怎樣，大圖標(biāo)與小圖標(biāo)相比要相似，彩色的圖標(biāo)與黑白圖標(biāo)也要感覺不出差別，這樣子用戶在不同的顯示環(huán)境下才能正常地使用軟件。 圖標(biāo)的兼容指的是圖標(biāo)在不同的文化語義下都能被識(shí)別為同樣的內(nèi)容和意義。在中國(guó)文化背景下，魚可以理解為年年有余，是富裕的期望，在其他文化中，就會(huì)覺得中國(guó)人的這種聯(lián)系很奇怪。圖標(biāo)中的文字可能會(huì)讓人感到不知該怎么辦，導(dǎo)致阻礙 跨文化上的交流。因?yàn)橐粋€(gè)個(gè)的像素點(diǎn)在一起就組成了屏幕，水平或垂直的直線以及斜線具有較好的顯示效果。 ? 操作圖標(biāo) 操作 圖標(biāo) 說明 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 17 頁 共 31 頁 新建 綠色主色 編輯 具有筆狀圖形 查詢 放大鏡 刪除 紅色主色 下載 向下箭頭 ? 提示圖標(biāo) 提示 圖標(biāo) 說明 下級(jí)目錄 省略號(hào) 幫助 問號(hào) 警告 感嘆號(hào) 返回上一級(jí) 向左方向箭頭 返回首頁 房子 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 18 頁 共 31 頁 第 四章 軟件界面設(shè)計(jì)流程 目標(biāo)用戶研究 在界面產(chǎn)品越來越面對(duì)個(gè)人用戶的今天，以用戶為中心的設(shè)計(jì)方法成為設(shè)計(jì)人員的第一選擇。 在目標(biāo)用戶研究的第一步，就是定義界面設(shè)計(jì)面向的用戶群體，即如何定義目標(biāo)用戶并找到合適的用戶研究對(duì)象。 用戶研究的方法有很多，常用的包括間接收集資料、展開問卷調(diào)查、實(shí)境調(diào)查、觀察、訪談級(jí)焦點(diǎn)小組等。該方法的優(yōu)勢(shì)在于能在很短的時(shí)間內(nèi)獲取大量與設(shè)計(jì)相關(guān)，也是非常有價(jià)值的。對(duì)于成功 的競(jìng)爭(zhēng)產(chǎn)品，需要對(duì)其設(shè)計(jì)、商品表現(xiàn)進(jìn)行分析，獲得有益的設(shè)計(jì)經(jīng)驗(yàn)；對(duì)于失敗的競(jìng)爭(zhēng)產(chǎn)品，則要從失敗的原因入手，避免同樣的錯(cuò)誤發(fā)生在自己身上。 通過觀察，設(shè)計(jì)人員可以獲得一下信息：用戶的使用環(huán)境；環(huán)境對(duì)界