【正文】 認(rèn)為界面設(shè)計(jì)是美工人員的事情，否則公司招聘美工人員有什么用？ 編程實(shí)現(xiàn)是在美工人員完成界面設(shè)計(jì)后進(jìn)行，由程序員負(fù)責(zé)的，至于界面設(shè)計(jì)好不 好程序員不去管。 可見(jiàn)美工人員并不屬于理想的軟件界面設(shè)計(jì)師。讀者（開(kāi)發(fā)者）理解這些設(shè)計(jì)原則的含義后，要結(jié)合準(zhǔn)備的開(kāi)發(fā)軟件的基本特征，進(jìn)一步融會(huì)和細(xì)研究，從而確定開(kāi)發(fā)軟件的界面設(shè)計(jì)原則?？墒怯捎谟脩羧后w之間生活的環(huán)境不同，從而會(huì)存在年齡、性別、語(yǔ)言、教育程度的差異，進(jìn)而導(dǎo)致使用習(xí)慣也有很大差異。一款產(chǎn)品最好是只面向一個(gè)用戶群體，這樣容易設(shè)計(jì)而且質(zhì)量也可靠。假如圖標(biāo)比較抽象，則應(yīng)給圖標(biāo)加上文字說(shuō)明，不讓用戶誤解。但是不要把功能菜單、有嚴(yán)格邏輯關(guān)系的狀態(tài)集按照字母順序排列。 。 ，可以采用列表框。 ，軟件最好能夠提供取消系列操作。 最少操作步驟 在設(shè)計(jì)用戶界面的過(guò)程中，軟件設(shè)計(jì)師應(yīng)當(dāng)盡可能多地為用戶著想，讓用戶用南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 5 頁(yè) 共 31 頁(yè) 最少的操作步驟完成某項(xiàng)任務(wù)，保證使用效率達(dá)到最高，最大程度地讓用戶滿意。 合理的布局 首先，一定的邏輯性要在界面的總體布局中體現(xiàn)出來(lái)，總體布局最好能夠與工作流程吻合。要保證合適的窗體尺寸，界面元素不要放得太擁擠，在邊界的地方要留有一定的空間，但是也不能太寬松，那樣會(huì)顯得零亂。另外要善于利用窗體的空白，還有分割用的線條。 。但至少在評(píng)估這個(gè)話題時(shí)，可以首先界定目標(biāo)用戶群，分析用戶需求，隨之有效地探南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 6 頁(yè) 共 31 頁(yè) 究界面一致性如何與用戶預(yù)期吻合。 色彩的象征意義和心理暗示從人類(lèi)的高級(jí)情感來(lái)分析，具體如下： 紅色是一種令人激奮的色彩。在逐漸變 暗時(shí)，紅色變得深沉而莊重；反之則變得有激情而歡快。 黃色還具有警示作用。他頗受成年人的喜愛(ài)，因?yàn)樗憩F(xiàn)得更加理智、更加成熟。它加進(jìn)一點(diǎn)白色，就可以產(chǎn)生一種女性的優(yōu)雅和輕盈的感覺(jué)。綠色的區(qū)域是安全的，綠色的逃生標(biāo)志引導(dǎo)人們?cè)诰o急情況下的逃生路線；綠色的圖標(biāo)提示意味著一切正常等。 紫色令 人聯(lián)想到昏暗、深刻、高貴、奢華、陰暗、悲哀、不可靠。白色常給人以光的聯(lián)想，現(xiàn)在很多界面設(shè)計(jì)中具有透明質(zhì)感的反光設(shè)計(jì)，實(shí)際上都是因?yàn)榭紤]到白色的特性。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 8 頁(yè) 共 31 頁(yè) 灰色具有中庸、平凡、溫和、中立、單調(diào)、矛盾、厭世、高雅的感覺(jué)。 有些色彩給人的感覺(jué)是兩極的，比如黑色有時(shí)給人沉默、空虛的感覺(jué)，但有時(shí)也感覺(jué)莊嚴(yán)、肅穆。例如，在夏天掛上深綠色窗簾，不見(jiàn)一絲陽(yáng)光，就會(huì)在心理上感到非常涼快。給人熱情、刺激、前進(jìn)、喜慶等感覺(jué)的是暖色；給人寒冷、收縮、后退等感覺(jué)的是 冷色。 色彩的軟硬感主要由明度和純度來(lái)衡量，一般來(lái)說(shuō)有軟感得色彩明度高、純度低；有硬感的色彩明度低、純度低。在色相中，最強(qiáng)感的是紅色；有強(qiáng)感的色純度高，而且對(duì)比度大；有弱感的色純度低，而且對(duì)比度小。 色彩的明快憂郁感與明度、純度、色相、配色對(duì)比均有關(guān)系。有明快感的配色對(duì)比大，有憂郁感的配色對(duì)比小。而色彩組合的總體原則也是界面設(shè)計(jì)的主要原則，即一致性。先選定一種顏色，然后選擇其對(duì)比色，當(dāng)然，這中間應(yīng)考慮色飽和度的對(duì)比關(guān)系。 ，花紋繁復(fù)的圖案絕對(duì)不能用來(lái)作為背景，以免影響那些主要文字信息的讀取。高貴的黑色，淡雅的蔚藍(lán)色，幽深的紫色，高貴的紅色和銀色，使每一個(gè)用戶都能從中找到適合自己的、自己喜歡的外觀。 圖 淺藍(lán)和深藍(lán)搭配 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 12 頁(yè) 共 31 頁(yè) 銀色，深灰和藍(lán)色的搭配，看起來(lái)很干凈，簡(jiǎn)單，如圖 。文字作為重要的界面構(gòu)成元素，同時(shí)又是信息的重要載體，選用何種字體、何種大小、何種顏色、怎樣與底色搭配、怎樣排版，都深深影響著界面的視覺(jué)和運(yùn)行效果。 界面的類(lèi)型和用途千差萬(wàn)別，針對(duì)不同的界面應(yīng)該有不同的文字設(shè)計(jì)方案，因此，具體的設(shè)計(jì)思路和技巧需要放置在不同的界面類(lèi)型和界面設(shè)計(jì)目的中區(qū)考慮。據(jù)研究，圖形變化節(jié)奏越快，就越能吸引人的視線。其所需要支持的技術(shù)也很多。雖然沒(méi)有視覺(jué)信息那么強(qiáng)烈，但是恰當(dāng)?shù)穆曇粼O(shè)計(jì)可以讓信息的隱喻更加豐富。在某些情境中，單有聲音信息或視覺(jué)信息都無(wú)法準(zhǔn)確表達(dá)出信息的含義，這時(shí)候兩者的配合就顯得很重要。 指令音雖然短暫，但它可以通 過(guò)設(shè)計(jì)來(lái)烘托內(nèi)容，提前給用戶以心理的暗示。仔細(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ì)師的愛(ài)好為圖標(biāo)內(nèi)容的選擇標(biāo)準(zhǔn)，不管用戶的感受；圖標(biāo)的設(shè)計(jì)沒(méi)有規(guī)則，即使同一系統(tǒng)的圖標(biāo)之間也沒(méi)有任何關(guān)聯(lián)性和相似性。 圖標(biāo)在變成范例后，它就不可動(dòng)搖。假如圖標(biāo)中沒(méi)有喚起記憶的要素，那么要想靠表面視覺(jué)來(lái)理解圖標(biāo)的意思就會(huì)比較困難，這個(gè)有時(shí)會(huì)讓用戶放棄使用。 （ 1） 同一圖標(biāo)家族。具體的來(lái)說(shuō)，應(yīng)該要從色深度較高的大圖標(biāo)展開(kāi)設(shè)計(jì)，然后再根據(jù)具體要求，弱 化那些不重要的內(nèi)容，刪除那些無(wú)法保留的內(nèi)容，最后強(qiáng)化在圖形中一些結(jié)構(gòu)上的因素，這樣各種版本感覺(jué)差不多就行了。文件夾、畫(huà)筆等等都是廣泛隱喻的經(jīng)典范烈。即使在同一大文化背景下，也會(huì)因?yàn)榇渭?jí)的語(yǔ)義環(huán)境而產(chǎn)生不同的理解。圖形的特點(diǎn)主要在于它的直觀性，可以通過(guò)模擬已有的東西，讓用戶憑借簡(jiǎn)單的視覺(jué)對(duì)比和經(jīng)驗(yàn)就能知道圖形代表的內(nèi)容及含義。曲線的顯示效果不太理想，不規(guī)則的像素排列會(huì)形成鋸齒狀，影響線條的流暢性。在這一設(shè)計(jì)方法體系中，目標(biāo)用戶研究有著非常重要的位置，其工作有可能是在設(shè)計(jì)之初，也有可能貫穿于整個(gè)設(shè)計(jì)過(guò)程中。一般可以設(shè)定一些參數(shù)來(lái)對(duì)目標(biāo)用戶進(jìn)行定義。把這些方法進(jìn)行分類(lèi)，大致可以分 為背景調(diào)查、觀察、訪談 3 大類(lèi)。 但是搜集的這些間接資料，有幾個(gè)問(wèn)題需要注意： 1） 時(shí)效性。 觀察是用戶研究方法中最常用到的類(lèi)型。 具體方法有以下兩種： （ 1） 跟隨影子法。 （ 2） 觀察視頻。主要方式如下： （ 1）面談 這種方法能夠在面對(duì)用戶的情況下進(jìn)行深度的討論，從而獲得有價(jià)值的信息。 3） 提問(wèn)中帶有設(shè)計(jì)人員自己的傾向。如果是簡(jiǎn)單的用戶數(shù)據(jù)收集與研究對(duì)象招募，可以使用一些社交網(wǎng)站上的調(diào)查工具。交互設(shè)計(jì)主要有一下要點(diǎn)： 預(yù)設(shè)用途一次也能翻譯成示能性，是指物品被認(rèn)為具有的性能以及實(shí)際上的性能。藍(lán)色的文字會(huì)告訴用戶此處是一個(gè)鏈接熱區(qū)，單擊就會(huì)有新的頁(yè)面或內(nèi)容出現(xiàn)，鼠標(biāo)經(jīng)過(guò)時(shí)鏈接也會(huì)顯示南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 21 頁(yè) 共 31 頁(yè) 出下劃線進(jìn)行提示。 控件的作用是用來(lái)完成設(shè)定好的操控。按鈕是界面中常用到的控件。 （ 2）滑塊。文本框可以提供輸入文本的空間，這種控件往往會(huì)包含在搜索框或各種表單中。進(jìn)度條也可以做成豐富的圖形動(dòng)畫(huà)。使用標(biāo)準(zhǔn)控件能讓用戶快速地把使用一種界面的經(jīng)驗(yàn)轉(zhuǎn)移到同類(lèi)界面中。 其次，應(yīng)該將核心的控件突顯出來(lái)。如果控件來(lái)自于現(xiàn)實(shí)生活，那么可以以控件原型的擺放習(xí)慣為參照，使控件與原型一一對(duì)號(hào)。 （ 1）反饋的要 點(diǎn)。當(dāng)顧客有需求時(shí)，服務(wù)員如果不能馬上服務(wù)客戶，也應(yīng)該及時(shí)地反饋給客戶表明已經(jīng)收到了他的請(qǐng)求。系統(tǒng)的反饋也要明確。 （ 2） 反饋的類(lèi)別。懸停反饋能夠指示出光標(biāo)目前的位置，并能告知光標(biāo)經(jīng)過(guò)的位置上是否有特殊的元素等待進(jìn)一步操作。單機(jī)反饋是界面元素在被單擊后產(chǎn)生的反應(yīng)，表明此元素已經(jīng)被單擊。進(jìn)度反饋分為確定性反饋和不確定性反饋兩種，確定性反饋可以告知用戶進(jìn)程大致的完成比例。 錯(cuò)誤信息提示是界面交互系統(tǒng)中也要顧及的方面。 視覺(jué)設(shè)計(jì) 視覺(jué)設(shè)計(jì)師一般由負(fù)責(zé)美工的人來(lái)?yè)?dān)任，在已經(jīng)確定了的交互設(shè)計(jì)方案基礎(chǔ)之上，盡量使界面變得美觀，讓用戶看了更加舒服。在著手應(yīng)用軟件的界面設(shè)計(jì)時(shí)，可以首先從素材庫(kù)中選出合適的界面元素，假如沒(méi)有合適的，再嘗試制作新的，不斷地素材庫(kù)變得更豐富。 開(kāi)發(fā)團(tuán)隊(duì)?wèi)?yīng)該要努力使“界面”和“業(yè)務(wù)邏輯”分離，使兩者之間的相互干擾降到最?。? ； ； （如文字、圖片等），實(shí)現(xiàn)特定功能的界面。測(cè)試的時(shí)間和次數(shù)是沒(méi)有任何規(guī)定的，只要需要就可以進(jìn)行測(cè)試。但無(wú)論哪一種界面類(lèi)型，評(píng)估的內(nèi)容都逃不開(kāi)一下幾個(gè)反面： （ 1）界面的實(shí)用性。 （ 4）系統(tǒng)設(shè)備及功能使用面。 測(cè)試 — 評(píng)估之后，設(shè)計(jì)人員需要篩選出必須關(guān)注的問(wèn)題，并給出實(shí)用性的修改意見(jiàn)以幫助界面進(jìn)行調(diào)整。 南華大學(xué)計(jì)算機(jī)學(xué)院科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 26 頁(yè) 共 31 頁(yè) 第五章 關(guān)于計(jì)算機(jī)學(xué)院軟件界面設(shè)計(jì)的思考 計(jì)算機(jī)學(xué)院的軟件界面設(shè)計(jì)要符合我們南華大學(xué)的形象識(shí)別規(guī)范，圖 是學(xué)校的形象識(shí)別系統(tǒng)主頁(yè)面，學(xué)校的主顏色是藍(lán)色。 圖 計(jì)算機(jī)學(xué)院院徽 圖 是計(jì)算機(jī)學(xué)院的網(wǎng)站主頁(yè)面，大體以藍(lán)色為主色調(diào)，體現(xiàn)現(xiàn)代 計(jì)算機(jī)領(lǐng)域的發(fā)展方向。主頁(yè)面布局清晰明朗，顏色搭配合理。 （ 3）以老師和學(xué)生的用戶需求為中心，老師和學(xué)生是兩個(gè)不同的用戶族群，他們的需求不同，在進(jìn)入界面后能進(jìn)行的操作也不一樣，但都必須滿足他們每天在工作和學(xué)習(xí)上的需要。如圖 右上角。導(dǎo)航條上面 區(qū)域左上角有計(jì)算機(jī)學(xué)院的院徽，是學(xué)院的象征。轉(zhuǎn)眼間，就要收拾行囊，告別我呆了四年的大學(xué)，作別許多老師，好友、同學(xué)，邁出新的一步。做一件事情應(yīng)該要有條不紊，有計(jì)劃，有步驟，界 面設(shè)計(jì)也應(yīng)有自