ui界面設(shè)計(新).ppt

《ui界面設(shè)計(新).ppt》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、上課時間和地點安排節(jié)次星期一星期二星期三星期四星期五第一大節(jié)第3－4周第二大節(jié)第3－6周第3周第3－4周第三大節(jié)第3周第3－6周第四大節(jié)第3－4周多媒體專業(yè)計算機綜合樓606、圖形專業(yè)計算機綜合樓610UI界面設(shè)計計多10、圖形10第一節(jié)關(guān)于UI設(shè)計一、什么是UI通過什么操作汽車？通過什么操作ATM機？通過什么控制電視機？通過什么控制數(shù)控車床？通過什么操作Photoshop程序？通過什么操作手機？UI即UserInterface(用戶界面)的簡稱。廣義上來講，UI界面是人與機器進行交互的操作方式，即用戶與機器相互傳遞信息的媒介，其中包括信息

2、的輸入和輸出。機器用戶界面好的UI界面美觀易懂、操作簡單且有引導(dǎo)功能，使用戶感覺愉快、增強興趣，拉近用戶和機器之間的距離，從而提高使用效率。所以，對整個產(chǎn)品設(shè)計來說，UI界面設(shè)計是其重要的組成部分。但對于我們多媒體和圖形設(shè)計方向來說，UI界面則主要是指GUI，即GraphicalUserInterface（圖形用戶界面），是對屏幕產(chǎn)品的視覺效果和互動操作進行設(shè)計。GUI是一種結(jié)合美學(xué)、計算機科學(xué)、心理學(xué)、行為學(xué)、人機工程學(xué)以及市場的綜合性學(xué)科，強調(diào)人—機—環(huán)境三者作為一個系統(tǒng)進行總體設(shè)計。思考常見的GUI界面。二、主要研究內(nèi)容：GUI是一種

3、綜合性設(shè)計，要想設(shè)計出好的圖形界面，我們必須要掌握設(shè)計藝術(shù)、計算機技術(shù)、人機工程學(xué)等學(xué)科領(lǐng)域的內(nèi)容。1、設(shè)計藝術(shù)主要涉及到平面構(gòu)成、色彩構(gòu)成以及立體構(gòu)成等基礎(chǔ)知識，同時也需要有一定的平面設(shè)計經(jīng)驗。2、計算機技術(shù)UI界面的互動必須要通過計算機技術(shù)來實現(xiàn)，例如用FLASH做的互動程序，必須要用AS語言才能夠?qū)崿F(xiàn)。3、人機工程學(xué)人機工程學(xué)就是應(yīng)用人體測量學(xué)、人體力學(xué)、勞動生理學(xué)、勞動心理學(xué)等學(xué)科的研究方法，對人體結(jié)構(gòu)特征和機能特征進行研究，提供人體各部分的尺寸、重量、體表面積以及人體各部分在活動時的相互關(guān)系和可及范圍等人體結(jié)構(gòu)特征參數(shù)；分析人的視

4、覺、聽覺、觸覺以及膚覺等感覺器官的機能特性；探討人在工作中影響心理狀態(tài)的因素以及心理因素對工作效率的影響等。三、GUI(圖形界面)主要組成部分：1、桌面在啟動時顯示，也是界面中最底層，有時也指代包括窗口、文件瀏覽器在內(nèi)的“桌面環(huán)境”。在桌面上由于可以重疊顯示窗口，因此可以實現(xiàn)多任務(wù)化。一般的界面中，桌面上放有各種應(yīng)用程序和數(shù)據(jù)的圖標(biāo)，用戶可以依此開始工作。典型代表：Windows桌面、手機桌面等2、窗口應(yīng)用程序為使用數(shù)據(jù)而在圖形用戶界面中設(shè)置的基本單元。應(yīng)用程序和數(shù)據(jù)在窗口內(nèi)實現(xiàn)一體化。在窗口中，用戶可以在窗口中操作應(yīng)用程序，進行數(shù)據(jù)的管理

5、、生成和編輯。通常在窗口四周設(shè)有菜單、圖標(biāo)，數(shù)據(jù)放在中央。3、菜單將系統(tǒng)可以執(zhí)行的命令以階層的方式顯示出來的一個界面。一般置于畫面的最上方或者最下方，應(yīng)用程序能使用的所有命令幾乎全部都能放入。重要程度一般是從左到右，越往右重要度越低。命定的層次根據(jù)應(yīng)用程序的不同而不同，一般重視文件的操作、編輯功能，因此放在最左邊，然后往右有各種設(shè)置等操作，最右邊往往設(shè)有幫助。一般使用鼠標(biāo)的第一按鈕進行操作。4、按鈕菜單中，利用程度高的命令用圖形表示出來，配置在應(yīng)用程序中，稱為按鈕。應(yīng)用程序中的按鈕，通?？梢源娌藛?。一些使用程度高的命令，不必通過菜單一層層

6、翻動才能調(diào)出，極大提高了工作效率。但是，各種用戶使用的命令頻率是不一樣的，因此這種配置一般都是可以由用戶自定義編輯。四、GUI的設(shè)計原則：1、減少用戶的認(rèn)知負(fù)擔(dān)2、保持界面的一致性3、滿足不同目標(biāo)用戶的創(chuàng)意需求4、用戶界面友好性5、圖標(biāo)功能的一致性6、建立界面與用戶的互動交流五、GUI的主要應(yīng)用領(lǐng)域：手機通訊移動產(chǎn)品、電腦操作平臺、軟件產(chǎn)品、PDA產(chǎn)品、數(shù)碼產(chǎn)品、車載系統(tǒng)產(chǎn)品、　　智能家電產(chǎn)品、游戲產(chǎn)品、產(chǎn)品的在線推廣等。第二節(jié)圖形界面設(shè)計的基本原則用戶原則是圖形界面設(shè)計最基本和最重要的設(shè)計原則。所謂用戶原則，就是在軟件界面設(shè)計中，要充分體

7、現(xiàn)出“以人為本”、“用戶友好”的基本要求，做到：易懂、易學(xué)、易用。一、圖形界面設(shè)計的“黃金法則”用戶原則是大原則，人們在長期的圖形界面設(shè)計過程中，總結(jié)出了圖形界面設(shè)計中一些有用的法則，這些原則被稱作軟件界面設(shè)計的“黃金法則”。這些法則進一步豐富了用戶原則，使用戶原則變得實在、可操作。1、圖形界面的一致性原則一致性原則是“黃金法則”中最重要的原則，也是界面開發(fā)人員最容易忽略和違反的一個原則。一致性原則有利于減少用戶的學(xué)習(xí)量和記憶量，用戶可以把局部的經(jīng)驗和知識推廣到其他應(yīng)用場合。一致性原則要做到：界面外觀上的一致：具有相似的外觀布局和信息顯示格

8、式。例如Office和Adobe軟件。操作次序上的一致：例如不同命令操作后的顯示效果一致。概念、語義、命令語法一致：例如同一功能的命令名稱要一致，例如“復(fù)制”命令。不同軟件開發(fā)商