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