【正文】 大學(xué)生活即將結(jié)束，想想四年走過的點點滴滴，有彷徨，有迷茫，但總算度過那些難關(guān)了，這都少不了老師和同學(xué)們的幫助，在這里，我向他們表示最衷心的感謝！ 。我也更加清楚了解了本學(xué)院軟件界面設(shè)計的初衷，知道學(xué)院網(wǎng)站的新聞動態(tài)和教育研究事業(yè)。做任何一件事都應(yīng)面對客觀現(xiàn)實，不能盲目地以自己的想法為中心，就像界面設(shè)計一樣不能以設(shè)計人員自己的感受，而要以用戶群體的想法為中心。在這離別的季節(jié)，感慨良多。 圖 自畫的學(xué)院主頁面 南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 30 頁 共 31 頁 參 考文獻 [1]程景石，倪亦泉等 .人機界面設(shè)計與開發(fā)工具 [M].北京：電子工業(yè)出版社 ,1994. [2] 斯蒂夫 .克魯格 .網(wǎng)頁設(shè)計效果優(yōu)化藝術(shù) [M].楊德祥譯 .濟南 :山東科技大學(xué)出版社 .2020. [3]張帆，羅琦， 宮曉東 .網(wǎng)頁界面設(shè)計藝術(shù)教程 [M].北京：人民郵電出版社 .2020. [4]劉正英 .面向使用的軟件設(shè)計 [M].北京：機械工業(yè)出版社 .2020. [5]魯曉波，唐炳宏 .數(shù)字圖形界面藝術(shù)設(shè)計 [M].北京：清華大學(xué)出版社 .2020. [6] 羅仕鑒，朱上上，孫守遷 .人機界面設(shè)計 [M].北京：機械工業(yè)出版社 .2020. [7]李洪海，石爽，李霞 .交互界面設(shè)計 [M].北京：化學(xué)工業(yè)出版社 .2020. [8] 張麗，徐文平，羅印 .人機界面設(shè)計 [M].北京：北京大學(xué)出版社 .2020. [9] 楊璇 . 數(shù)字媒體界面設(shè)計 [M].北京 : 中國水利水電出版社 .2020. [10]楊明朗，王紅 .人機交互界面設(shè)計中的感性分析 [J].包裝工程， 2020. [11]姜葳 .用戶界面設(shè)計 [D].杭州：浙江大學(xué)， 2020. [12]范慧君 .多媒體圖形界面設(shè)計的研究 [D].合肥：合肥工業(yè)大學(xué)， 2020. [13]王璞 .用戶界面設(shè)計的人性化 [D].長春：東北師范大學(xué)， 2020. [14]劉春花 .基于用戶體驗的界面設(shè)計 (UI)研究 [D].天津：天津工業(yè)大學(xué)， 2020. [15]黃慶華 .多媒體軟件界面藝術(shù)設(shè)計研究 [D].上海：華東師范大學(xué)， 2020. [16]陸敏 .基于人機工程的軟件界面設(shè)計研究 [D].南京：南京航空航天大學(xué) .2020. [17]李剛 .虛擬現(xiàn)實的藝術(shù)理論研究 [D].武漢：武漢理工大學(xué)， 2020. [18 [19]Johnson， Steven． Interface Culture： How New TechnOlogy Transforms the Way We Create and Communication． San Francisco： Harper Edge,1997. [20]Gaver W． w． Auditory interfaces． In Handbook of Human— Computer Interaction,1 997． [21]Steven Resonant Interface HCI Foundations for Interaction Design[M].New Jersey:AddisonWesley,2020. 南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 31 頁 共 31 頁 謝 辭 時光匆匆，轉(zhuǎn)瞬即逝。院徽的主顏色是藍色，我索性把整個界面的色彩也設(shè)置為藍色，這樣看起來更相稱，整個藍色的界面給人一種深邃、謹(jǐn)慎、沉穩(wěn)的感覺。中間插了一張圖片，是第一教學(xué)樓，是學(xué)校最高的教學(xué)樓，旁邊是一些關(guān)于計算機學(xué)院的介紹。 圖 易捷 PDF轉(zhuǎn)換器主界面 （ 5） 操作步驟盡量少，界面布局簡潔合理，界面顏色以藍色或其漸進色為主色調(diào)，如圖 型結(jié)構(gòu) . 圖 T 型結(jié)構(gòu) Banner Menu Guid Main Footer 南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 29 頁 共 31 頁 圖 是我畫的關(guān)于本學(xué)院的一個軟件網(wǎng)站主界面效果圖，希望可以對設(shè)計人員有所幫助。 圖 南華大學(xué)教務(wù)系統(tǒng) 南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 28 頁 共 31 頁 （ 4） 在一些復(fù)雜軟件的交互設(shè)計中應(yīng)提供“幫助”這一按鈕，用來幫助用戶了解這個軟件是怎么使用的。以學(xué)生進入的教務(wù)系統(tǒng)介紹，如圖 ，左邊有“學(xué)籍信息”、“選課系統(tǒng)”、“學(xué)期課表”、“我的成績”等 7 個菜單項，學(xué)籍信息供學(xué)生查詢自己的信息；選課系統(tǒng)供學(xué)生在開學(xué)時選報相關(guān)課程；學(xué)期課表供 學(xué)生查詢自己的課表、班級課表、教師課表、教師課表，還能查空閑的教室；我的成績供學(xué)生查詢自己的成績和不及格課程補考報名；重修報名可讓學(xué)生報名需要重修的課程；網(wǎng)上評教評學(xué)可讓學(xué)生期末時在網(wǎng)上給老師評分和提意見，讓老師的教學(xué)更好受同學(xué)歡迎；網(wǎng)報系統(tǒng)讓學(xué)生報名一些國家規(guī)定的考試，如普通話等。 （ 2）要突出學(xué)校的核特色，走可持續(xù)發(fā)展路。 圖 計算機學(xué)院主頁面 經(jīng)過老師們和同學(xué)們的努力，計算機學(xué)院的軟件界面很好用了，我們在網(wǎng)上完成學(xué)校和學(xué)院交代的作業(yè)都非 常地順利。左下角一筆記本和光盤，強調(diào)學(xué)生應(yīng)多多實踐，不要紙上談兵；還加上了“明德、博南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 27 頁 共 31 頁 學(xué)、求是、致遠”的校訓(xùn)，這與學(xué)校的形象識別密切相關(guān)。左上角是計算機學(xué)院的院徽，讓人一看到就知道這是計算機學(xué)院的軟件網(wǎng)站。計算機學(xué)院的軟件網(wǎng)站都必須得有這個院徽。 圖 南華大學(xué)形象識別系統(tǒng)主界面 圖 是計算機學(xué)院的院徽。 （ 3）制定修改和調(diào)整的方案，以解決問題。通常的步驟如下： （ 1）篩選意見。衡量的指標(biāo)有用戶發(fā)現(xiàn)問題多少和使用興趣以及用戶對 界面的滿意程度。設(shè)備和功能使用率，是否具有存在的必要。度量指標(biāo)有錯誤率、系統(tǒng)各設(shè)備使用率、任務(wù)完成時間。衡量用戶在使用界面完成任務(wù)時的滿意程度。當(dāng)然，評估的內(nèi)容和方面肯定會有一些不同之處。在界面設(shè)南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 25 頁 共 31 頁 計的早期，可以測試相同或類似界面的競爭產(chǎn)品來獲得調(diào)查數(shù)據(jù)，還能在紙上進行原型測試來制定設(shè)計概念；到了中期，可以針對界面額某一方面或某些方面進行任務(wù)型測試；在產(chǎn)品投入市場以后，以真實用戶的使用反饋信息 為依據(jù)，進行界面的升級和不斷完善，這也是測試的重要部分。 界面的測試是關(guān)于易用性方面的，測試是檢驗界面易用性唯一的、不可替代的方法。 應(yīng)用測試 應(yīng)用測試并非是界面設(shè)計步驟中的最后一步，它貫穿于整個界面產(chǎn)品開發(fā)和設(shè)計的全過程，甚至 在整個產(chǎn)品生命周期過程中，從界面產(chǎn)品的前期規(guī)劃到最后退出應(yīng)用市場，它都是一個持續(xù)的、反復(fù)的工作。只要界面或者業(yè)務(wù)邏輯一旦改動，就得要改動許多地方，以致經(jīng)常出錯。 界面實現(xiàn) 界面實現(xiàn)要由程序員來負(fù)責(zé)：在交互設(shè)計方案和已定的視覺設(shè)計方案基礎(chǔ)上，利用編程來使可以運行的軟件界面得以實現(xiàn)。 為了提高視覺設(shè)計的效率，設(shè)計人員需要有一套界面素材庫，這套界面素材平時保存著常用界面元素的各種效果圖。 南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 24 頁 共 31 頁 視覺設(shè)計的主要內(nèi)容有：界面布局，顏色搭配，圖標(biāo)設(shè)計，字體編排與設(shè)計 ，界面元素的背景圖案設(shè)計等。用戶出錯后的錯誤報告頁面應(yīng)盡量提供準(zhǔn)確的信息，也可以設(shè)計一些有趣的畫面緩解用戶的焦躁情緒。在用戶進行了錯誤的操作時，系統(tǒng)需要提供錯誤信息，往往也伴隨著提示音。在非激活狀態(tài)下元素盡量消隱在頁面中，需要它們時再將其突出顯示。 5）激活反饋。 4）進度反饋。 3）選中反饋。 2）單機反饋。在界面中按鈕必須設(shè)置懸停反饋，否則用戶會識別不出按鈕，從而沒有操作的意識和機會。 1）懸停反饋。反饋在整個交互界面系統(tǒng)中無處不在。但當(dāng)系統(tǒng)中斷或異常終止時，系統(tǒng)必須明確地告訴用戶系統(tǒng)已經(jīng)終止操作或者退出，否則用戶會在等待中失去耐心，做出更多錯誤的操作。當(dāng)系統(tǒng)正對用戶的操控進行處理時，可以提供類似“載入中”或“請稍候”這樣的 提示。 南華大學(xué)計算機學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 第 23 頁 共 31 頁 2）明確。這種情景和界面設(shè)計中的反饋是一樣的。想象一下在飯店里招呼服務(wù)員的場景，如果沒有服務(wù)員理會，顧客將會感覺很糟糕。 1）及時。因此，恰當(dāng)?shù)姆答伿墙换ピO(shè)計的重要組成部分。 圖 空間的進度條 反饋是指用戶進行操作后交互系統(tǒng)出現(xiàn)的某種提示。 最后，至于控件的擺放順序，如果在界面中出現(xiàn)多個控件，設(shè)計人員應(yīng)該要仔細研究它們的擺放位置。每個頁面都有核心功能的控件，精心設(shè)計這類控件的外觀，并調(diào)整尺寸和位置，使之處于最醒目的狀態(tài)。 在使用控件時，首先要注意不要在一個頁面放置過多的控件，可以考慮分頁面顯示多項內(nèi)容。 3）讓界面更加簡潔。 2）易于標(biāo)準(zhǔn)化。如圖 空間的進度條。進度條用來表示一個復(fù)雜進程進行的程度。如圖 空間的說說文本框。 （ 3）文本框?；瑝K可以提供在一定范圍內(nèi)的調(diào)整操作，一般用來調(diào)整音量、亮度或范圍。在標(biāo)準(zhǔn)化程度要求較高的界面中，如軟件界面和手機界面，按鈕的樣式較為固定，而在一些個性