【正文】 做一件事情應(yīng)該要有條不紊，有計(jì)劃，有步驟，界 面設(shè)計(jì)也應(yīng)有自己的流程。導(dǎo)航條上面 區(qū)域左上角有計(jì)算機(jī)學(xué)院的院徽，是學(xué)院的象征。 （ 3）以老師和學(xué)生的用戶需求為中心，老師和學(xué)生是兩個不同的用戶族群，他們的需求不同，在進(jìn)入界面后能進(jìn)行的操作也不一樣，但都必須滿足他們每天在工作和學(xué)習(xí)上的需要。 圖 計(jì)算機(jī)學(xué)院院徽 圖 是計(jì)算機(jī)學(xué)院的網(wǎng)站主頁面，大體以藍(lán)色為主色調(diào)，體現(xiàn)現(xiàn)代 計(jì)算機(jī)領(lǐng)域的發(fā)展方向。 測試 — 評估之后，設(shè)計(jì)人員需要篩選出必須關(guān)注的問題，并給出實(shí)用性的修改意見以幫助界面進(jìn)行調(diào)整。但無論哪一種界面類型，評估的內(nèi)容都逃不開一下幾個反面： （ 1）界面的實(shí)用性。 開發(fā)團(tuán)隊(duì)?wèi)?yīng)該要努力使“界面”和“業(yè)務(wù)邏輯”分離，使兩者之間的相互干擾降到最?。? ； ； （如文字、圖片等），實(shí)現(xiàn)特定功能的界面。 視覺設(shè)計(jì) 視覺設(shè)計(jì)師一般由負(fù)責(zé)美工的人來擔(dān)任，在已經(jīng)確定了的交互設(shè)計(jì)方案基礎(chǔ)之上，盡量使界面變得美觀，讓用戶看了更加舒服。進(jìn)度反饋分為確定性反饋和不確定性反饋兩種，確定性反饋可以告知用戶進(jìn)程大致的完成比例。懸停反饋能夠指示出光標(biāo)目前的位置，并能告知光標(biāo)經(jīng)過的位置上是否有特殊的元素等待進(jìn)一步操作。系統(tǒng)的反饋也要明確。 （ 1）反饋的要 點(diǎn)。 其次，應(yīng)該將核心的控件突顯出來。進(jìn)度條也可以做成豐富的圖形動畫。 （ 2）滑塊。 控件的作用是用來完成設(shè)定好的操控。交互設(shè)計(jì)主要有一下要點(diǎn)： 預(yù)設(shè)用途一次也能翻譯成示能性，是指物品被認(rèn)為具有的性能以及實(shí)際上的性能。 3） 提問中帶有設(shè)計(jì)人員自己的傾向。 （ 2） 觀察視頻。 觀察是用戶研究方法中最常用到的類型。把這些方法進(jìn)行分類，大致可以分 為背景調(diào)查、觀察、訪談 3 大類。在這一設(shè)計(jì)方法體系中，目標(biāo)用戶研究有著非常重要的位置，其工作有可能是在設(shè)計(jì)之初，也有可能貫穿于整個設(shè)計(jì)過程中。圖形的特點(diǎn)主要在于它的直觀性，可以通過模擬已有的東西，讓用戶憑借簡單的視覺對比和經(jīng)驗(yàn)就能知道圖形代表的內(nèi)容及含義。文件夾、畫筆等等都是廣泛隱喻的經(jīng)典范烈。 （ 1） 同一圖標(biāo)家族。 圖標(biāo)在變成范例后，它就不可動搖。 指令音雖然短暫，但它可以通 過設(shè)計(jì)來烘托內(nèi)容，提前給用戶以心理的暗示。雖然沒有視覺信息那么強(qiáng)烈，但是恰當(dāng)?shù)穆曇粼O(shè)計(jì)可以讓信息的隱喻更加豐富。據(jù)研究，圖形變化節(jié)奏越快，就越能吸引人的視線。文字作為重要的界面構(gòu)成元素，同時又是信息的重要載體，選用何種字體、何種大小、何種顏色、怎樣與底色搭配、怎樣排版，都深深影響著界面的視覺和運(yùn)行效果。高貴的黑色，淡雅的蔚藍(lán)色，幽深的紫色，高貴的紅色和銀色，使每一個用戶都能從中找到適合自己的、自己喜歡的外觀。先選定一種顏色，然后選擇其對比色，當(dāng)然，這中間應(yīng)考慮色飽和度的對比關(guān)系。有明快感的配色對比大，有憂郁感的配色對比小。在色相中，最強(qiáng)感的是紅色；有強(qiáng)感的色純度高，而且對比度大；有弱感的色純度低，而且對比度小。給人熱情、刺激、前進(jìn)、喜慶等感覺的是暖色；給人寒冷、收縮、后退等感覺的是 冷色。 有些色彩給人的感覺是兩極的，比如黑色有時給人沉默、空虛的感覺，但有時也感覺莊嚴(yán)、肅穆。白色常給人以光的聯(lián)想，現(xiàn)在很多界面設(shè)計(jì)中具有透明質(zhì)感的反光設(shè)計(jì)，實(shí)際上都是因?yàn)榭紤]到白色的特性。綠色的區(qū)域是安全的，綠色的逃生標(biāo)志引導(dǎo)人們在緊急情況下的逃生路線；綠色的圖標(biāo)提示意味著一切正常等。他頗受成年人的喜愛，因?yàn)樗憩F(xiàn)得更加理智、更加成熟。在逐漸變 暗時，紅色變得深沉而莊重；反之則變得有激情而歡快。但至少在評估這個話題時，可以首先界定目標(biāo)用戶群，分析用戶需求，隨之有效地探南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 6 頁 共 31 頁 究界面一致性如何與用戶預(yù)期吻合。另外要善于利用窗體的空白，還有分割用的線條。 合理的布局 首先，一定的邏輯性要在界面的總體布局中體現(xiàn)出來，總體布局最好能夠與工作流程吻合。 ，軟件最好能夠提供取消系列操作。 。假如圖標(biāo)比較抽象，則應(yīng)給圖標(biāo)加上文字說明，不讓用戶誤解?？墒怯捎谟脩羧后w之間生活的環(huán)境不同，從而會存在年齡、性別、語言、教育程度的差異，進(jìn)而導(dǎo)致使用習(xí)慣也有很大差異。 可見美工人員并不屬于理想的軟件界面設(shè)計(jì)師。 因?yàn)橛?jì)算機(jī)軟件專業(yè)學(xué)生接受的教育幾乎都是科學(xué)技術(shù)理論知識，他們對于設(shè)計(jì)出易用美觀的用戶界面感到很茫然，許多人甚至不知道還有界面設(shè) 計(jì)這回事。 千萬不要認(rèn)為軟件開發(fā)就是編程，僅懂編程的人，絕不可能做出好的軟件系統(tǒng)。開發(fā)者開發(fā)的軟件必須滿足用戶的需求，并且保證軟件易于使用。 重視用戶界面設(shè)計(jì)有重要的意義。要成為優(yōu)秀的軟件人 才，僅學(xué)會編程語言是遠(yuǎn)不夠的。 我們把軟件界面開發(fā)分為三個環(huán)節(jié)：交互設(shè)計(jì)、視覺設(shè)計(jì)和程序?qū)崿F(xiàn)。就目前情形來看，既能做好交互設(shè)計(jì)又能做好視覺設(shè)計(jì)的界面設(shè)計(jì)師還是比較少見的，能夠在做好交互設(shè)計(jì)、視覺設(shè)計(jì)的基礎(chǔ)上再做好程序?qū)崿F(xiàn)的人更加罕見。在設(shè)計(jì)軟件界面之前，各類用戶群體的使用習(xí)慣是我們需要迫切了解的，努力使用戶在操作軟件界面的時侯感覺不到麻煩，一般要為了適應(yīng)各種類型的用戶提供多種操作途徑。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 頁 共 31 頁 。 。 。界面設(shè)計(jì)人員要在全面地了解軟件需求的前提下，才能找到對界面布局有一定幫助的信息。 一致性 界面一致性的體現(xiàn)包含了諸多方面，其中最需要注意的是一下幾點(diǎn)： 。 色彩的選擇與組合 在界面設(shè)計(jì)中，色彩的色調(diào)和組合關(guān)系會短時間起到“凝聚”用戶 視覺的作用，同時也會使用戶產(chǎn)生心理的變化。在色環(huán)上，當(dāng)紅色變向紫色時，紅色就逐漸由興奮變?yōu)榘察o，變得浪漫、豪華、嚴(yán)肅、富裕、強(qiáng)大和優(yōu)雅。藍(lán)色越深，就越顯得深邃、遙遠(yuǎn)；反之，便會引起人夢幻、童話、南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 7 頁 共 31 頁 清涼的感受。 橙色也像綠色一樣具有其他兩種顏色的特征。它可以讓畫面有一種透氣感，使得界面不但有清新明亮的感覺，而且沒有壓迫感，也沒有沉悶感。白色有時讓人感覺到恐懼和悲哀， 但有時卻給人以無限的希望。在運(yùn)用中常會見到色彩的冷暖對比，所以它非常重要。在無彩色系中，最具強(qiáng)感的是黑色，最具弱感的是白色。 給人以華麗感的色彩鮮艷、明度高；具有樸素感的色彩晦澀、深諳。 。 紫色與黑色整體顏色的搭配，看起來非常的典雅。 設(shè)計(jì)人員應(yīng)當(dāng)為用戶設(shè)置一些舒適又易讀的文 字方案，同時也可以用戶自定義文字的字體、大小和顏色，讓應(yīng)用程序自適應(yīng)用戶的設(shè)定以保證文字的正常顯示。所以，動態(tài)人員應(yīng)保證動態(tài)的節(jié)奏以適應(yīng)內(nèi)容和信息傳達(dá)的需要，比如可以讓熱點(diǎn)重要信息快節(jié)奏地閃爍來快速抓住用戶的視線。 聲音信息的解讀比視覺信息的解讀更加容易，這主要依靠用戶的直覺感受與生活經(jīng)驗(yàn)。結(jié)合界面類型和風(fēng)格而設(shè)計(jì)的指令音，不但可以體現(xiàn)界面使用的整體性和一致性，還因?yàn)榉答伖δ艹蔀榻缑嬉子眯詫?shí)現(xiàn)的一個參考指標(biāo)。有的軟件開發(fā)者想試圖改變范例，但這要承擔(dān)令部分用戶沒有辦法理解的風(fēng)險(xiǎn)。從前面的介紹來看，同一圖標(biāo)需要根據(jù)具體的應(yīng)用環(huán)境，來設(shè)計(jì)出不同尺寸和色深度的圖標(biāo)家族成員。 在一種文化語義下理解的事物到了另一種 文化語義下就可能不被理解，或者會被理解為其他意義。語言則不是這樣的，世界各地甚至于同一國家里人們使用的語言都是不太一樣的，因此在母語國家看起來容易被理解的文字，對其他國家及地區(qū)的人來說那就是天書。 在用戶研究中，人體工程學(xué)、心理工程學(xué)、社會學(xué)、和組織行為學(xué)都會提供有益的指導(dǎo)。 這一方法的核心是輸入現(xiàn)有的背景資料，輸出對于用戶研究有用的信息。觀察法需要設(shè)計(jì)人員進(jìn)入到用戶使用同類界面的情境中去，直接接觸用戶及系統(tǒng)，能夠方便地獲取大量的第一手資料。觀察視頻可以分為兩種：一種是讓用戶都在實(shí)驗(yàn)室進(jìn)行，對于環(huán)境影響較小的界面系統(tǒng)研究是可以采用這種方式，如網(wǎng)頁使用 研究。 4） 不明確的問題，讓用戶無法回答。 在界 面設(shè)計(jì)中，這一概念非常重要。用按鍵來激活或關(guān)閉某個功能；旋鈕調(diào)整在一定范圍內(nèi)的變化；撥動開關(guān)來在兩種狀態(tài)中切換?；瑝K可以提供在一定范圍內(nèi)的調(diào)整操作，一般用來調(diào)整音量、亮度或范圍。如圖 空間的進(jìn)度條。每個頁面都有核心功能的控件，精心設(shè)計(jì)這類控件的外觀，并調(diào)整尺寸和位置，使之處于最醒目的狀態(tài)。 1）及時。當(dāng)系統(tǒng)正對用戶的操控進(jìn)行處理時，可以提供類似“載入中”或“請稍候”這樣的 提示。在界面中按鈕必須設(shè)置懸停反饋，否則用戶會識別不出按鈕，從而沒有操作的意識和機(jī)會。 5）激活反饋。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 24 頁 共 31 頁 視覺設(shè)計(jì)的主要內(nèi)容有：界面布局，顏色搭配，圖標(biāo)設(shè)計(jì)，字體編排與設(shè)計(jì) ，界面元素的背景圖案設(shè)計(jì)等。 應(yīng)用測試 應(yīng)用測試并非是界面設(shè)計(jì)步驟中的最后一步，它貫穿于整個界面產(chǎn)品開發(fā)和設(shè)計(jì)的全過程，甚至 在整個產(chǎn)品生命周期過程中，從界面產(chǎn)品的前期規(guī)劃到最后退出應(yīng)用市場，它都是一個持續(xù)的、反復(fù)的工作。衡量用戶在使用界面完成任務(wù)時的滿意程度。通常的步驟如下： （ 1）篩選意見。左上角是計(jì)算機(jī)學(xué)院的院徽，讓人一看到就知道這是計(jì)算機(jī)學(xué)院的軟件網(wǎng)站。以學(xué)生進(jìn)入的教務(wù)系統(tǒng)介紹，如圖 ，左邊有“學(xué)籍信息”、“選課系統(tǒng)”、“學(xué)期課表”、“我的成績”等 7 個菜單項(xiàng)，學(xué)籍信息供學(xué)生查詢自己的信息；選課系統(tǒng)供學(xué)生在開學(xué)時選報(bào)相關(guān)課程；學(xué)期課表供 學(xué)生查詢自己的課表、班級課表、教師課表、教師課表，還能查空閑的教室；我的成績供學(xué)生查詢自己的成績和不及格課程補(bǔ)考報(bào)名；重修報(bào)