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