《UI界面設(shè)計(jì)》教案.doc
《《UI界面設(shè)計(jì)》教案.doc》由會(huì)員分享,可在線閱讀,更多相關(guān)《《UI界面設(shè)計(jì)》教案.doc(21頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
______________________________________________________________________________________________________________ 教 案 課程名稱:UI界面設(shè)計(jì) 授課教師: 制訂時(shí)間: UI界面設(shè)計(jì) 第一章 UI綜述 課 題:UI綜述 授課教師: 教學(xué)目標(biāo):通過(guò)本章學(xué)習(xí)使學(xué)生了解UI在中國(guó)的發(fā)展,以及UI的是什么。 教學(xué)重點(diǎn):掌握UI在中國(guó)的發(fā)展,以及UI是什么。 教學(xué)難點(diǎn):掌握UI是什么。 教學(xué)準(zhǔn)備:課本、參考圖形 教學(xué)方法:講授、討論、案例分析 教 材: 教學(xué)時(shí)間:8課時(shí) 教學(xué)內(nèi)容:UI在中國(guó)的發(fā)展,以及UI是什么 UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味,還要讓軟件的操作變得舒適、簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。 第一節(jié) UI是什么 軟件設(shè)計(jì)可分為兩個(gè)部分:編碼設(shè)計(jì)與UI設(shè)計(jì)。 編碼設(shè)計(jì)大家都很熟悉,但是 UI設(shè)計(jì)還是一個(gè)很陌生的詞,即使一些專門從事網(wǎng)站與多媒體設(shè)計(jì)的人也不完全理解UI的意思。UI的本意是用戶界面,是英文User和 interface的縮寫。從字面上看是用戶與界面2個(gè)組成部分,但實(shí)際上還包括用戶與界面之間的交互關(guān)系。 在飛速發(fā)展的電子產(chǎn)品中,界面設(shè)計(jì)工作一點(diǎn)點(diǎn)的被重視起來(lái)。做界面設(shè)計(jì)的“美工”也隨之被稱之為“UI設(shè)計(jì)師”或“UI工程師”。其實(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á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, lkkui 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 在圖形界面產(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è)職位,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的縮寫。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ó)的現(xiàn)狀 目前在國(guó)內(nèi)UI還是一個(gè)相對(duì)陌生的詞,即便是洛可可設(shè)計(jì)也在UI設(shè)計(jì)的道路上不斷探索客戶及用戶的需求。我們經(jīng)常看到一些招聘廣告寫著:招聘界面美工、界面美術(shù)設(shè)計(jì)師等等。這表明在國(guó)內(nèi)對(duì)UI的理解還停留在美術(shù)設(shè)計(jì)方面,認(rèn)為UI的工作只是描邊畫線,缺乏對(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)有什么其他功能。由于當(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ò)去的軟件程序已經(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ā)上的投入大得多。 我們不得不承認(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ì)、繪畫藝術(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ì)師是不夠的,必須有一個(gè)信息快捷、資源豐富、設(shè)計(jì)水平一流、專業(yè)權(quán)威的UI設(shè)計(jì)學(xué)習(xí)與交流的地方才能適應(yīng)日益發(fā)展的UI設(shè)計(jì)師們的需求。 第二章 設(shè)計(jì)流程 課 題:UI設(shè)計(jì)流程 授課教師:汪永吉 教學(xué)目標(biāo):通過(guò)本章學(xué)習(xí)使學(xué)生了解UI設(shè)計(jì)原則、流程。 教學(xué)重點(diǎn):掌握UI設(shè)計(jì)原則、流程。 教學(xué)難點(diǎn):掌握UI設(shè)計(jì)流程。 教學(xué)準(zhǔn)備:課本、參考圖形 教學(xué)方法:講授、討論、案例分析 教 材: 教學(xué)時(shí)間:8課時(shí) 教學(xué)內(nèi)容:UI設(shè)計(jì)原則、流程 第一節(jié) UI設(shè)計(jì)原則 1.簡(jiǎn)易性 界面的簡(jiǎn)潔 ?? UI設(shè)計(jì)圖片 是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。 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)秀界面都具備的特點(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ì)。如:書籍對(duì)比竹簡(jiǎn)。 8.排列 一個(gè)有序的界面能讓用戶輕松的使用。 9.安全性 用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。 10.靈活性 簡(jiǎn)單來(lái)說(shuō)就是要讓用戶方便的使用,但不同于上述。即互動(dòng)多重性,不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄)。 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è)組成部分(組件、元素)。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。 例如:如果以電腦操作初級(jí)用戶作為目標(biāo)用戶,以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo),那么該目標(biāo)需要貫徹軟件(軟件包)整體,而不是局部。 元素外觀一致 交互元素的外觀往往影響用戶的交互效果。同一個(gè)(類)軟件采用一致風(fēng)格的外觀,對(duì)于保持用戶焦點(diǎn),改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶進(jìn)行調(diào)查取得反饋。 交互行為一致 在交互模型中,不同類型的元素用戶觸發(fā)其對(duì)應(yīng)的行為事件后,其交互行為需要一致。 例如:所有需要用戶確認(rèn)操作的對(duì)話框都至少包含確認(rèn)和放棄兩個(gè)按鈕。 對(duì)于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確,但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì),會(huì)更加簡(jiǎn)化用戶操作流程。 可用性原則 可理解 軟件 ?? 要為用戶使用,用戶必須可以理解軟件各元素對(duì)應(yīng)的功能。 如果不能為用戶理解,那么需要提供一種非破壞性的途徑,使得用戶可以通過(guò)對(duì)該元素的操作,理解其對(duì)應(yīng)的功能。 例如:刪除操作元素。用戶可以點(diǎn)擊刪除操作按鈕,提示用戶如何刪除操作或者是否確認(rèn)刪除操作,用戶可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能,同時(shí)可以取消該操作。 可達(dá)到 用戶是交互的中心,交互元素對(duì)應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。 用戶可以用諸如鍵盤、鼠標(biāo)之類的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素。 要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏(一般來(lái)說(shuō)超過(guò)4層)那么用戶達(dá)到該元素的幾率就大大降低了。 可達(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。(參考簡(jiǎn)單導(dǎo)向原則) 可控制 ?軟件的交互流程,用戶可以控制。 功能的執(zhí)行流程,用戶可以控制。 如果確實(shí)無(wú)法提供控制,則用能為目標(biāo)用戶理解的方式提示用戶。 第三章 案例展示欣賞與分析 課 題:UI設(shè)計(jì)案例展示欣賞與分析 授課教師:汪永吉 教學(xué)目標(biāo):通過(guò)本章學(xué)習(xí)使學(xué)生了解UI設(shè)計(jì)案例展示欣賞與分析。 教學(xué)重點(diǎn):掌握UI設(shè)計(jì)案例展示欣賞與分析。 教學(xué)難點(diǎn):掌握UI設(shè)計(jì)案例展示欣賞與分析。 教學(xué)準(zhǔn)備:課本、參考圖形 教學(xué)方法:講授、討論、案例分析 教 材: 教學(xué)時(shí)間:8課時(shí) 教學(xué)內(nèi)容:UI設(shè)計(jì)圖標(biāo)、輸入法、播放器、界面; 第一節(jié) 圖標(biāo) 圖標(biāo)是具有明確指代含義的計(jì)算機(jī)圖形。其中桌面圖標(biāo)是軟件標(biāo)識(shí),界面中的圖標(biāo)是功能標(biāo)識(shí)。 圖標(biāo)分為廣義和狹義兩種: 廣義 具有指代意義的圖形符號(hào),具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。應(yīng)用范圍很廣,軟硬件網(wǎng)頁(yè)社交場(chǎng)所公共場(chǎng)合無(wú)所不在,例如:男女廁所標(biāo)志和各種交通標(biāo)志等。 狹義 應(yīng)用于計(jì)算機(jī)軟件方面,包括:程序標(biāo)識(shí)、數(shù)據(jù)標(biāo)識(shí)、命令選擇、模式信號(hào)或切換開(kāi)關(guān)、狀態(tài)指示等。 一個(gè)圖標(biāo)是一個(gè)小的圖片或?qū)ο?,代表一個(gè)文件,程序,網(wǎng)頁(yè),或命令。圖標(biāo)有助于用戶快速執(zhí)行命令和打開(kāi)程序文件。單擊或雙擊圖標(biāo)以執(zhí)行一個(gè)命令。圖標(biāo)也用于在瀏覽器中快速展現(xiàn)內(nèi)容。所有使用相同擴(kuò)展名的文件具有相同的圖標(biāo)。 圖標(biāo)有一套標(biāo)準(zhǔn)的大小和屬性格式,且通常是小尺寸的。每個(gè)圖標(biāo)都含有多張相同顯示內(nèi)容的圖片,每一張圖片具有不同的尺寸和發(fā)色數(shù)。一個(gè)圖標(biāo)就是一套相似的圖片,每一張圖片有不同的格式。從這一點(diǎn)上說(shuō)圖標(biāo)是三維的。圖標(biāo)還有另一個(gè)特性:它含有透明區(qū)域,在透明區(qū)域內(nèi)可以透出圖標(biāo)下的桌面背景。在結(jié)構(gòu)上圖標(biāo)其實(shí)和麥當(dāng)勞的巨無(wú)霸漢堡差不多。 一個(gè)圖標(biāo)實(shí)際上是多張不同格式的圖片的集合體,并且還包含了一定的透明區(qū)域。因?yàn)橛?jì)算機(jī)操作系統(tǒng)和顯示設(shè)備的多樣性,導(dǎo)致了圖標(biāo)的大小需要有多種格式。 象素分辨 操作系統(tǒng)在顯示一個(gè)圖標(biāo)時(shí),會(huì)按照一定的標(biāo)準(zhǔn)選擇圖標(biāo)中最適合當(dāng)前顯示環(huán)境和狀態(tài)的圖像。如果你用的是Windows98操作系統(tǒng),顯示環(huán)境是 800x600分辨率,32位色深,你在桌面上看到的每個(gè)圖標(biāo)的圖像格式就是256色32x32象素大小。如果在相同的顯示環(huán)境下,Windows XP操作系統(tǒng)中,這些圖標(biāo)的圖像格式就是:真彩色(32位色深)、32x32象素大小。下面就是Windows各個(gè)操作系統(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)中并不是必須的。 注意:Windows98/2000對(duì)24 x 24格式的圖標(biāo)不兼容。你可以在相關(guān)應(yīng)用軟件中打開(kāi)含有這種圖像格式的圖標(biāo),但操作系統(tǒng)卻認(rèn)為是無(wú)效的。你必須確保你所設(shè)計(jì)的圖標(biāo)中至少含有以上所列的圖像格式來(lái)獲得良好的顯示效果。如果操作系統(tǒng)在圖標(biāo)中找不到特定的圖像格式,它總是采用最接近的圖像格式來(lái)顯示,比如把大小為48 x 48的圖標(biāo)縮小為24 x 24象素大小。當(dāng)然,效果就差些了。 不同的操作系統(tǒng)版本 Windows 95, Windows 98, Windows ME, Windows 2000 · 建議: 48x48 ( 256色, 16色) , 32x32 ( 256色, 16色) , 16x16 ( 256色, 16色). · 最低: 32x32 ( 256色, 16色) , 16x16 ( 256色, 16色). Windows XP · 建議: 48x48 (RGB /A, 256色, 16色) , 32x32 (RGB /A, 256色, 16色) , 24x24 (RGB /A, 256色, 16色) , 16x16 (RGB /A, 256色, 16色) ·最低: 32x32 (的RGB /A, 256色, 16色) , 16x16 (的RGB /A, 256色, 16色). ·可選: 128x128 (的RGB /A) Windows Vista? · 建議: 256x256 (RGB /A) , 64x64 (RGB /A) , 48x48 (RGB /A, 256色, 16色) , 32x32 (RGB /A, 256色, 16色) , 24x24 (RGB /A, 256色, 16色) , 16x16 (RGB /A, 256色, 16色) · 最低: 256x256 (RGB /A) , 48x48 (RGB /A, 256色) , 32x32 (RGB /A, 256色) , 16x16 (RGB /A, 256色) · 可選: 256x256 ( 256色, 16色) , 64x64 ( 256色, 16色) 此畫面為手機(jī)的操作系統(tǒng)的圖標(biāo)。 同學(xué)們主要在以下幾個(gè)方面來(lái)考慮: 1 造型; 2 顏色; 3 藝術(shù)性; 4 創(chuàng)造性; 5 統(tǒng)一性; 我收集了一些圖標(biāo)的文件,我們接下來(lái)可以分享一下。 第二節(jié) 輸入法設(shè)計(jì) 輸入法是指為了將各種符號(hào)輸入計(jì)算機(jī)或其他設(shè)備(如手機(jī))而采用的編碼方法。漢字輸入的編碼方法,基本上都是采用將音、形、義與特定的鍵相聯(lián)系,再根據(jù)不同漢字進(jìn)行組合來(lái)完成漢字的輸入的。 中文熱門輸入法 搜狗拼音輸入法: 搜狗拼音輸入法是2006年6月由搜狐(SOHU)公司推出的一款Windows平臺(tái)下的漢字拼音輸入法。搜狗拼音輸入法是基于搜索引擎技術(shù)的、特別適合網(wǎng)民使用的、新一代的輸入法產(chǎn)品,用戶可以通過(guò)互聯(lián)網(wǎng)備份自己的個(gè)性化詞庫(kù)和配置信息。搜狗拼音輸入法為中國(guó)國(guó)內(nèi)現(xiàn)今主流漢字拼音輸入法之一,奉行永久免費(fèi)的原則。 QQ拼音輸入法: QQ拼音輸入法是騰訊公司開(kāi)發(fā)的一種方便人們使用和觀看的輸入法,可下載各種各樣的皮膚來(lái)改變自身的皮膚。 同學(xué)們主要在以下幾個(gè)方面來(lái)考慮: 1 造型; 2 顏色; 3 藝術(shù)性; 4 創(chuàng)造性; 5 統(tǒng)一性; 我收集了一些圖標(biāo)的文件,我們接下來(lái)可以分享一下。 第三節(jié) 手機(jī)界面設(shè)計(jì) 同學(xué)們主要在以下幾個(gè)方面來(lái)考慮: 1 造型; 2 顏色; 3 藝術(shù)性; 4 創(chuàng)造性; 5 統(tǒng)一性; 我收集了一些圖標(biāo)的文件,我們接下來(lái)可以分享一下。 第四節(jié) 播放器 同學(xué)們主要在以下幾個(gè)方面來(lái)考慮: 1 造型; 2 顏色; 3 藝術(shù)性; 4 創(chuàng)造性; 5 統(tǒng)一性; 我收集了一些圖標(biāo)的文件,我們接下來(lái)可以分享一下。 第五節(jié) 系統(tǒng)界面 同學(xué)們主要在以下幾個(gè)方面來(lái)考慮: 1 造型; 2 顏色; 3 藝術(shù)性; 4 創(chuàng)造性; 5 統(tǒng)一性; 我收集了一些圖標(biāo)的文件,我們接下來(lái)可以分享一下。 第四章 UI界面分析與設(shè)計(jì) 課 題:UI界面設(shè)計(jì)分析 授課教師:汪永吉 教學(xué)目標(biāo):通過(guò)本章學(xué)習(xí)使學(xué)生了解UI界面設(shè)計(jì)分析。 教學(xué)重點(diǎn):掌握UI界面設(shè)計(jì)分析。 教學(xué)難點(diǎn):掌握UI界面設(shè)計(jì)分析。 教學(xué)準(zhǔn)備:課本、參考圖形 教學(xué)方法:講授、討論、案例分析 教 材: 教學(xué)時(shí)間:16課時(shí) 教學(xué)內(nèi)容:; 第一節(jié) 主題 第二節(jié) 要素 第三節(jié) 分析 第四節(jié) 制作整合 第五節(jié) 成形 第六節(jié) 驗(yàn)證 第五章 創(chuàng)作 課 題:UI界面設(shè)計(jì)創(chuàng)作 授課教師: 教學(xué)目標(biāo):通過(guò)本章學(xué)習(xí)使學(xué)生了解UI界面設(shè)計(jì)創(chuàng)作。 教學(xué)重點(diǎn):掌握UI界面設(shè)計(jì)創(chuàng)作。 教學(xué)難點(diǎn):掌握UI界面設(shè)計(jì)創(chuàng)作。 教學(xué)準(zhǔn)備:課本、參考圖形 教學(xué)方法:講授、討論、案例分析 教 材: 教學(xué)時(shí)間:24課時(shí) 教學(xué)內(nèi)容:; 創(chuàng)作 THANKS !!! 致力為企業(yè)和個(gè)人提供合同協(xié)議,策劃案計(jì)劃書,學(xué)習(xí)課件等等 打造全網(wǎng)一站式需求 歡迎您的下載,資料僅供參考 -可編輯修改-- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來(lái)的問(wèn)題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
32 積分
下載 |
- 配套講稿:
如PPT文件的首頁(yè)顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開(kāi)word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- UI界面設(shè)計(jì) UI 界面設(shè)計(jì) 教案
鏈接地址:http://m.jqnhouse.com/p-1282376.html