長(zhǎng)春ui設(shè)計(jì)學(xué)習(xí)課程

UI即User Interface(用戶(hù)界面)的簡(jiǎn)稱(chēng)。

UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。 軟件設(shè)計(jì)可分為兩個(gè)部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。UI的本意是用戶(hù)界面，是英文User和 Interface的縮寫(xiě)。從字面上看是用戶(hù)與界面2個(gè)部分組成，但實(shí)際上還包括用戶(hù)與界面之間的交互關(guān)系。[1]  在飛速發(fā)展的電子產(chǎn)品中，界面設(shè)計(jì)工作一點(diǎn)點(diǎn)的被重視起來(lái)。做界面設(shè)計(jì)的“美工”也隨之被稱(chēng)之為“UI設(shè)計(jì)師”或“UI工程師”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要賣(mài)點(diǎn)。一個(gè)電子產(chǎn)品擁有美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與商品的距離，是建立在科學(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é)果，而是終端用戶(hù)的感受。

UI就業(yè)前景

編輯  UI即用戶(hù)界面設(shè)計(jì)行業(yè)剛剛在全球軟件業(yè)興起，屬于高薪技術(shù)設(shè)計(jì)產(chǎn)業(yè)，與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國(guó)移動(dòng)、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專(zhuān)業(yè)的UI設(shè)計(jì)部門(mén)，但專(zhuān)業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。就業(yè)市場(chǎng)供不應(yīng)求。[3]  UI設(shè)計(jì)工作的年薪基本保持在10到15萬(wàn)，經(jīng)驗(yàn)豐富者可以達(dá)到20萬(wàn)，資深的UI設(shè)計(jì)人員年薪可以更高。

UI的內(nèi)容

與之相應(yīng)， UI設(shè)計(jì)師的職能大體包括三方面：

一是圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工”。當(dāng)然，實(shí)際上他們承擔(dān)的不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。

二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

三是用戶(hù)測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要以目標(biāo)用戶(hù)問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。如果沒(méi)有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。

UI操作

盡量確保用戶(hù)在不使用鼠標(biāo)（只使用鍵盤(pán)）的情況下也可以流暢地完成一些常用的業(yè)務(wù)操作，各控件間可以Tab鍵進(jìn)行切換，并將可編輯的文本全選處理。 查詢(xún)檢索類(lèi)頁(yè)面，在查詢(xún)條件輸入框內(nèi)按回車(chē)應(yīng)該自動(dòng)觸發(fā)查詢(xún)操作。 在進(jìn)行一些不可逆或者刪除操作時(shí)應(yīng)該有信息提示用戶(hù)，并讓用戶(hù)確認(rèn)是否繼續(xù)操作，必要時(shí)應(yīng)該把操作造成的后果也告訴用戶(hù)。 信息提示窗口的“確認(rèn)”及“取消”按鈕需要分別映射鍵盤(pán)按鍵“Enter”和“ESC”。 避免使用鼠標(biāo)雙擊動(dòng)作，不僅會(huì)增加用戶(hù)操作難度，還可能會(huì)引過(guò)用戶(hù)誤會(huì)，認(rèn)為功能點(diǎn)擊無(wú)效。 表單錄入頁(yè)面，需要把輸入焦點(diǎn)定位到**個(gè)輸入項(xiàng)。用戶(hù)Tab鍵可以在輸入框或操作按鈕間切換，并注意Tab的操作應(yīng)該遵循從左向右、從上而下的順序。

UI設(shè)計(jì)流程

一、確認(rèn)目標(biāo)用戶(hù) 在UI設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶(hù)，獲取用戶(hù)和直接用戶(hù)的需求。 用戶(hù)交互要考慮到目標(biāo)用戶(hù)的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。 例如：對(duì)于科學(xué)用戶(hù)和對(duì)于電腦入門(mén)用戶(hù)的設(shè)計(jì)重點(diǎn)就不同。

二、采集目標(biāo)用戶(hù)的習(xí)慣交互方式 不同類(lèi)型的目標(biāo)用戶(hù)有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。 當(dāng)然還要在此基礎(chǔ)上調(diào)研分析找到用戶(hù)希望達(dá)到的交互效果，并且以流程確認(rèn)下來(lái)。

三、提示和引導(dǎo)用戶(hù) 軟件是用戶(hù)的工具。因此應(yīng)該由用戶(hù)來(lái)操作和控制軟件。軟件響應(yīng)用戶(hù)的動(dòng)作和設(shè)定的規(guī)則。 對(duì)于用戶(hù)交互的結(jié)果和反饋，提示用戶(hù)結(jié)果和反饋信息，引導(dǎo)用戶(hù)進(jìn)行用戶(hù)需要的下一步操作。

四、一致性原則 設(shè)計(jì)目標(biāo)一致 軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。

例如：如果以電腦操作初級(jí)用戶(hù)作為目標(biāo)用戶(hù)，以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部。 元素外觀一致 交互元素的外觀往往影響用戶(hù)的交互效果。同一個(gè)（類(lèi)）軟件采用一致風(fēng)格的外觀，對(duì)于保持用戶(hù)焦點(diǎn)，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶(hù)進(jìn)行調(diào)查取得反饋。 交互行為一致 在交互模型中，不同類(lèi)型的元素用戶(hù)觸發(fā)其對(duì)應(yīng)的行為事件后，其交互行為需要一致。

例如：所有需要用戶(hù)確認(rèn)操作的對(duì)話(huà)框都至少包含確認(rèn)和放棄兩個(gè)按鈕。 對(duì)于交互行為一致性原則比較極端的理念是相同類(lèi)型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì)，會(huì)更加簡(jiǎn)化用戶(hù)操作流程。[2]

五、可用性原則 可理解 軟件要為用戶(hù)使用，用戶(hù)必須可以理解軟件各元素對(duì)應(yīng)的功能。 如果不能為用戶(hù)理解，那么需要提供一種非破壞性的途徑，使得用戶(hù)可以對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。 比如：刪除操作元素。用戶(hù)可以點(diǎn)擊刪除操作按鈕，提示用戶(hù)如何刪除操作或者是否確認(rèn)刪除操作，用戶(hù)可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作。 可達(dá)到 用戶(hù)是交互的中心，交互元素對(duì)應(yīng)用戶(hù)需要的功能。因此交互元素必須可以被用戶(hù)控制。 用戶(hù)可以用諸如鍵盤(pán)、鼠標(biāo)之類(lèi)的交互設(shè)備移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素。 要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來(lái)說(shuō)超過(guò)4層）那么用戶(hù)達(dá)到該元素的幾率就降低了。 可達(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。（參考簡(jiǎn)單導(dǎo)向原則） 可控制 軟件的交互流程，用戶(hù)可以控制。 功能的執(zhí)行流程，用戶(hù)可以控制。 如果確實(shí)無(wú)法提供控制，則用能為目標(biāo)用戶(hù)理解的方式提示用戶(hù)。

咨詢(xún)熱線電話(huà)：13167722526（微信同步）在線QQ：2583839770

地址：吉林省長(zhǎng)春市同志街與隆禮胡同交匯火炬大廈