第一篇：UI設(shè)計(jì)的新浪潮——引領(lǐng)設(shè)計(jì)行業(yè)的新寵兒

淺談UI在中國(guó)的發(fā)展現(xiàn)狀

一、UI的介紹

（一）UI在中國(guó)現(xiàn)狀

1、UI（User Interface-用戶界面）在中國(guó)普及情況

目前在國(guó)內(nèi)UI還是一個(gè)相對(duì)陌生的詞，部分從事UI的專業(yè)人員也對(duì)這個(gè)詞匯不太了解。我們經(jīng)常看到很多企業(yè)在招聘廣告寫著：“招聘界面美工、界面美術(shù)設(shè)計(jì)師等等。這表明在國(guó)內(nèi)對(duì)UI的理解還僅僅停留在美術(shù)設(shè)計(jì)方面，認(rèn)為UI的工作只是描邊畫線，缺乏對(duì)用戶交互的重要性的理解；另一方面在軟件開發(fā)過(guò)程中還存在重技術(shù)而不重應(yīng)用的現(xiàn)象。許多商家認(rèn)為軟件產(chǎn)品的核心是技術(shù)，而UI僅僅是次要的輔助，這點(diǎn)在人員的比例與待遇上可以非常完美的體現(xiàn)出來(lái)。

目前國(guó)內(nè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ì)一直沒有受到應(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ì)師們的需求。

2、UI（User Interface-用戶界面）發(fā)展階段

市場(chǎng)經(jīng)濟(jì)需要競(jìng)爭(zhēng)，競(jìng)爭(zhēng)就會(huì)需要設(shè)計(jì)來(lái)提高產(chǎn)品競(jìng)爭(zhēng)力。2000年以前國(guó)內(nèi)的UI設(shè)計(jì)剛開始萌芽，但當(dāng)時(shí)做UI等于做平面設(shè)計(jì)，基本也體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)上，后來(lái)隨著flash的流行，一部分美術(shù)設(shè)計(jì)師開始去思考互動(dòng)性。到了2002年一些企業(yè)開始重視到UI設(shè)計(jì)的重要性，紛紛把UI部門從軟件編碼團(tuán)隊(duì)里提出來(lái)，開始有了專門針對(duì)軟件產(chǎn)品的圖形設(shè)計(jì)師和交互設(shè)計(jì)師。2004年以后隨著手機(jī)，電腦附加軟件，MP3等大量產(chǎn)品上市，ID設(shè)計(jì)就和UI設(shè)計(jì)越來(lái)越緊密了，UI設(shè)計(jì)也開始被提升到一個(gè)新的高度和重視程度。2005年國(guó)內(nèi)的UI設(shè)計(jì)已經(jīng)相對(duì)成熟了，有了專門的職業(yè)分工也出現(xiàn)了很多不錯(cuò)的UI一線設(shè)計(jì)師與UI設(shè)計(jì)交流組織。

3、UI（User Interface-用戶界面）部門設(shè)立

隨著“UI”設(shè)計(jì)熱的到來(lái)，近幾年國(guó)內(nèi)很多從事手機(jī)，軟件，網(wǎng)站，增值服務(wù)等企業(yè)和公司都設(shè)立了這個(gè)部門。還有很多專門從事UI設(shè)計(jì)的公司也應(yīng)運(yùn)而生。軟件UI設(shè)計(jì)師的待遇和地位也逐漸上升。

（二）UI（User Interface-用戶界面）特色介紹

UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人與機(jī)器之間交流互動(dòng)、操作邏輯、界面美觀的整體設(shè)計(jì) 今天，UI設(shè)計(jì) 即“用戶界面”的設(shè)計(jì)優(yōu)劣對(duì)于產(chǎn)品在市場(chǎng)的表現(xiàn)起著至關(guān)重要的作用，它已經(jīng)成為企業(yè)搶占市場(chǎng)份額的核心競(jìng)爭(zhēng)力之一。由于國(guó)內(nèi)缺乏相關(guān)的教育培訓(xùn)機(jī)構(gòu)和院校，所以該類人才的市場(chǎng)缺口極大。

（三）UI（User Interface-用戶界面）目前的機(jī)遇與發(fā)展

UI的重要性性必要性越來(lái)越顯得更加顯著，目前越來(lái)越多的企業(yè)加大了對(duì)UI部門的力度和進(jìn)度，譬如說(shuō)深圳華為、中興、TCL等等。UI專業(yè)從事人員的價(jià)值和社會(huì)地位得到了大幅度的提升，據(jù)不統(tǒng)一調(diào)查顯示，一位專業(yè)的UI從事人員工資普遍在12000到15000之間，據(jù)了解，深圳華為計(jì)劃招聘三十余名UI人員，但是目前只招聘到十幾位。由此可見，UI行業(yè)目前的專業(yè)人士資源存在非常大的缺口，此外還透露著UI行業(yè)的巨大潛力。

（四）UI（User Interface-用戶界面）學(xué)習(xí)方法

1、由于UI具有強(qiáng)大的技術(shù)性、前沿性和系統(tǒng)性，如采用自學(xué)的方式，難度性非常大，故建議有志往UI方向發(fā)展的人士參加專業(yè)的培訓(xùn)機(jī)

構(gòu)，進(jìn)行系統(tǒng)培訓(xùn)。

2、為適應(yīng)用戶界面設(shè)計(jì)行業(yè)快速發(fā)展的需要，提升中國(guó)用戶界面設(shè)計(jì)的行業(yè)水平和規(guī)模，為企業(yè)提供更多的優(yōu)秀人才。基于這個(gè)基礎(chǔ)，很

多專業(yè)的UI培訓(xùn)機(jī)構(gòu)應(yīng)運(yùn)而生，比如北京漢遠(yuǎn)網(wǎng)指培訓(xùn)中心、上海

星獅創(chuàng)想，深圳中鵬培訓(xùn)。

3、在選擇培訓(xùn)機(jī)構(gòu)，也存在技巧性，主要是關(guān)注培訓(xùn)機(jī)構(gòu)的硬件設(shè)施設(shè)備和軟件設(shè)施（譬如師資、教學(xué)方法和應(yīng)用管理等等）。目前，珠

三角目前具有一些專業(yè)的UI培訓(xùn)機(jī)構(gòu)，譬如深圳中鵬培訓(xùn)機(jī)構(gòu)。（中

鵬【中鵬培訓(xùn)http://www.tmdps.cn/，0755-82411196】設(shè)立此專

業(yè)，并聯(lián)合國(guó)際一流企業(yè)的諸多資深專家親臨授課，旨在培養(yǎng)出與企

業(yè)接軌與市場(chǎng)接軌的專業(yè)型人才，并有效地將優(yōu)秀畢業(yè)生推薦至相關(guān)

合作企業(yè)。）

（五）UI（User Interface-用戶界面）的重要性及應(yīng)用案例

UI的英文是User Interface，也就是用戶與界面的關(guān)系，包括交互設(shè)計(jì)、用戶研究、與界面設(shè)計(jì)三個(gè)部分。在人和機(jī)器的互動(dòng)過(guò)程（Human Machine Interaction）中，界面（interface）占有舉足輕重的位置。從心理學(xué)意義來(lái)分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個(gè)層次。用戶界面設(shè)計(jì)是屏幕類型產(chǎn)品的重要組成部分，是一個(gè)復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計(jì)的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性。

簡(jiǎn)單的說(shuō)，UI不僅是一種表現(xiàn)形式，更是用戶對(duì)界面的體驗(yàn)和信息交互意愿。在使用過(guò)程中，發(fā)現(xiàn)三大門戶網(wǎng)站（新浪、搜狐、網(wǎng)易）在UI設(shè)計(jì)上面差別很大。就首頁(yè)來(lái)說(shuō)，網(wǎng)易的設(shè)計(jì)最為合理，搜狐的最差。下面詳細(xì)說(shuō)明：

網(wǎng)易的頁(yè)面最為簡(jiǎn)潔，整個(gè)頁(yè)面以淡藍(lán)色和淺灰白色為板塊背景色，兩種顏色較為接近，使人們的眼光可以在板塊之間平滑過(guò)渡，而不至于有太大的視覺反差。導(dǎo)航清晰，很容易找到要找的頻道。網(wǎng)易的版面設(shè)計(jì)，在圖片和文字上比較均勻，文字以黑色和藍(lán)色為主，板塊主體都是以小號(hào)字書寫；圖片分布比較均勻，讀者在閱覽網(wǎng)易首頁(yè)的時(shí)候可以實(shí)現(xiàn)目光的均勻分布，這一點(diǎn)很重要。廣告也少，至少是明目張膽的廣告很少，即使是廣告，版面設(shè)計(jì)的讓人看上去也比較舒服。總體來(lái)看，網(wǎng)易似乎已經(jīng)把最重要的內(nèi)容放在最鮮艷的位置了，比如說(shuō)有道搜索、郵箱服務(wù)，但是還是重點(diǎn)不夠突出，沒有一個(gè)非常鮮明的特征讓人們把他從其他

門戶區(qū)別開來(lái)。

搜狐，是三大門戶當(dāng)中網(wǎng)頁(yè)改版最為頻繁的，同時(shí)也是效果最差的。搜狐首頁(yè)最珍貴的資源Banner部分，全部拿來(lái)做了廣告，用戶體驗(yàn)很不好。如果略掉Banner不考慮，搜狐給人最不好的感覺就是字體大小變化太沒有規(guī)律，就拿新聞板塊來(lái)說(shuō)，這部分是大字體，而并排的博客和社區(qū)板塊卻是小字體，一大一小，讓人眼光過(guò)渡起來(lái)感覺不舒服，大眼瞪小眼。不光板塊字體大小不一，而且板塊拍板也不是太近人意。此外，搜狐的廣告可謂是明目張膽，漫天飛舞，廣告板塊和內(nèi)容板塊穿插交錯(cuò)，讓人防不勝防。

新浪一直都是門戶網(wǎng)站中盈利最多的，相對(duì)于網(wǎng)易的簡(jiǎn)潔和搜狐的雜亂，新浪走的可謂是一條中間路線。不過(guò)，新浪的廣告比搜狐更厲害，這點(diǎn)厲害是說(shuō)，新浪把網(wǎng)站首頁(yè)的優(yōu)質(zhì)資源全都給了廣告，從Banner到左側(cè)條，都是廣告，新聞組中也有若隱若現(xiàn)的廣告存在，難怪新浪的廣告盈利最多呢。

（六）UI（User Interface-用戶界面）的學(xué)習(xí)方向

1、GUI見面設(shè)計(jì)方向

圖形用戶界面（Graphic User Interface，簡(jiǎn)稱 GUI）是指采用圖形

方式顯示的計(jì)算機(jī) 操作用戶界面。通俗來(lái)講，GUI設(shè)計(jì)師就是設(shè)計(jì)圖形用戶界面。例如 ：windows界面、蘋果手機(jī) 界面等 專業(yè)課程：圖標(biāo)系統(tǒng)學(xué)、界面設(shè)計(jì)、視覺交互設(shè)計(jì)理論、產(chǎn)品流程設(shè)計(jì)、信息設(shè)計(jì)、模型設(shè)計(jì)、顏色系統(tǒng)學(xué) 等。

2、UI交互設(shè)計(jì)方向

交互設(shè)計(jì)（Interaction Designe 簡(jiǎn)稱UI）主要在于設(shè)計(jì)軟件的操作

流程、樹狀結(jié)構(gòu)、操作 規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。專業(yè)課程：交互設(shè)計(jì)理論、產(chǎn)品流程設(shè)計(jì)、交互模型、交互規(guī)范、行為學(xué)、Visio框架設(shè)計(jì)等。

3、UI用戶體驗(yàn)方向

用戶體驗(yàn)（User Experience 簡(jiǎn)稱UE）它是指用戶使用一個(gè)產(chǎn)品

時(shí)的全部體驗(yàn)。他們的 印象和感覺，是否成功，是否享受，是否還想再來(lái)/使用。他們能夠忍受的問(wèn)題，疑惑BUG的程度，然后對(duì)結(jié)果進(jìn)行分析。專業(yè)課程：產(chǎn)品流程設(shè)計(jì)、統(tǒng)計(jì)學(xué)、基礎(chǔ)視覺設(shè)計(jì)研究、用戶需求挖掘?qū)W、用戶研究方法學(xué)、用戶測(cè)試學(xué)、用戶體驗(yàn)規(guī)范等。

（七）就業(yè)前景

目前UI即用戶界面設(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è))均已成立專業(yè)的UI設(shè)計(jì)部門，但專業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。但目前全國(guó)UI設(shè)計(jì)專業(yè)的系統(tǒng)教學(xué)極其稀少。UI設(shè)計(jì)專業(yè)作為首家UI設(shè)計(jì)師的培訓(xùn)基地為國(guó)內(nèi)外知名品牌企業(yè)提供優(yōu)秀的專業(yè)設(shè)計(jì)人才。

但是目前就業(yè)市場(chǎng)，出現(xiàn)了嚴(yán)重的供不應(yīng)求。目前，一名具有從業(yè)經(jīng)驗(yàn)3年以上的專業(yè)UI人員，普遍薪酬固定在12000-15000之間，并且上升空間非常大。

第二篇：UI設(shè)計(jì)思路

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

UI設(shè)計(jì)思路

UI測(cè)試用例設(shè)計(jì)方向[轉(zhuǎn)]

設(shè)計(jì)功能和界面測(cè)試用例

1.1 文本框、按鈕等控件測(cè)試

1.1.1 文本框的測(cè)試

如何對(duì)文本框進(jìn)行測(cè)試 a,輸入正常的字母或數(shù)字。b,輸入已存在的文件的名稱；

c,輸入超長(zhǎng)字符。例如在“名稱”框中輸入超過(guò)允許邊界個(gè)數(shù)的字符，假設(shè)最多255個(gè)字符，嘗試輸入

256個(gè)字符，檢查程序能否正確處理；

d,輸入默認(rèn)值，空白，空格；

e,若只允許輸入字母，嘗試輸入數(shù)字；反之；嘗試輸入字母； f,利用復(fù)制，粘貼等操作強(qiáng)制輸入程序不允許的輸入數(shù)據(jù)； g,輸入特殊字符集，例如，NUL及n等；

h,輸入超過(guò)文本框長(zhǎng)度的字符或文本，檢查所輸入的內(nèi)容是否正常顯示；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

i,輸入不符合格式的數(shù)據(jù)，檢查程序是否正常校驗(yàn)，如，程序要求輸入年月日格式為yy/mm/dd，實(shí)際輸入yyyy/mm/dd，程序應(yīng)該給出錯(cuò)誤提示

在測(cè)試過(guò)程中所用到的測(cè)試方法： 1,輸入非法數(shù)據(jù)； 2,輸入默認(rèn)值； 3,輸入特殊字符集； 4,輸入使緩沖區(qū)溢出的數(shù)據(jù)； 5,輸入相同的文件名；

--命令按鈕控件的測(cè)試

測(cè)試方法：

a,點(diǎn)擊按鈕正確響應(yīng)操作。如，單擊確定，正確執(zhí)行操作；單擊取消，退出窗口；

b,對(duì)非法的輸入或操作給出足夠的提示說(shuō)明，如，輸入月工作天數(shù)為32時(shí)，單擊”確定“后系統(tǒng)應(yīng)提示:天數(shù)不能大于31；

c,對(duì)可能造成數(shù)據(jù)無(wú)法恢復(fù)的操作必須給出確認(rèn)信息，給用戶放棄選擇的機(jī)會(huì)；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

--單選按鈕控件的測(cè)試

測(cè)試方法：

a,一組單選按鈕不能同時(shí)選中，只能選中一個(gè)。

b,逐一執(zhí)行每個(gè)單選按鈕的功能。分別選擇了“男”“女”后，保存到數(shù)據(jù)庫(kù)的數(shù)據(jù)應(yīng)該相應(yīng)的分別為“男”“女”；

c,一組執(zhí)行同一功能的單選按鈕在初始狀態(tài)時(shí)必須有一個(gè)被默認(rèn)選中，不能同時(shí)為空；

---up－down控件文本框的測(cè)試

測(cè)試方法：

a,直接輸入數(shù)字或用上下箭頭控制，如，在“數(shù)目”中直接輸入10，或者單擊向上的箭頭，使數(shù)目變?yōu)?0；

b,利用上下箭頭控制數(shù)字的自動(dòng)循環(huán)，如，當(dāng)最多數(shù)字為253時(shí)，單擊向上箭頭，數(shù)目自動(dòng)變?yōu)?；反之亦適用；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

c,直接輸入超邊界值，系統(tǒng)應(yīng)該提示重新輸入；

d,輸入默認(rèn)值，空白。如，“插入”數(shù)目為默認(rèn)值，點(diǎn)擊“確定”；或，刪除默認(rèn)值，使內(nèi)容為空，單擊“確定”進(jìn)行測(cè)試； e,輸入字符。此時(shí)系統(tǒng)應(yīng)提示輸入有誤。

------組合列表框的測(cè)試

測(cè)試方法：

a,條目?jī)?nèi)容正確，其詳細(xì)條目?jī)?nèi)容可以根據(jù)需求說(shuō)明確定； b,逐一執(zhí)行列表框中每個(gè)條目的功能； c,檢查能否向組合列表框輸入數(shù)據(jù)；

------復(fù)選框的測(cè)試

測(cè)試方法：

a,多個(gè)復(fù)選框可以被同時(shí)選中； b,多個(gè)復(fù)選框可以被部分選中；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

c,多個(gè)復(fù)選框可以都不被選中； d,逐一執(zhí)行每個(gè)復(fù)選框的功能；

----------列表框控件的測(cè)試

測(cè)試方法：

a,條目?jī)?nèi)容正確；同組合列表框類似，根據(jù)需求說(shuō)明書確定列表的各項(xiàng)內(nèi)容正確，沒有丟失或錯(cuò)誤； b,列表框的內(nèi)容較多時(shí)要使用滾動(dòng)條；

c,列表框允許多選時(shí)，要分別檢查shift選中條目，按ctrl選中條目和直接用鼠標(biāo)選中多項(xiàng)條目的情況；

滾動(dòng)條控件的測(cè)試

要注意一下幾點(diǎn)：

a,滾動(dòng)條的長(zhǎng)度根據(jù)顯示信息的長(zhǎng)度或?qū)挾燃皶r(shí)變換，這樣有利于用戶了解顯示信息的位置和百分比，如，word中瀏覽100頁(yè)文檔，瀏覽到50頁(yè)時(shí)，滾動(dòng)條位置應(yīng)處于中間；

b,拖動(dòng)滾動(dòng)條，檢查屏幕刷新情況，并查看是否有亂碼；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

c,單擊滾動(dòng)條； d,用滾輪控制滾動(dòng)條； e,滾動(dòng)條的上下按鈕。

各種控件在窗體中混和使用時(shí)的測(cè)試

a,控件間的相互作用；

b,tab鍵的順序，一般是從上到下，從左到右； c,熱鍵的使用，逐一測(cè)試； d,enter鍵和esc鍵的使用；

在測(cè)試中，應(yīng)遵循由簡(jiǎn)入繁的原則，先進(jìn)行單個(gè)控件功能的測(cè)試，確保實(shí)現(xiàn)無(wú)誤后，再進(jìn)行多個(gè)控件的的功能組合的測(cè)試。

ps:密碼輸入框測(cè)試時(shí)要特別注意進(jìn)行字母大寫輸入的測(cè)試。

查找替換操作

案例演示:打開word中的“替換”對(duì)話框 測(cè)試本功能有通過(guò)測(cè)試和失敗測(cè)試兩種情況 通過(guò)測(cè)試: 1,輸入內(nèi)容直接查找,或查找全部

2,在組合框中尋找已經(jīng)查找過(guò)的內(nèi)容,再次查找并確認(rèn)文檔的內(nèi)容正

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

確,如,已經(jīng)查找過(guò)“測(cè)試用例”,再次進(jìn)入不用重新輸入查找內(nèi)容,直接在文檔中搜尋就可以.失敗測(cè)試: 1,輸入過(guò)長(zhǎng)或過(guò)短的查詢字符串.如,假設(shè)查詢的字符串長(zhǎng)度為1到255,那么輸入0,1,2,256,255和254進(jìn)行測(cè)試;2,輸入特殊字符集,如,在word中.^g代表圖片,^代表分欄符,可以輸入這類特殊字符測(cè)試;

替換測(cè)試大體相同.關(guān)于編輯操作窗口的功能測(cè)試的用例: 1,關(guān)閉查找替換窗口.不執(zhí)行任何操作,直接退出;2,附件和選項(xiàng)測(cè)試.假如,設(shè)定“精確搜尋”,“向后”搜索等附件選項(xiàng)等等來(lái)測(cè)試;3,控件間的相互作用.如,搜尋內(nèi)容為空時(shí),按鈕“搜尋全部”,“搜尋”,“全部替換”,“替換”都為灰色.4,熱鍵, Tab鍵.回車鍵的使用.插入操作

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

1,插入文件 測(cè)試的情況 a,插入文件;b,插入圖像;c,在文檔中插入文檔本身;d,移除插入的源文件;e,更換插入的源文件的內(nèi)容;

2,鏈接文件 測(cè)試方法: a,插入鏈接文件;b,在文檔中鏈接文檔本身;c,移除插入的源文件;d,更換插入的源文件的內(nèi)容.3,插入對(duì)象 要測(cè)試的內(nèi)容

a,插入程序允許的對(duì)象,如,在word中插入excel工作表;b,修改所插入對(duì)象的內(nèi)容.插入的對(duì)象仍能正確顯示;c,卸載生成插入對(duì)象的程序,如,在word中插入excel工作表后卸載

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

excel,工作表仍正常使用.編輯操作

編輯操作包括剪切,復(fù)制,粘貼操作.測(cè)試剪切操作的方法

a,對(duì)文本,文本框,圖文框進(jìn)行剪切;b,剪切圖像 c,文本圖像混合剪切 復(fù)制操作方法與剪切類似.測(cè)試時(shí),主要是對(duì)粘貼操作的測(cè)試,方法是: a,粘貼剪切的文本,文本框及圖文框;b,粘貼所剪切的圖像;c,剪切后,在不同的程序中粘貼

d,多次粘貼同一內(nèi)容,如,剪切后,在程序中連續(xù)粘貼3次;e,利用粘貼操作強(qiáng)制輸入程序所不允許輸入的數(shù)據(jù).精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

界面測(cè)試用例的設(shè)計(jì)方法 1,窗體

測(cè)試窗體的方法: a,窗體大小,大小要合適,控件布局合理;b,移動(dòng)窗體.快速或慢速移動(dòng)窗體,背景及窗體本身刷新必須正確;c,縮放窗體,窗體上的控件應(yīng)隨窗體的大小變化而變化;d,顯示分辨率.必須在不同的分辨率的情況下測(cè)試程序的顯示是否正常;進(jìn)行測(cè)試時(shí)還要注意狀態(tài)欄是否顯示正確;工具欄的圖標(biāo)執(zhí)行操作是否有效,是否與菜單懶中圖標(biāo)顯示一致;錯(cuò)誤信息內(nèi)容是否正確,無(wú)錯(cuò)別字,且明確等等;

2,控件 測(cè)試方法: a,窗體或控件的字體和大小要一致;b,注意全角,半角混合 c,無(wú)中英文混合.菜單

進(jìn)行測(cè)試時(shí)要注意

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

a,選擇菜單是否可以正常工作,并與實(shí)際執(zhí)行內(nèi)容一致;b,是否有錯(cuò)別字: c,快捷鍵是否重復(fù);d,熱鍵是否重復(fù);

精心收集

精心編輯 精致閱讀 如需請(qǐng)下載！

第三篇：UI設(shè)計(jì)教學(xué)

實(shí)用的UI設(shè)計(jì)教程

什么是UI？

UI英文全稱是：USER INTERFACE，中文即是用戶界面 UI包括三大塊，UX用戶體驗(yàn)，GUI視覺表現(xiàn)，HCI人機(jī)交互 零基礎(chǔ)學(xué)員怎么學(xué)習(xí)UI 首先，工欲善其事必先利其器！

先要學(xué)會(huì)PS（98%的設(shè)計(jì)師工作中會(huì)用到）AI（60%的設(shè)計(jì)師工作中會(huì)用到）DW（30%的設(shè)計(jì)師工作中會(huì)用到）FLASH（15%的設(shè)計(jì)師工作中會(huì)用到）3D視頻（10%的設(shè)計(jì)師工作中會(huì)用到）這些軟件的教程，可以在搜索引擎里搜到。

或者在網(wǎng)店買一本帶視頻教學(xué)光盤的PS和AI的書籍，學(xué)習(xí)過(guò)程耗時(shí)1-2個(gè)月。

切記，在你軟件基礎(chǔ)不扎實(shí)的情況下，看任何畫圖標(biāo)和畫界面的教程都是枉然的，你也看不懂，只能徒增挫折感！基礎(chǔ)不扎實(shí)，跟著別人教程畫。就是依樣畫瓢，知其然不知其所以然！

學(xué)PS和AI的注意事項(xiàng)：

對(duì)UI來(lái)說(shuō)，PS中的路徑、圖層效果、圖層蒙版是UI最常用的功能，務(wù)必重點(diǎn)掌握。AI的話，也是路徑操作、路徑修改要重點(diǎn)掌握。

學(xué)完改課程后，你可試著畫剪影ICON，通過(guò)加，減，交等布爾運(yùn)算把圖形拼出來(lái)。

再者：圖標(biāo)認(rèn)知，圖標(biāo)主要是識(shí)別性

圖標(biāo)是對(duì)這個(gè)世界的一個(gè)隱喻，因?yàn)槠鋰?guó)際通用性以及形、色、意比文字更有有視覺沖擊力。所以，一個(gè)好的功能圖標(biāo)，首先要有很強(qiáng)的識(shí)別性，其次才是美不美，和整體UI界面是否風(fēng)格相符。連功能識(shí)別性都不清的圖標(biāo)，只能算作一個(gè)裝飾性的東西。

APP的線框圖，這個(gè)呢就是一個(gè)APP應(yīng)用軟件的每個(gè)頁(yè)面的布局結(jié)構(gòu)，一般是由產(chǎn)品交互設(shè)計(jì)師來(lái)做線框圖的。但是國(guó)外因?yàn)楹芏喙緧徫欢x不明確，所以現(xiàn)在很多PM產(chǎn)品經(jīng)理在兼做產(chǎn)品交互，也有讓GUI視覺設(shè)計(jì)師來(lái)做的。

其實(shí)，這個(gè)東西主要就是定義，功能在哪里，具體怎么跳轉(zhuǎn)和應(yīng)用的交互流程和框架。

品創(chuàng)設(shè)計(jì)UI設(shè)計(jì)流程：產(chǎn)品需求-產(chǎn)品定義-產(chǎn)品功能定義-技術(shù)評(píng)估-信息架構(gòu)-線框布局-軟件架構(gòu)-數(shù)據(jù)定義-視覺設(shè)計(jì)-切圖開發(fā)-上線測(cè)試-問(wèn)題跟蹤-問(wèn)題反饋-迭代開發(fā)

第四篇：《UI設(shè)計(jì)》課程標(biāo)準(zhǔn)

《UI設(shè)計(jì)》學(xué)習(xí)領(lǐng)域課程標(biāo)準(zhǔn)

執(zhí)筆：甄珍

審核：

時(shí)間： 2013-5-

5一、學(xué)習(xí)領(lǐng)域定位

“UI”熱是近幾年來(lái)興起的潮流，近幾年國(guó)內(nèi)很多從事手機(jī)，軟件，網(wǎng)站，增值服務(wù)等企業(yè)和公司都設(shè)立了這個(gè)部門。還有很多專門從事UI設(shè)計(jì)的公司也應(yīng)運(yùn)而生。

正是鑒于目前UI行業(yè)的發(fā)展?fàn)顩r，本專業(yè)第一次開設(shè)計(jì)《UI設(shè)計(jì)》課程。

《UI設(shè)計(jì)》是所有與網(wǎng)絡(luò)通信軟件相關(guān)專業(yè)課程，該課程既可以鞏固前期所學(xué)的設(shè)計(jì)基礎(chǔ)理論知識(shí)和設(shè)計(jì)軟件應(yīng)用知識(shí)，還重在給學(xué)生開拓新的專業(yè)知識(shí)面，認(rèn)知一個(gè)新的設(shè)計(jì)領(lǐng)域，從而拓展職業(yè)能力和就業(yè)選擇面。

二、職業(yè)分析

目前UI即用戶界面設(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è))均已成立專業(yè)的UI設(shè)計(jì)部門，但專業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。但目前全國(guó)UI設(shè)計(jì)專業(yè)的系統(tǒng)教學(xué)極其稀少。UI設(shè)計(jì)師的待遇和地位也逐漸上升。

三、學(xué)習(xí)目標(biāo)

知識(shí)目標(biāo)：使學(xué)生能熟悉UI設(shè)計(jì)的流程和設(shè)計(jì)方法，并能使用制作有創(chuàng)意的，充滿視覺沖擊力的UI設(shè)計(jì)作品。

技能目標(biāo)：使學(xué)生學(xué)會(huì)系統(tǒng)規(guī)劃和全局思維，能夠完成一整套UI系統(tǒng)的設(shè)計(jì)。

素養(yǎng)目標(biāo)：使學(xué)生具備能從事UI系統(tǒng)的開發(fā)與設(shè)計(jì)能力，培養(yǎng)學(xué)生團(tuán)隊(duì)合作、及獨(dú)立思考能力。

四、學(xué)習(xí)內(nèi)容

四、學(xué)習(xí)領(lǐng)域課程設(shè)計(jì)思路

（一）設(shè)計(jì)理念

五、考核方式

學(xué)生成績(jī)的評(píng)定，以學(xué)生平時(shí)表現(xiàn)和任務(wù)完成情況及最終考核來(lái)核定。評(píng)分細(xì)則如下表：

其中，平時(shí)成績(jī)包括平時(shí)上課的表現(xiàn)和各任務(wù)的完成情況，占總成績(jī)的30％；最終考核成績(jī)所用考核方式為機(jī)試，占總成績(jī)的70％。

第五篇：UI設(shè)計(jì)流程

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

階段一：分析

1用戶需求分析 2用戶交互場(chǎng)景分析 3競(jìng)爭(zhēng)產(chǎn)品分析

這兩者可以說(shuō)是相輔相成的。對(duì)于一個(gè)較為正規(guī)的項(xiàng)目而言，必然有對(duì)用戶需求的分析內(nèi)容。Tanjurd瑭錦資深UI設(shè)計(jì)師表示其中用戶UI需求是重要的組成部分。如果說(shuō)UI設(shè)計(jì)原則是所有UI設(shè)計(jì)的出發(fā)點(diǎn)的話，那么用戶UI需求就是本次設(shè)計(jì)的出發(fā)是好的UI設(shè)計(jì)建立在對(duì)用戶深刻了解之上。因此用戶交互場(chǎng)景分析就很重要。對(duì)于大部分項(xiàng)目組來(lái)說(shuō)也許沒有時(shí)間和精力去實(shí)際勘查用戶的現(xiàn)有交互、制作完善的交互模型考察，但是UI設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶角度思考：如果我是用戶，這里我會(huì)需要什么。競(jìng)爭(zhēng)產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長(zhǎng)處。這就是所謂三人行必有我?guī)煹囊馑肌Ｃ總€(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類旁通的好處。當(dāng)然有的時(shí)候可以參考的并不一定是競(jìng)爭(zhēng)產(chǎn)品。

階段二 設(shè)計(jì)需求：（葉面設(shè)計(jì)前需提給UI頁(yè)面組）

1.系統(tǒng)設(shè)計(jì)需求文檔。2.系統(tǒng)結(jié)構(gòu)文檔（例如欄目劃分，目錄結(jié)構(gòu)，導(dǎo)航方式等）。3.較復(fù)雜頁(yè)面表現(xiàn)形式草圖（手繪或相關(guān)軟件繪制）。4.較復(fù)雜業(yè)務(wù)流程文檔。5.如有可能提供參考和示例站點(diǎn)。6.與程序員溝通部分頁(yè)面實(shí)現(xiàn)方法。

段三：頁(yè)面制作：

1.經(jīng)過(guò)確認(rèn)的美術(shù)設(shè)計(jì)的方案圖7.系統(tǒng)設(shè)計(jì)需求文檔等，較復(fù)雜務(wù)流程文檔。2.所需頁(yè)面腳本需求，與程序員溝通部分頁(yè)面實(shí)現(xiàn)方法。3提交給程序

用戶交互case圖（說(shuō)明用戶和系統(tǒng)之間的聯(lián)系）用戶交互流程圖（說(shuō)明交互和事件之間的聯(lián)系）交互功能設(shè)計(jì)圖（說(shuō)明功能和交互的對(duì)應(yīng)關(guān)系）最終得到UI的設(shè)計(jì)產(chǎn)品。

階段四：驗(yàn)證

界面測(cè)試：（頁(yè)面組提交給測(cè)試組包括：1.經(jīng)確認(rèn)的設(shè)計(jì)方案圖。2.靜態(tài)模板頁(yè)面。以上二項(xiàng)均為便于查看嵌入程序后的葉面情況。3.常出現(xiàn)的界面錯(cuò)誤：圖片錯(cuò)誤，頁(yè)面不美觀，布局不合理，與原先設(shè)計(jì)不符，文字 錯(cuò)誤HTML代碼錯(cuò)誤，頁(yè)面程序錯(cuò)誤。4.界面bug測(cè)試報(bào)告：

正如Tanjurd瑭錦國(guó)際UI交互設(shè)計(jì)原則文中提到的，對(duì)于UI產(chǎn)品的驗(yàn)證主要從下面幾個(gè)方面入手：

1、功能性對(duì)照UI設(shè)計(jì)的再好，和需求不一致也不可以。

2、實(shí)用性內(nèi)部測(cè)試UI設(shè)計(jì)的最重要點(diǎn)就是實(shí)用性。

3、用戶焦點(diǎn)小組UI設(shè)計(jì)是否優(yōu)秀的重要衡量依據(jù)。最后，瑭錦Tanjurd說(shuō)一點(diǎn)其他的問(wèn)題。現(xiàn)在往往認(rèn)為交互式設(shè)計(jì)和最終的UI效果設(shè)計(jì)可以截然分開。這就好比說(shuō)需求可以和設(shè)計(jì)截然分開，是不可能的。

總結(jié)：

1.產(chǎn)品定位與市場(chǎng)分析這一類工作大多都是由新產(chǎn)品研發(fā)部門以及市場(chǎng)需求完成的，但UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)營(yíng)方式等。

2.用戶研究與分析這個(gè)過(guò)程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來(lái)完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里、需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。

3.架構(gòu)設(shè)計(jì)這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

4.原型設(shè)計(jì)我覺得這里應(yīng)該是一個(gè)小的階段標(biāo)志，要對(duì)前面所有工作加以設(shè)計(jì)方面的實(shí)施，根據(jù)進(jìn)度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個(gè)質(zhì)量范圍。原型的本質(zhì)更傾向與一個(gè)DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性。

5.界面設(shè)計(jì)如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

6.界面輸出作為設(shè)計(jì)師，在這一部分的工作就是配合好開發(fā)人員完成相關(guān)的界面結(jié)合。7.完善工作這個(gè)環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。Tanjurd瑭錦表示很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

如上的流程，可能會(huì)有很多部門共同參與完成，UI設(shè)計(jì)師如何與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計(jì)師，應(yīng)該能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。