【正文】 教學(xué)步驟及教學(xué)內(nèi)容時間分配二 、按鈕 如今按鈕的設(shè)計要求 越來越高,網(wǎng)頁中按鈕的設(shè)計主要有以下幾個要點：l 設(shè)計的按鈕要與整體的風(fēng)格相協(xié)調(diào)，不能太搶眼。若欄目超過六個就可以考慮用兩排。過于復(fù)雜的界面會影響可達(dá)到的效果?！　±纾簞h除操作元素。　　交互行為一致　　在交互模型中，不同類型的元素用戶觸發(fā)其對應(yīng)的行為事件后，其交互行為需要一致?！　τ谟脩艚换サ慕Y(jié)果和反饋，提示用戶結(jié)果和反饋信息，引導(dǎo)用戶進(jìn)行用戶需要的下一步操作?！　∮脩艚换ヒ紤]到目標(biāo)用戶的不同引起的交互設(shè)計重點的不同?！　　　∫粋€有序的界面能讓用戶輕松的使用?！　　　∈敲恳粋€優(yōu)秀界面都具備的特點。教學(xué)難點：掌握UI設(shè)計流程。l 網(wǎng)絡(luò)界面：網(wǎng)絡(luò)的發(fā)展帶來的網(wǎng)站界面設(shè)計的繁榮，隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)站設(shè)計已經(jīng)從最初的純文字內(nèi)容發(fā)展到現(xiàn)在的包含圖像、視頻、動畫等多種媒體的形式。首先是簡易性，簡易是為了方便用戶使用，了解網(wǎng)頁內(nèi)容。第四節(jié) 播放器同學(xué)們主要在以下幾個方面來考慮：1 造型；2 顏色；3 藝術(shù)性；4 創(chuàng)造性；5 統(tǒng)一性；我收集了一些圖標(biāo)的文件，我們接下來可以分享一下。第二節(jié) 輸入法設(shè)計輸入法是指為了將各種符號輸入計算機(jī)或其他設(shè)備（如手機(jī)）而采用的編碼方法。 最低： 32x32 （ 256色， 16色） ， 16x16 （ 256色， 16色）.　　Windows XP　　下面就是Windows各個操作系統(tǒng)中的標(biāo)準(zhǔn)圖標(biāo)格式：（單位：大小象素—顏色）　　Windows 98 SE/ME/2000　　48 x 48 256 32 x 32 256 16 x 16 256　　48 x 48 16 32 x 32 16 16 x 16 16　　Windows XP　　48 x 48 32bit 32 x 32 32bit 24 x 24 32bit * 16 x 16 32bit　　48 x 48 256 32 x 32 256 24 x 24 256 * 16 x 16 256　　48 x 48 16 32 x 32 16 24 x 24 16 * 16 x 16 16　　* 這種格式在XP圖標(biāo)中并不是必須的。從這一點上說圖標(biāo)是三維的?！　∫粋€圖標(biāo)是一個小的圖片或?qū)ο螅硪粋€文件，程序，網(wǎng)頁，或命令。 連續(xù)性操作界面也可以分為兩種情況:一是定量調(diào)節(jié)控制，其作用是調(diào)節(jié)機(jī)器到莫一種狀態(tài)，如收音機(jī)上的電臺波段調(diào)諧鈕；二是連續(xù)調(diào)節(jié)控制，其作用是不斷調(diào)節(jié)機(jī)器狀態(tài)，使其沿理想方向運(yùn)行，如方向盤。實現(xiàn)可用性的途徑有如下5個方面。 在一組可用性不錯的手機(jī)圖標(biāo)設(shè)計中，通過圖形我們就能明白其意義而不需要翻閱說明書。愛好設(shè)計的同學(xué)們肯定聽說過著名的盧浮宮擴(kuò)建工程，貌似是貝聿銘設(shè)計的，功能性處理的那是相當(dāng)?shù)呐?，并沒有屈于形式而損害功能。聯(lián)系到設(shè)計的歷史，我們可以利用藝術(shù)社會學(xué)的觀點去認(rèn)識各時期的設(shè)計潮流。符號學(xué)日漸被應(yīng)用到廣告學(xué)，宗教學(xué)，神話學(xué)，民俗學(xué)等比較多的領(lǐng)域。同學(xué)不知道什么是符號學(xué)？國際符號學(xué)會對符號學(xué)是這樣定義的：“符號是關(guān)于信號標(biāo)志系統(tǒng)（PS:也就是通過某種渠道傳遞信息的系統(tǒng)唄?。┑睦碚摚芯孔匀环栂到y(tǒng)的人造符號系統(tǒng)的特征。E6 y7 ~7 W同學(xué)們不要著急喔！學(xué)習(xí)是循序漸進(jìn)的，對UI設(shè)計來說，理論很重要喔！/ 功能性界面. o6 V/ M% V其實呢，按照界面的不同可以將其劃分為功能性界面、情感性界面以及環(huán)境性界面。于是乎，我們把UI分成兩大類：硬件界面和軟件界面。本課主要講解UI的基本理論和設(shè)計屬性，以期在具體學(xué)習(xí)UI設(shè)計技巧和制作技術(shù)之前對UI設(shè)計有一個整體的了解。用戶通過顯示界面監(jiān)控機(jī)器對于指令的執(zhí)行狀況，同時也通過顯示了解機(jī)器在執(zhí)行命令后狀況。如手機(jī)界面按鈕擺放，習(xí)慣左鍵肯定、右鍵否定或按內(nèi)容擺放。界面要有吸引力，如下圖：5）提供默認(rèn)(default)、撤消(undo)、恢復(fù)(redo)等功能。視覺設(shè)計的原則主要有以下這么幾點，同學(xué)們一定要注意嘍！1）界面清晰明了，尤其導(dǎo)航要明確。 什么是 GUI Graphics User Interface 圖形用戶界面 有時也稱為WIMP=Window/Icon/Menu/Pointing Device 窗口、圖標(biāo)、菜單、指點設(shè)備 什么是 HUI Handset User Interface 手持設(shè)備用戶界面 什么是WUI Web User Interface 網(wǎng)頁風(fēng)格用戶界面 什么是用戶界面設(shè)計： 在人和機(jī)器的互動過程（Human Machine Interaction）中，有一個層面，即我們所說的界面（interface）。 這部分指人與機(jī)之間的交互工程，在過去交互設(shè)計也由程序員來做，其實程序員擅長編碼，而不善于與最終用戶交互。 用戶研究通過對于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究，使得在產(chǎn)品開發(fā)的前期能夠把用戶對于產(chǎn)品功能的期望、對設(shè)計和外觀方面的要求融入到產(chǎn)品的開發(fā)過程中去，從而幫助企業(yè)完善產(chǎn)品設(shè)計或者探索一個新產(chǎn)品概念。 用戶研究包含兩個方面：一是可用性工程學(xué)（usability Engineering），研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計更容易被人使用、學(xué)習(xí)和記憶；二是通過可用性工程學(xué)的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法（consumer insight）。教學(xué)步驟及教學(xué)內(nèi)容時間分配作業(yè)布置課后反思授課課題認(rèn)識界面門教學(xué)目標(biāo)和要求界面的概述教學(xué)重點和難點重點：了解什么UI,什么是界面難點：界面的概述教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時間第 九 周課時累計4教 學(xué) 過 程教學(xué)步驟及教學(xué)內(nèi)容時間分配導(dǎo)入新課:隨著硬件技術(shù)的飛速發(fā)展，使計算速度與存儲容量不再成為軟件開發(fā)人員所擔(dān)心的問題，用戶關(guān)心的主要問題是能否比較容易和舒適地使用軟件。幸運(yùn)的是在國內(nèi)一些高瞻遠(yuǎn)矚的民族企業(yè)已經(jīng)開始意識到UI給軟件產(chǎn)品帶來的巨大賣點了，例如金山公司的影霸、詞霸、毒霸、網(wǎng)標(biāo)，由于重視UI的開發(fā)與地位，才使得金山產(chǎn)品在同類軟件產(chǎn)品中首屈一指。我們以物質(zhì)產(chǎn)品手機(jī)行業(yè)為例，當(dāng)手機(jī)剛剛進(jìn)入市場的時候不但價格貴的驚人，而且除了通話以外沒有什么其他功能。其中交互設(shè)計師：“UI”的本義是用戶界面，是英文User和interface的縮寫。一個軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。第二節(jié) UI設(shè)計師是做什么的　　在中國，UI設(shè)計還是一個需要不斷成長的設(shè)計領(lǐng)域，但eicodesign,Tigo, lkkui design, Robin design等國內(nèi)知名設(shè)計機(jī)構(gòu)已經(jīng)進(jìn)入了探索UI設(shè)計的道路。從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。授課課題認(rèn)識界面門—UI設(shè)計說課教學(xué)目標(biāo)和要求通過本章學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么教學(xué)重點和難點教學(xué)重點：掌握UI在中國的發(fā)展，以及UI是什么。備 課 本Lesson Preparation _2013____2014_學(xué)年 第_一_學(xué)期Academic Year Semester 課 程 名 稱 UI設(shè)計 Course教材名稱及版本 UI設(shè)計 Textbook and Edition授 課 班 級 2011平面1班 Class教 師 姓 名 黎 丹 Teacher審 核 人 周 增 輝 Approver填寫說明此備課本用來書寫教案，適用于所有專職教師、兼職教師和兼課教師。教學(xué)難點：掌握UI是什么?！　≡陲w速發(fā)展的電子產(chǎn)品中，界面設(shè)計工作一點點的被重視起來?！　I設(shè)計從工作內(nèi)容上來說分為3個方向?！　〗换ピO(shè)計師一般都是軟件工程師背景居多。UI設(shè)計師則指從事對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計工作的人。由于當(dāng)時的主導(dǎo)是技術(shù)，所以大家都把精力放在信號、待機(jī)時間、壽命等方面，對于產(chǎn)品的造型，使用的合理性很少關(guān)心。聯(lián)想軟件的UI部門積極開展用戶研究與使用性測試，將易用與美觀相結(jié)合，推出的雙模式電腦、幸福系列等成功UI范例，為聯(lián)想贏得全球消費 PC第三的稱號等等、各商家只要在產(chǎn)品美觀和易用設(shè)計方面很小投入，將會有很大產(chǎn)出。換言之，人們的著眼點在于軟件