1、el湖用片自打?qū)W刷學(xué)學(xué)儻HLNAN INFORMATION SCIENCE VOCATIONAL COLLEGE備課本Lesson Preparation2013 - 2014學(xué)年 第 一 學(xué)期Academic Year - Semester課程名稱Course教材名稱及版本Textbook and Edition授課班級(jí)Class教師姓名Teacher審 核 人ApproverUI設(shè)十UI設(shè)計(jì)2011平面1班填寫(xiě)說(shuō)明1、此備課本用來(lái)書(shū)寫(xiě)教案，適用于所有專職教師、兼職教師和兼課教師。2、所有承擔(dān)教學(xué)任務(wù)的教師需書(shū)寫(xiě)紙質(zhì)版教案，如因使用多媒體教學(xué)需要和 教學(xué)任務(wù)繁重，可用電子版教案，但格式必須按

2、紙質(zhì)版格式，且所有教案的書(shū)寫(xiě) 應(yīng)與學(xué)期授課計(jì)劃相符合。3、備課過(guò)程中的各個(gè)環(huán)節(jié)和要素可根據(jù)實(shí)際授課內(nèi)容進(jìn)行填寫(xiě)。如：授課課題：（教學(xué)章、節(jié)、標(biāo)題或項(xiàng)目名稱）教學(xué)目標(biāo)和要求：（教學(xué)目標(biāo)一般說(shuō)應(yīng)包含知識(shí)教學(xué)、能力發(fā)展和思想教育三 方面內(nèi)容，教學(xué)要求是指識(shí)記、理解、簡(jiǎn)單應(yīng)用、綜合應(yīng)用等層次）教學(xué)重點(diǎn)和難點(diǎn)：教學(xué)重點(diǎn)，是為了達(dá)到確定的教學(xué)目的而必須著重講解和 分析的內(nèi)容；教學(xué)難點(diǎn)，是就學(xué)生的接受情況而言的，學(xué)生經(jīng)過(guò)自學(xué)還不能理解 或理解有困難的地方，即可確定為教學(xué)難點(diǎn)。教學(xué)方法：（討論、啟發(fā)、演示、辯論、講練結(jié)合、案例教學(xué)、情境模擬等）教學(xué)手段：（多媒體教學(xué)、錄像帶、掛圖、幻燈片等）授課時(shí)間：第 周課

3、時(shí)累計(jì)：教學(xué)過(guò)程：（體現(xiàn)教學(xué)步驟，包括時(shí)間分配和教學(xué)內(nèi)容教學(xué)進(jìn)程）作業(yè)布置：（含思考題、討論題）課后反思：（因?yàn)檎n后反思是教案實(shí)施效果追記，課前還不能打印，只能課后 用筆手寫(xiě)）4、備課本的審核人為各教研室（項(xiàng)目中心）主任。授課課題認(rèn)識(shí)界面門一UI設(shè)計(jì)說(shuō)課教學(xué)目標(biāo)和要求通過(guò)本章學(xué)習(xí)使學(xué)生了解 UI在中國(guó)的發(fā)展，以及UI的是什 么教學(xué)重點(diǎn)和難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國(guó)的發(fā)展，以及UI是什么。 教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第九周課時(shí)累計(jì)2教學(xué)過(guò)程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配導(dǎo)入新課：UI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互

4、、操作邏輯、界面美觀的整體設(shè)計(jì)。好的 UI設(shè)計(jì) 不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、 簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。第一節(jié)UI是什么軟件設(shè)計(jì)可分為兩個(gè)部分：編碼設(shè)計(jì)與 UI設(shè)計(jì)時(shí)間分配教學(xué)步驟及教學(xué)內(nèi)容編碼設(shè)計(jì)大家都很熟悉，但是UI設(shè)計(jì)還是一個(gè)很陌生的 詞，即使一些專門從事網(wǎng)站與多媒體設(shè)計(jì)的人也不完全理解 UI的意思。UI的本意是用戶界面，是英文 User和interface 的縮寫(xiě)。從字面上看是用戶與界面 2個(gè)組成部分，但實(shí)際上 還包括用戶與界面之間的交互關(guān)系。在飛速發(fā)展的電子產(chǎn)品中，界面設(shè)計(jì)工作一點(diǎn)點(diǎn)的被重 視起來(lái)。做界面設(shè)計(jì)的 美工”也隨之被稱之為“ U設(shè)計(jì)師

5、”或“UIX程師”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型 設(shè)計(jì)一樣，是產(chǎn)品的重要賣點(diǎn)。一個(gè)電子產(chǎn)品擁有美觀的界 面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與商品的距離，為商 家創(chuàng)造賣點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà)，他需要定位使 用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是建立 在科學(xué)性之上的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)既不是某個(gè) 項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果，而是終 端用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一 個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。第二節(jié)UI設(shè)計(jì)師是做什么的在中國(guó)，UI設(shè)計(jì)還是一個(gè)需要不斷成長(zhǎng)的設(shè)計(jì)領(lǐng)域，但 eicodesign,Tigocn, lk

6、kui design, Robin design 等國(guó)內(nèi)知名設(shè)計(jì)機(jī)構(gòu)已經(jīng)進(jìn)入了探索UI設(shè)計(jì)的道路。UI設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3個(gè)方向。它主要是由UI 研究的3個(gè)因素決定的，具分別是研究工具，研究人與界面 的關(guān)系，研究人。研究界面圖形設(shè)計(jì)師 Graphic UI designer國(guó)內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。也有人稱 之為美工，但實(shí)際上不是單純意義上的美術(shù)工人，而是軟件 產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。這些設(shè)計(jì)師大多是美術(shù)院校畢業(yè)的，其中大部分是有美 術(shù)設(shè)計(jì)教育背景，例如工業(yè)外形設(shè)計(jì)，裝潢設(shè)計(jì)，信息多媒 體設(shè)計(jì)等。研究人與界面的關(guān)系交互設(shè)計(jì)師，interaction designer在圖形界

7、面產(chǎn)生之前，長(zhǎng)期以來(lái)UI設(shè)計(jì)師就是指交互設(shè) 計(jì)師。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹(shù) 狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個(gè)軟件產(chǎn)品 在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交 互規(guī)范。交互設(shè)計(jì)師一般都是軟件工程師背景居多。研究人用戶測(cè)試/研究工程師 User experience engineer任何的產(chǎn)品為了保證質(zhì)量都需要測(cè)試，軟件的編碼需要 測(cè)試，自然UI設(shè)計(jì)也需要被測(cè)試。這個(gè)測(cè)試和編碼沒(méi)有任何 關(guān)系，主要是測(cè)試交互設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀性。 測(cè)試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶問(wèn)卷的形式來(lái) 衡量UI設(shè)計(jì)的合理性。這個(gè)職位很重要，如果沒(méi)有這個(gè)職

8、位， UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng) 判，這樣就會(huì)給企業(yè)帶來(lái)嚴(yán)重的風(fēng)險(xiǎn)性。用戶研究工程師一般是心理學(xué)人文學(xué)背景比較合適。綜上所述UI設(shè)計(jì)師就是：軟件圖形設(shè)計(jì)師、交互設(shè)計(jì)師和用戶研究工程師。 其中交互設(shè)計(jì)師：“UI本義是用戶界面，是英文User和interface的縮寫(xiě)。 UI設(shè)計(jì)師則指從事對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人。工作內(nèi)容：負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作；根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸 引力的創(chuàng)意設(shè)計(jì)；對(duì)頁(yè)面進(jìn)行優(yōu)化，使用戶操作更趨于人性化；維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品；收集和分析用戶對(duì)于GUI的需求。第三節(jié)UI設(shè)計(jì)在中國(guó)

9、的現(xiàn)狀目前在國(guó)內(nèi)UI還是一個(gè)相對(duì)陌生的詞，即便是洛可可設(shè) 計(jì)也在UI設(shè)計(jì)的道路上不斷探索客戶及用戶的需求。 我們經(jīng) 常看到一些招聘廣告寫(xiě)著：招聘界面美工、界面美術(shù)設(shè)計(jì)師 等等。這表明在國(guó)內(nèi)對(duì)UI的理解還停留在美術(shù)設(shè)計(jì)方面，認(rèn) 為UI的工作只是描邊畫(huà)線，缺乏對(duì)用戶交互的重要性的理 解；另一方面在軟件開(kāi)發(fā)過(guò)程中還存在重技術(shù)而不重應(yīng)用的 現(xiàn)象。許多商家認(rèn)為軟件產(chǎn)品的核心是技術(shù)， 而UI僅僅是次 要的輔助，這點(diǎn)在人員的比例與待遇上可以表現(xiàn)出來(lái)。但這不是UI設(shè)計(jì)真正的價(jià)值體現(xiàn)，只是 UI設(shè)計(jì)發(fā)展的一個(gè)必經(jīng) 過(guò)程。我們以物質(zhì)產(chǎn)品手機(jī)行業(yè)為例，當(dāng)手機(jī)剛剛進(jìn)入市場(chǎng) 的時(shí)候不但價(jià)格貴的驚人，而且除了通話以外沒(méi)有

10、什么其他 功能。由于當(dāng)時(shí)的主導(dǎo)是技術(shù)，所以大家都把精力放在信號(hào)、 待機(jī)時(shí)間、壽命等方面，對(duì)于產(chǎn)品的造型，使用的合理性很 少關(guān)心。事過(guò)境遷，如今技術(shù)已經(jīng)完全的達(dá)到用戶的需求， 于是商家為了創(chuàng)造賣點(diǎn)，提高爭(zhēng)力，非常重視產(chǎn)品的外觀設(shè) 計(jì)，除此之外還頻頻推出短信，彩屏，和鉉，彩信,攝像頭等等。 這樣一來(lái)產(chǎn)品的美觀、個(gè)性、易用、易學(xué)、人性化等等都成 了產(chǎn)品的賣點(diǎn)。軟件產(chǎn)品與物質(zhì)產(chǎn)品的發(fā)展是相同的。過(guò)去 由于計(jì)算機(jī)硬件的限制，編碼設(shè)計(jì)成為軟件開(kāi)發(fā)的代名詞， 美觀親和的圖形化界面與合理易用的交互方式都沒(méi)有得到充 分的重視，實(shí)際上這個(gè)時(shí)期的軟件叫作軟件程序，而不是軟 件產(chǎn)品。現(xiàn)今隨著計(jì)算機(jī)硬件的飛速發(fā)展，過(guò)去

11、的軟件程序已經(jīng) 不能適應(yīng)用戶的要求。軟件產(chǎn)品在激烈的市場(chǎng)競(jìng)爭(zhēng)中，僅僅 有強(qiáng)大的功能是遠(yuǎn)遠(yuǎn)不夠的，不足以戰(zhàn)勝?gòu)?qiáng)勁的對(duì)手。幸運(yùn) 的是在國(guó)內(nèi)一些高瞻遠(yuǎn)矚的民族企業(yè)已經(jīng)開(kāi)始意識(shí)到UI給軟件產(chǎn)品帶來(lái)的巨大賣點(diǎn)了，例如金山公司的影霸、詞霸、 毒霸、網(wǎng)標(biāo)，由于重視UI的開(kāi)發(fā)與地位，才使得金山產(chǎn)品在 同類軟件產(chǎn)品中首屈一指。聯(lián)想軟件的UI部門積極開(kāi)展用戶 研究與使用性測(cè)試，將易用與美觀相結(jié)合，推出的雙模式電 腦、幸福系列等成功UI范例，為聯(lián)想贏得全球消費(fèi)PC第三 的稱號(hào)等等、等等.實(shí)踐證明，各商家只要在產(chǎn)品美觀和易用 設(shè)計(jì)方面很小投入，將會(huì)有很大產(chǎn)出。其投入產(chǎn)出比，要比 在功能領(lǐng)先性開(kāi)發(fā)上的投入大得多。我們不

12、得不承認(rèn)現(xiàn)階段中國(guó)在很多領(lǐng)域都與西方發(fā)達(dá)國(guó) 家有相當(dāng)大的差距，如何趕上并超過(guò)他們是我們這代人肩負(fù) 的歷史使命。軟件產(chǎn)品領(lǐng)域不象物質(zhì)產(chǎn)品那樣存在工藝、材 料上的限制，軟件產(chǎn)品核心問(wèn)題就是人。提高軟件 UI設(shè)計(jì)師 個(gè)人能力減小人員上的差距是中國(guó) UI發(fā)展首要關(guān)鍵的問(wèn)題。目前國(guó)內(nèi)各院校還沒(méi)有設(shè)立相對(duì)健全的 UI設(shè)計(jì)專業(yè)，所 以提高UI設(shè)計(jì)師能力關(guān)鍵在于提供一個(gè)良好的學(xué)習(xí)與交流 的資源環(huán)境。國(guó)內(nèi)已經(jīng)有很多交流設(shè)計(jì)網(wǎng)站， 介紹工業(yè)設(shè)計(jì)、 平面設(shè)計(jì)、服裝設(shè)計(jì)、繪畫(huà)藝術(shù)、多媒體flash等，但是UI設(shè) 計(jì)一直沒(méi)有受到應(yīng)有的關(guān)注，僅僅被放在數(shù)碼設(shè)計(jì)或者平面 網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)欄目里，這僅有的資源對(duì)培養(yǎng)優(yōu)秀的設(shè)計(jì)師

13、 是不夠的，必須有一個(gè)信息快捷、資源豐富、設(shè)計(jì)水平一流、 專業(yè)權(quán)威的UI設(shè)計(jì)學(xué)習(xí)與交流的地方才能適應(yīng)日益發(fā)展的UI設(shè)計(jì)師們的需求。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配作業(yè)布置課后反思授課課題認(rèn)識(shí)界面門教學(xué)目標(biāo)和要求界面的概述教學(xué)重點(diǎn)和難點(diǎn)重點(diǎn)：了解什么UI,什么是界面 難點(diǎn)：界面的概述教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第九周課時(shí)累計(jì)4教學(xué)過(guò)程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配導(dǎo)入新課：隨著硬件技術(shù)的飛速發(fā)展，使計(jì)算速度與存儲(chǔ)容量 不再成為軟件開(kāi)發(fā)人員所擔(dān)心的問(wèn)題，用戶關(guān)心的主要問(wèn)題是能 否比較容易和舒適地使用軟件。換言之，人們的著眼點(diǎn)在于軟件 的易用性和美觀，而易用與美觀主要取決于用戶界面，即 UI的 優(yōu)劣

14、。本課主要講解UI的基本理論和設(shè)計(jì)屬性，以期在具體學(xué)習(xí)UI設(shè) 計(jì)技巧和制作技術(shù)之前對(duì) UI設(shè)計(jì)有一個(gè)整體的了解。什么事UI呢？ UI的本意是用戶界面，是英文User和inteface 的縮寫(xiě)。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包 括用戶與界面之間的交互關(guān)系，所以這樣可分為3個(gè)方向，他們 分別是：用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。時(shí)間分配教學(xué)步驟及教學(xué)內(nèi)容1、用戶研究用戶研究包含兩個(gè)方面：一是可用性工程學(xué)(usability Engineering),研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè) 計(jì)更容易被人使用、學(xué)習(xí)和記憶；二是通過(guò)可用性工程學(xué)的 研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外

15、一條思路 和方法(consume門nsight)。用戶研究是一個(gè)跨學(xué)科的專業(yè)，涉及可用性工程學(xué)、人類 功效學(xué)、心理學(xué)、市場(chǎng)研究學(xué)、教育學(xué)、設(shè)計(jì)學(xué)等學(xué)科。用 戶研究技術(shù)是站在人文學(xué)科的角度來(lái)研究產(chǎn)品，站在用戶的 角度介入到產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)中。用戶研究通過(guò)對(duì)于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研 究，使得在產(chǎn)品開(kāi)發(fā)的前期能夠把用戶對(duì)于產(chǎn)品功能的期望、 對(duì)設(shè)計(jì)和外觀方面的要求融入到產(chǎn)品的開(kāi)發(fā)過(guò)程中去，從而 幫助企業(yè)完善產(chǎn)品設(shè)計(jì)或者探索一個(gè)新產(chǎn)品概念。他是得到用戶需求和反饋的途徑，也是檢驗(yàn)界面與交互設(shè) 計(jì)是否合理的重要標(biāo)準(zhǔn)。2、交互設(shè)計(jì)這部分指人與機(jī)之間的交互工程，在過(guò)去交互設(shè)計(jì)也由程 序員來(lái)做，其實(shí)程

16、序員擅長(zhǎng)編碼，而不善于與最終用戶交互。 所以，很多的軟件雖然功能比較齊全，但是交互方面設(shè)計(jì)很 粗糙，繁瑣難用，學(xué)習(xí)困難。使用這樣的軟件后，不是使人 聰明與進(jìn)步而是讓人感到愚弄與羞辱。許多人因?yàn)椴荒懿僮?電腦軟件而下崗失業(yè)，這樣的交互使電腦成為讓人恐懼的科 技怪獸。于是我們把交互設(shè)計(jì)從程序員的工作中分離出來(lái)單 獨(dú)成為一個(gè)學(xué)科，也就是人機(jī)交互設(shè)計(jì)。他的目的在于加強(qiáng) 軟件的易用、易學(xué)、易理解，使計(jì)算機(jī)真正成為方便地為人 類服務(wù)的工具。3、界面設(shè)計(jì)在漫長(zhǎng)的軟件發(fā)展中，界面設(shè)計(jì)工作一直沒(méi)有被重視 起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)軟件 界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要

17、買點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與電腦的距離，為商家創(chuàng)造賣點(diǎn)。界面設(shè)計(jì)不是單純 的美術(shù)繪畫(huà)，他需要定位使用者、使用環(huán)境、使用方式并且 為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè) 界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成 員投票的結(jié)果，而是最終用戶的感受。所以界面設(shè)計(jì)要和用 戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果 的過(guò)程什么是UI?常識(shí)UI行業(yè)常用名詞及縮寫(xiě)定義- 什么是UI :UI的本意是用戶界面，是英文 User和inteface的縮寫(xiě)。- 什么是GUIGraphics UseEnteface 圖形用戶界面有時(shí)也稱為 WIMP=Wi

18、ndow/Icon/Menu/Pointing Device 窗口、 圖標(biāo)、菜單、指點(diǎn)設(shè)備- 什么是HUIHandset UseEnteface手持設(shè)備用戶界面- 什么是WUIWeb User Interface網(wǎng)頁(yè)風(fēng)格用戶界面- 什么是用戶界面設(shè)計(jì)：在人和機(jī)器的互動(dòng)過(guò)程(Human Machine Interaction)中，有 一個(gè)層面，即我們所說(shuō)的界面(interface) o從心理學(xué)意義來(lái) 分，界面可分為感覺(jué)(視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等)和情感兩個(gè)層 次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是 一個(gè)復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、 語(yǔ)言學(xué)等在此都扮演著重要的角色。用戶

19、界面設(shè)計(jì)的三大原 則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保 持界面的一致性。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配作業(yè)布置課后反思授課課題認(rèn)識(shí)界面門一界面設(shè)計(jì)原則和分類教學(xué)目標(biāo)和要求了解和掌握界面設(shè)計(jì)原則和分類教學(xué)重點(diǎn)和難點(diǎn)重點(diǎn)：掌握界面設(shè)計(jì)的基本原則和分類 難點(diǎn)：掌握界面設(shè)計(jì)的基本原則能熟練運(yùn)用到設(shè)計(jì)當(dāng)中教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第九周課時(shí)累計(jì)6教學(xué)過(guò)程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配本節(jié)課我們來(lái)說(shuō)UI藝術(shù)性設(shè)計(jì)的原則方面的問(wèn)題。在結(jié) 構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺(jué) 設(shè)計(jì)。包括色彩啊、字體呀、頁(yè)面哪等。視覺(jué)設(shè)計(jì)的原則主要有 以下這么幾點(diǎn)，同學(xué)們一定要注意嘍！1

20、）界面清晰明了，尤其導(dǎo)航要明確。最好允許用戶定制界面， 如下圖：簡(jiǎn)單的界面設(shè)計(jì)比如像一些音頻軟件、3D軟件他們的界面參數(shù) 比較多，其復(fù)雜的窗口結(jié)構(gòu)就更需要邏輯清晰的設(shè)計(jì)思路，這個(gè)時(shí)候呢，科學(xué)性肯定要遠(yuǎn)遠(yuǎn)大于藝術(shù)性！2）減少短期記憶的負(fù)擔(dān)。就是說(shuō)讓計(jì)算機(jī)幫助記憶，例如 IE進(jìn)入界面地址等可以讓 機(jī)器記住。時(shí)間分配教學(xué)步驟及教學(xué)內(nèi)容3）依賴認(rèn)知而非記憶。譬如打印圖標(biāo)的記憶，下拉菜單列表中的選擇等要符合業(yè)界習(xí)慣。|4）提供視覺(jué)線索。界面要有吸引力，如下圖：5）提供默認(rèn)（default）、撤消（undo）、恢復(fù)（redo）等功能。這方 面好多同學(xué)可能不是很了解，但是你要做好一個(gè)真正的UI設(shè) 計(jì)師，那么

21、功能方面你還是要有一定的掌握喔！當(dāng)然啦，同 學(xué)也不用怕，只要你用心，其實(shí)很簡(jiǎn)單的！Just do it!6）提供界面的快捷方式。7）盡量去使用真實(shí)事物的類比。如電話、打印機(jī)等的圖標(biāo)設(shè) 計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)和使用習(xí)慣。8）完美視覺(jué)的清晰度。條理清晰，圖片、文字的布局和隱喻 不要讓用戶去猜。.*-*竺SHMTIDin to.9）界面要協(xié)調(diào)一致。如手機(jī)界面按鈕擺放，習(xí)慣左鍵肯定、 右鍵否定或按內(nèi)容擺放。10）同樣功能用同樣的圖形表示。11）色彩與內(nèi)容。整體軟件盡量不要超過(guò) 5個(gè)色系（特殊需 要例外），近似的顏色表示近似的意思。二、界面的分類界面依據(jù)其在人與界面互動(dòng)過(guò)程中的作用方式，分為操 作界

22、面和顯示界面兩大類。通常操作界面起到的是控制作用，用戶通過(guò)操作界面發(fā) 出信息，操作機(jī)器執(zhí)行命令，同時(shí)也通過(guò)操作界面對(duì)機(jī)器的 反饋信息作出反應(yīng)動(dòng)作。操作界面主要包括：觸控屏幕、鼠 標(biāo)、鍵盤(pán)、操作手柄、遙控器等。顯示界面主要的職能是信息顯示。用戶通過(guò)顯示界面監(jiān) 控機(jī)器對(duì)于指令的執(zhí)行狀況，同時(shí)也通過(guò)顯示了解機(jī)器在執(zhí) 行命令后狀況。包括圖、文、聲、光等可釋讀要素。一般情況下，顯示界面和操作界面是共存的。操作界面 為人機(jī)互動(dòng)提供了動(dòng)作平臺(tái)，而顯示界面則為人機(jī)互動(dòng)提供了信息平臺(tái)，這兩個(gè)平臺(tái)構(gòu)成了人機(jī)互動(dòng)的基本環(huán)境。根據(jù)界面的用戶特征，我們又可以將界面分為網(wǎng)貞用戶 界面、游戲用戶界面、軟件用戶界面等幾大類。

23、這樣分類的 方式體現(xiàn)了 “以用戶為中心”的核心理念，而整個(gè)界面設(shè)計(jì)教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配的過(guò)程都是圍繞“用戶”這個(gè)中心展開(kāi)的。作業(yè)布置課后反思授課課題認(rèn)識(shí)界面門一設(shè)計(jì)界面的通用性的分析教學(xué)目標(biāo)和要求進(jìn)一步認(rèn)識(shí)界面，了解設(shè)計(jì)界面的通用性并進(jìn)行分析教學(xué)重點(diǎn)和難點(diǎn)重點(diǎn)：設(shè)計(jì)界面的通用性的分析 難點(diǎn)：設(shè)計(jì)界面的功能、情感、環(huán)境的共通教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第九周課時(shí)累計(jì)8教學(xué)過(guò)程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配導(dǎo)入新課隨著硬件技術(shù)的飛速發(fā)展，使計(jì)算速度與存儲(chǔ)容量不再成 為軟件開(kāi)發(fā)人員所擔(dān)心的問(wèn)題，用戶關(guān)心的主要問(wèn)題是能否 比較容易和舒適地使用軟件。換言之，人們的著眼點(diǎn)在于軟 件的易用性和美

24、觀，而易用與美觀主要取決于用戶界面，即UI的優(yōu)劣。本課主要講解UI的基本理論和設(shè)計(jì)屬性，以期在具體學(xué)習(xí)UI設(shè)計(jì)技巧和制作技術(shù)之前對(duì) UI設(shè)計(jì)有一個(gè)整體的了解。1.1 UI設(shè)計(jì)基本介紹眾所周知，在當(dāng)今的硬件與軟件環(huán)境下，一個(gè)軟件沒(méi)有很好 的界面設(shè)計(jì)就不能算是成功的軟件，因?yàn)椴还芩鼉?nèi)部有多么 精巧的技術(shù)，只要用戶不愿意使用它，它的優(yōu)越性就得不到 發(fā)揮，它的價(jià)值和作用也就無(wú)從談起。于是一個(gè)不涉及技術(shù) 而著眼于易用和美觀的用戶界面顯得越來(lái)越重要， 這就是軟件UI設(shè)計(jì)。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配UI的本意是用戶界面（User Inteface）,概括成一句話就是 -人和工具之間的界面。這個(gè)界面實(shí)際上體現(xiàn)

25、在我們生活 中的每一個(gè)環(huán)節(jié)，例如同學(xué)們切菜的時(shí)候，刀把手就是這個(gè) 界面;開(kāi)車的時(shí)候方向盤(pán)啊儀表盤(pán)也是為個(gè)界面；看TV的時(shí)候 遙控器亦是這個(gè)界面；用電腦的時(shí)候更不用說(shuō)。于是乎，我們 把UI分成兩大類：硬件界面和軟件界面。我們的教程所涉及 的皆為軟件界面，同學(xué)們注意了，所以我們也可以稱之為特 殊的或者狹義的UI設(shè)計(jì)。軟件設(shè)計(jì)可分為兩個(gè)部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。編碼設(shè)計(jì)相信同學(xué)們都比較熟悉，但UI設(shè)計(jì)對(duì)許多貓來(lái)說(shuō)可能還比 較陌生，可能連一些專門從事網(wǎng)站多媒體設(shè)計(jì)的人員也不是 很理解UI的含義。前面說(shuō)了， UI是英文User和Interface的 縮寫(xiě)。從字面上看有用戶和界面兩個(gè)組成部分，但實(shí)際上還

26、包括用戶與界面之后的交互關(guān)系，所以這樣可分為3個(gè)方向， 分別是：用戶研究，交互設(shè)計(jì)和界面設(shè)計(jì)。后面我為同學(xué)們 分描述。其實(shí)呢，按照界面的不同可以將其劃分為功能性界面、 情感性界面以及環(huán)境性界面。將界面分為這 3類有助于考察 設(shè)計(jì)界面的諸多因素。當(dāng)然啦，設(shè)計(jì)界面的劃分并不是完全 絕對(duì)的嘍，這三類界面的涵義和內(nèi)家可能也會(huì)有交差和重疊， 這個(gè)同學(xué)們應(yīng)該比較好理解，譬如宗教文化是一種環(huán)境性因 素，但它帶給信仰的人更多一層的肯定是情感的因素。嘿嘿!雖然說(shuō)環(huán)境與情感性不好區(qū)分，但是并不妨礙不同分類之間 所存在的實(shí)質(zhì)性的差異。下面我?guī)е瑢W(xué)們分別來(lái)了解這三 類界面。同學(xué)們不要著急喔！學(xué)習(xí)是循序漸進(jìn)的，對(duì) U

27、I設(shè)計(jì)來(lái)說(shuō)，理 論很重要喔！功能性界面功能性界面主要是來(lái)實(shí)現(xiàn)使用性內(nèi)容， 因?yàn)槟?，任何一?產(chǎn)品或內(nèi)外環(huán)境或平面視覺(jué)傳達(dá)作品，它們存在的價(jià)值和意 義首先在于使用性，再由使用性牽涉到多種功能因素的分析 及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面，分析思維 將作為一種更改思維存在。不難理解吧，同學(xué)？嘿嘿！如果 作為一種處理方式來(lái)設(shè)計(jì)產(chǎn)品，那么這種產(chǎn)品會(huì)使多種特征 性（譬如民族性，純粹性）因素中性化，如果去除產(chǎn)品商標(biāo)， 就很難認(rèn)出是哪國(guó)的或哪個(gè)公司的產(chǎn)品。當(dāng)然，這方面也說(shuō) 明了產(chǎn)品中存在著共同性因素，它使全人類做出同樣的反應(yīng)。 人的感覺(jué)和判斷能力存在國(guó)際性的、客觀性的特征。其實(shí)呢，功能性的界面是要建

28、立在符號(hào)學(xué)的基礎(chǔ)上的。同學(xué) 不知道什么是符號(hào)學(xué)？國(guó)際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)是這樣定義 的：“符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)（PS也就是通過(guò)某種渠道傳 遞信息的系統(tǒng)唄！）的理論，它研究自然符號(hào)系統(tǒng)的人造符號(hào)系統(tǒng)的特征?！睆V義地說(shuō)呢，就是能夠代表其他事物的東西都 是符號(hào)，如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等，最復(fù)雜的一 種符號(hào)系統(tǒng)可能就是語(yǔ)言嘍。設(shè)計(jì)功能界面，不可避免地要 讓使用者明白功能操作界面的功能性標(biāo)志一定要很鮮明，這 個(gè)很重要。情感性界面一個(gè)family裝飾要賦予家居溫馨，一副 design work要以 情動(dòng)人，and so on.其實(shí)呢，任何一件產(chǎn)品或者 portiflio只有 與人的情產(chǎn)生共鳴才能為我

29、們所接受，像愛(ài)屋及烏也體現(xiàn)了 人的感情寄托。所以呢，一件好設(shè)計(jì)作品設(shè)計(jì)作品是有相當(dāng) 大的魅力在。我們現(xiàn)代icon的設(shè)計(jì)發(fā)展也一直在朝著這一領(lǐng)域在開(kāi)拓。符 號(hào)學(xué)日漸被應(yīng)用到廣告學(xué)，宗教學(xué)，神話學(xué)，民俗學(xué)等比較 多的領(lǐng)域。譬如國(guó)外符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論的研究， 考察認(rèn)識(shí)知覺(jué)，認(rèn)識(shí)過(guò)程的符號(hào)學(xué)問(wèn)題。同時(shí)，符號(hào)學(xué)還用 于分析利用人體感官進(jìn)行的交流，并將 music服裝等都作為 符號(hào)系統(tǒng)加以分析研究，這都為設(shè)計(jì)藝術(shù)提供了寶貴借鑒價(jià) 值的情感界面設(shè)計(jì)方法和手段。環(huán)境性界面就不說(shuō)UI,任何的設(shè)計(jì)都要與環(huán)境這個(gè)因素相聯(lián)系。它包括 比較多，例如社會(huì)、政治和文化，科技，民族等等等等。人 處于外界環(huán)境中，是以社

30、會(huì)群體而不是以個(gè)體為基礎(chǔ)的，所 以環(huán)境性因素一般牌非受控與難以預(yù)見(jiàn)的變化狀態(tài)中。|聯(lián)系到設(shè)計(jì)的歷史，我們可以利用藝術(shù)社會(huì)學(xué)的觀點(diǎn)去認(rèn)識(shí) 各時(shí)期的設(shè)計(jì)潮流。其實(shí)呢，從18世紀(jì)的時(shí)候，西方的一批 藝術(shù)家們已經(jīng)注意到藝術(shù)創(chuàng)造與審美趣味深受地理，氣候， 民族以及歷史條件等環(huán)境因素的影響。這不難理解，因?yàn)檫@ 大抵就是同學(xué)們會(huì)看到不同國(guó)家民族的作品面大相徑庭的原 因嘍。記得，法國(guó)有外比較著名的老外，嘿嘿，貌似是個(gè)學(xué) 者，他說(shuō)物質(zhì)文明和精神文明的性質(zhì)面貌都取決于種族，環(huán) 境，時(shí)代三大因素。也就是這個(gè)理兒。無(wú)論是工藝美術(shù)運(yùn)動(dòng)， 同學(xué)們熟知的包豪思現(xiàn)代主義還是我提起來(lái)都抖擻的80年代的反設(shè)計(jì)，乃至現(xiàn)代的多元化等

31、等都很明顯地反應(yīng)了環(huán)境 因素對(duì)咱們?cè)O(shè)計(jì)的影響。同學(xué)們都玩游戲，其實(shí)呢，游戲中的界面設(shè)計(jì)就是最典型的 環(huán)境性界面。其實(shí)呢，成功的作品都能夠完美地把以上三種界面結(jié)合 的作品。愛(ài)好設(shè)計(jì)的同學(xué)們肯定聽(tīng)說(shuō)過(guò)著名的盧浮宮擴(kuò)建工 程，貌似是貝聿銘設(shè)計(jì)的，功能性處理的那是相當(dāng)?shù)呐?，?沒(méi)有屈于形式而損害功能。人們參觀盧浮宮，不是回到古代， 而是以新的價(jià)值觀去重新審視與欣賞，尤其是它的三角形外教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配觀符合了人們的心理期望，但是他又把情感性界面處理到極 致，嘿嘿，我在這里就不附圖了，同學(xué)們可以搜索看看。作業(yè)布置課后反思授課課題人本界面一回歸人性的界面設(shè)計(jì)教學(xué)目標(biāo)和要求理解“認(rèn)知摩擦”和“可用性

32、”兩個(gè)概念教學(xué)重點(diǎn)和難點(diǎn)重點(diǎn)：理解“認(rèn)知摩擦”和“可用性”兩個(gè)概念 難點(diǎn)：理解“認(rèn)知摩擦”和“可用性”兩個(gè)概念教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第十周課時(shí)累計(jì)10教學(xué)過(guò)程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配導(dǎo)入新課：人類的認(rèn)知水平在隨著問(wèn)題的變化而變化過(guò)程中 所遇到的阻力就是認(rèn)知摩擦。 在軟件硬件不斷升級(jí)的過(guò)程中，認(rèn) 知摩擦?xí)r刻存在。例如:我們?cè)诿鎸?duì)一個(gè)升級(jí)到新版本的軟件時(shí)， 通常需要花上一段時(shí)間才能熟悉掌握它，而升級(jí)所帶來(lái)的新功能 又很少能用到，或者是通過(guò)一段時(shí)間的學(xué)習(xí)后才能正確使用， 這 其實(shí)就是“認(rèn)知摩擦”在作祟。當(dāng)然，少量的認(rèn)知摩擦對(duì)于提升我們的認(rèn)知能力是有幫助 的，因此我們提倡回歸人性的界

33、面設(shè)計(jì)， 就是通過(guò)各種方法讓這 種認(rèn)知摩擦控制在一定范圍之內(nèi)。但在實(shí)際操作中要做到這一點(diǎn) 并不容易。比如，在設(shè)計(jì)微波爐的界面時(shí)，是不是讓按鈕和把手 都更加適合人的眼睛和手指，讓信息更容易被讀取就解決了認(rèn)知 摩擦的問(wèn)題呢？教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配為用戶而設(shè)計(jì)-可用性I可用性的標(biāo)準(zhǔn)對(duì)任何的人實(shí)施中心的活動(dòng)都有效， 界面 設(shè)計(jì)尤其如此。 在一組可用性不錯(cuò)的手機(jī)圖標(biāo)設(shè)計(jì)中， 通過(guò) 圖形我們就能明白其意義而不需要翻閱說(shuō)明書(shū)。可用性是評(píng) 估用戶界面是否容易使用的程度屬性。一般來(lái)說(shuō)，可用性由5個(gè)屬性組成。(1) 可學(xué)習(xí)性，也就是初次接觸界面時(shí)，用戶在 沒(méi)有任何經(jīng)驗(yàn)的情況下使用界面完成基本 任務(wù)的難易程度。

34、(2) 效率，當(dāng)用戶熟悉了這個(gè)界面后，其完成任 務(wù)的速度。(3) 可記憶性，在一段時(shí)間沒(méi)有使用之后再次使用界面，用戶重新熟練操作的難易程度。 匚(4) 出錯(cuò)，用戶在使用界面是除了多少錯(cuò)誤，這 些錯(cuò)誤的嚴(yán)重程度，以及是否能夠方便迅速 的覺(jué)察錯(cuò)誤并恢復(fù)。(5) 滿意度，用戶使用這個(gè)界面的滿意程度。實(shí)現(xiàn)可用性的途徑有如下5個(gè)方面。(1)為用戶的實(shí)際工作而設(shè)計(jì)。(2)學(xué)會(huì)與客戶溝通。(3)避免為創(chuàng)新而創(chuàng)新。(4)努力建立有效的交互。(5)用實(shí)際工作來(lái)測(cè)試界面。操作界面的類型與特征操作界面可以分為連續(xù)性和不連續(xù)性操作界面兩大類，其 中不連續(xù)性操作界面可分為三種情況：一是開(kāi)關(guān)，如電燈開(kāi) 關(guān)等；二是不連續(xù)性

35、調(diào)整控制。如電視機(jī)的頻道按鈕；三是 符號(hào)輸入按鈕，如電腦鍵盤(pán)。連續(xù)性操作界面也可以分為兩種情況：一是定量調(diào)節(jié)控時(shí)間分配制，其作用是調(diào)節(jié)機(jī)器到莫一種狀態(tài)，如收音機(jī)上的電臺(tái)波 段調(diào)諧鈕；二是連續(xù)調(diào)節(jié)控制，其作用是不斷調(diào)節(jié)機(jī)器狀態(tài)， 使其沿理想方向運(yùn)行，如方向盤(pán)。教學(xué)步驟及教學(xué)內(nèi)容作業(yè)布置課后反思授課課題人本界面教學(xué)目標(biāo)和要求通過(guò)本章學(xué)習(xí)使學(xué)生了解 UI設(shè)計(jì)案例展示欣賞與分析教學(xué)重點(diǎn)和難點(diǎn)教學(xué)重點(diǎn)：掌握UI設(shè)計(jì)案例展示欣賞與分析。 教學(xué)難點(diǎn)：掌握UI設(shè)計(jì)案例展示欣賞與分析。教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第十周課時(shí)累計(jì)12教學(xué)過(guò)程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配導(dǎo)入新課第一節(jié)圖標(biāo)CUTIE Icon

36、 SetK HGH quauiy web iconscreped dv */ dryicOHStXC jsn-tiy fcr圖標(biāo)是具有明確指代含義的計(jì)算機(jī)圖形。其中桌面圖標(biāo)是軟件標(biāo)識(shí)，界面中的圖 標(biāo)是功能標(biāo)識(shí)。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配同學(xué)們主要在以下幾個(gè)方面來(lái)考慮：1造型；2顏色；3藝術(shù)性；4創(chuàng)造性；5紜-性；我收集了一些圖標(biāo)的文件，我們接卜來(lái)可以分享一下。作業(yè)布置課后反思授課課題界面的整體設(shè)計(jì)教學(xué)目標(biāo)和要求界面設(shè)計(jì)的重要性，設(shè)計(jì)原則教學(xué)重點(diǎn)和難點(diǎn)重點(diǎn)：界面設(shè)計(jì)的重要性，設(shè)計(jì)原則 難點(diǎn)：掌握界面設(shè)計(jì)的重要性，設(shè)計(jì)原則進(jìn)行界面設(shè)計(jì)教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第九周課時(shí)累計(jì)14教學(xué)過(guò)程

37、教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配提問(wèn)導(dǎo)入：用戶界面設(shè)計(jì)為什么這么重要呢 ？卜面帶著大家F起來(lái)了解界面設(shè)計(jì).|用戶界面設(shè)計(jì)從字面上來(lái)說(shuō) ，是面向用戶的。用戶界面的 發(fā)展經(jīng)歷了從低級(jí)到高級(jí)的過(guò)程，用戶界面在軟件系統(tǒng)中的價(jià)值 比重也越來(lái)越高，用戶彳賢面設(shè)計(jì)不僅要美觀，而且要實(shí)用。用戶 界面是人機(jī)之間交流、溝通的層面，用戶界面設(shè)計(jì)是以人為中心，使產(chǎn)品達(dá)到逾越使用的設(shè)計(jì)。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配界面設(shè)計(jì)的重要性界面是用戶與網(wǎng)頁(yè)交互的窗口，用戶通過(guò)界面想計(jì)算機(jī) 輸入信息進(jìn)行控制、查詢和操作；網(wǎng)頁(yè)則通過(guò)界面想用戶提 供信息，以供閱讀、分析、判斷。所以界面設(shè)計(jì)在網(wǎng)頁(yè)中占 有重要的位置。界面設(shè)計(jì)的原則界面設(shè)計(jì)是瀏覽

38、者與網(wǎng)絡(luò)交流的平臺(tái)，由于它在網(wǎng)絡(luò)中 具有特殊位置，所以其設(shè)計(jì)要遵循一定的原則。首先是簡(jiǎn)易 性，簡(jiǎn)易是為了方便用戶使用，了解網(wǎng)頁(yè)內(nèi)容。其次是清楚 安全，指在用戶出現(xiàn)危機(jī)的選擇時(shí)有信息介入系統(tǒng)的提示。 最后是靈活人性化，指讓用戶輕松快捷的使用。界面設(shè)計(jì)的要求界面設(shè)計(jì)師瀏覽者瀏覽網(wǎng)頁(yè)的第一印象， 所以它的設(shè)計(jì) 風(fēng)格要與整體頁(yè)面相一致，顏色的搭配要符合人們的視覺(jué)習(xí) 慣，并與頁(yè)面的整體色調(diào)想?yún)f(xié)調(diào)。其中，字體的選擇不要過(guò) 于花哨，選用平常字體即可。一.什么是界面設(shè)計(jì)界面設(shè)計(jì)是為了滿足專業(yè)化、標(biāo)準(zhǔn)化需求而對(duì)軟件的使 用界面進(jìn)行美化、優(yōu)化、規(guī)范化的設(shè)計(jì)分支，具體包括軟件 啟動(dòng)封面設(shè)計(jì)、軟件框架設(shè)計(jì)、按鈕設(shè)計(jì)、

39、面板設(shè)計(jì)、菜單 設(shè)計(jì)、標(biāo)簽設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、滾動(dòng)條及狀態(tài)欄設(shè)計(jì)、安裝過(guò) 程設(shè)計(jì)、包裝及商品化。如下圖：直觀的按鈕設(shè)計(jì)二.圖形界面的分類隨著科技的發(fā)展，人們對(duì)信息的需求量也在不斷的增多， 所以圖形界面也越來(lái)越多樣化和細(xì)分化，不同的圖形界面在 設(shè)計(jì)上也會(huì)有不同的特點(diǎn)。圖形界面可以分為以下幾類：軟件用戶界面：軟件只是一種工具，然而人們與軟件的交互性操作都是通過(guò)軟件界面來(lái)進(jìn)行的， 所以軟件 界面的設(shè)計(jì)不僅要美觀而且要易用。網(wǎng)絡(luò)界面：網(wǎng)絡(luò)的發(fā)展帶來(lái)的網(wǎng)站界面設(shè)計(jì)的繁榮.隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)站設(shè)計(jì)已經(jīng)從最初的純文字內(nèi)容 發(fā)展到現(xiàn)在的包含圖像、視頻、動(dòng)畫(huà)等多種媒體的形 式。網(wǎng)站界面必須具有獨(dú)立性和創(chuàng)意性。 在網(wǎng)

40、站界面 設(shè)計(jì)中，最重要的是使用戶方便地查找信息， 并能夠感受到方便操作帶來(lái)的樂(lè)趣。如下圖的咖啡網(wǎng)站頁(yè)面手機(jī)界面：隨著科技的發(fā)展，手機(jī)的功能也越來(lái)越強(qiáng) 大，手機(jī)界面的設(shè)計(jì)要人性化，不僅要方便使用，還要美觀。如下圖游戲界面：游戲軟件界面的制作通常比較華麗、主題 鮮明，三維效果十分普遍，所以游戲中的人物或物品 為主體，視覺(jué)效果占十分重要的地位。播放器界面：在激烈的市場(chǎng)競(jìng)爭(zhēng)中，軟件產(chǎn)品僅有強(qiáng)大的功能是遠(yuǎn)遠(yuǎn)不夠的，將易用性與美觀相結(jié)合，才 能適應(yīng)用戶的需要，從而創(chuàng)造出更高的價(jià)值。時(shí)間分配教學(xué)步驟及教學(xué)內(nèi)容作業(yè)布置課后反思授課課題界面的整體設(shè)計(jì)-UI設(shè)計(jì)流程教學(xué)目標(biāo)和要求通過(guò)本章學(xué)習(xí)使學(xué)生了解 UI設(shè)計(jì)原

41、則、流程。教學(xué)重點(diǎn)和難點(diǎn)教學(xué)重點(diǎn)：掌握UI設(shè)計(jì)原則、流程。教學(xué)難點(diǎn)：掌握UI設(shè)計(jì)流程。教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第十周課時(shí)累計(jì)16教學(xué)過(guò)程時(shí)間分配教學(xué)步驟及教學(xué)內(nèi)容導(dǎo)入新課：第一節(jié)UI設(shè)計(jì)原則1 .簡(jiǎn)易性界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯(cuò)誤選擇的 可能性。時(shí)間分配教學(xué)步驟及教學(xué)內(nèi)容2 .用戶語(yǔ)言界面中要使用能反應(yīng)用戶本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的 語(yǔ)言。3 .記憶負(fù)擔(dān)最小化人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類大腦處理 信息的限度。人類的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶來(lái)說(shuō)，瀏覽信息要比記憶更容 易。4 .一致性是每一個(gè)優(yōu)秀

42、界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰 且一致，風(fēng)格必須與游戲內(nèi)容相一致。5 .清楚在視覺(jué)效果上便于理解和使用。6 .用戶的熟悉程度用戶可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般 常識(shí)。7 .從用戶的觀點(diǎn)考慮想用戶所想，做用戶所做。用戶總是按照他們自己的方 法理解和使用。通過(guò)比較兩個(gè)不同世界（真實(shí)與虛擬）的事物，完成更好的 設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。8 .排歹U一個(gè)有序的界面能讓用戶輕松的使用。9 .安全性用戶能自由的作出選擇，且所有選擇都是可逆的。在用 戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。10 .靈活性簡(jiǎn)單來(lái)說(shuō)就是要讓用戶方便的使用，但不同于上述。即 互動(dòng)多重性，不局限于單一的工具（包括鼠

43、標(biāo)、鍵盤(pán)或手柄）。11 .人性化高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級(jí)和 初級(jí)玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。第二節(jié)UI設(shè)計(jì)的流程確認(rèn)目標(biāo)用戶在洛可可的UI設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的 目標(biāo)用戶，獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計(jì)重點(diǎn) 的不同。例如：對(duì)于科學(xué)用戶和對(duì)于用戶的設(shè)計(jì)重點(diǎn)就不同。采集目標(biāo)用戶的習(xí)慣交互方式不同類型的目標(biāo)用戶有不同的交互習(xí)慣。這種習(xí)慣的交 互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件 工具的交互流程。當(dāng)然還要在此基礎(chǔ)上通過(guò)調(diào)研分析找到用戶希望達(dá)到的 交互效果，并且以流程確認(rèn)下來(lái)。提示和引導(dǎo)用戶軟件是用戶的工具。因此應(yīng)該由用戶來(lái)操作和控制軟件。 軟件響應(yīng)用戶的動(dòng)作和設(shè)定的規(guī)則。對(duì)于用戶交互的結(jié)果和反饋，提示用戶結(jié)果和反饋信息， 引導(dǎo)用戶進(jìn)行用戶需要的下一步操作。一致性原則設(shè)計(jì)目標(biāo)一致軟件中往往存在多個(gè)組成部分（組件、元素）。不同組