第一篇：UI設(shè)計(jì)項(xiàng)目總結(jié)

《UI設(shè)計(jì)》項(xiàng)目總結(jié)

UI設(shè)計(jì)課程為計(jì)算機(jī)系的多媒體方向?qū)W生的專業(yè)課, 所須課時(shí)為14課時(shí)/周，共計(jì)5周，采用項(xiàng)目教學(xué)的教學(xué)方式。

通過項(xiàng)目實(shí)踐，使學(xué)生能建立交互界面設(shè)計(jì)的基本概念框架，掌握交互界面設(shè)計(jì)制作的基本技能，明確交互界面設(shè)計(jì)的流程和操作程序，能夠?qū)⒔换ソ缑嬖O(shè)計(jì)的基礎(chǔ)知識(shí)和制作技能融會(huì)貫通，靈活應(yīng)用于交互界面設(shè)計(jì)創(chuàng)意與制作。

課程布置給學(xué)生一共兩個(gè)大項(xiàng)目，第一個(gè)項(xiàng)目——“軟件交互界面設(shè)計(jì)”，分步開始設(shè)計(jì)制作常用控件，逐漸進(jìn)入整個(gè)軟件界面設(shè)計(jì)，在這個(gè)過程中，讓學(xué)生回顧并進(jìn)一步掌握Photoshop等設(shè)計(jì)軟件，熟悉了解市場(chǎng)上的設(shè)計(jì)風(fēng)格。

第二個(gè)項(xiàng)目—— “移動(dòng)手機(jī)交互界面設(shè)計(jì)”。通過這樣一個(gè)貼近生活的項(xiàng)目吸引學(xué)生的好奇心，并引發(fā)學(xué)生對(duì)交互界面設(shè)計(jì)知識(shí)的探究欲望。接下來帶領(lǐng)學(xué)生開始實(shí)施項(xiàng)目的第一個(gè)步驟——對(duì)項(xiàng)目任務(wù)進(jìn)行分析，明確項(xiàng)目目標(biāo)和任務(wù)要求，也就是明白自己要做什么。藉此項(xiàng)目開始，就讓我們學(xué)生無形中走向了“職場(chǎng)”。在項(xiàng)目實(shí)施過程中，結(jié)合實(shí)際案例，比賽實(shí)踐來加深學(xué)生對(duì)交互界面設(shè)計(jì)的認(rèn)識(shí)，并充分認(rèn)識(shí)到圖片、文字、色彩在設(shè)計(jì)中作用，對(duì)構(gòu)圖、字體、色彩搭配有了更深的理解與應(yīng)用能力。有了第一個(gè)項(xiàng)目的實(shí)踐經(jīng)驗(yàn)，通過前后兩個(gè)項(xiàng)目的對(duì)比分析，及時(shí)歸納總結(jié)已學(xué)過的知識(shí)，使之系統(tǒng)化，讓學(xué)生對(duì)交互界面設(shè)計(jì)有了進(jìn)一步的提高。讓學(xué)生明白創(chuàng)意在交互界面設(shè)計(jì)中的作用，培養(yǎng)學(xué)生進(jìn)行設(shè)計(jì)的正確思維模式。

因該課程面向大二的學(xué)生，學(xué)生已經(jīng)有了軟件制作基礎(chǔ)，因此在講解軟件的時(shí)候，著重在如何通過軟件功能工具設(shè)置來達(dá)到更好的設(shè)計(jì)效果。課程教學(xué)通過項(xiàng)目訓(xùn)練與作品展示分析，掌握學(xué)生學(xué)到多少，然后根據(jù)不同的情況有的放矢地講解。鼓勵(lì)學(xué)生在課堂上向全班同學(xué)講授自己的創(chuàng)作思路和設(shè)計(jì)稿特點(diǎn)，多多擴(kuò)散自己的思維，代入“職場(chǎng)”氛圍。

從項(xiàng)目實(shí)踐結(jié)果來看，《UI設(shè)計(jì)》達(dá)到了課程教學(xué)目的。學(xué)生對(duì)軟件技能知識(shí)基本掌握，而在創(chuàng)意藝術(shù)表現(xiàn)上的應(yīng)用部分同學(xué)表現(xiàn)良好，還有部分同學(xué)仍需進(jìn)一步鞏固與提高。而我對(duì)這一課程教學(xué)也有了更多的心得體會(huì)，雖然還有不足之處，但也看到了更多進(jìn)步的空間，相信我能進(jìn)一步做到更好。

第二篇：UI總結(jié)

Root 窗口

1、標(biāo)題欄：位于窗口的頂部，是應(yīng)用程序的名稱。

2、控制按鈕區(qū)：控制窗口關(guān)閉，最大，最小操作的一個(gè)集合區(qū)域。包括最大化、最小化、關(guān)閉按鈕。

3、菜單欄：就是各種操作命令構(gòu)成的菜單項(xiàng)，在當(dāng)前狀態(tài)下能夠使用的命令類別，包含了文件、編輯、視圖等共九項(xiàng)菜單。包括“下拉式菜單”“快捷菜單”。

4、工具欄：就是菜單中的一些常用命令的圖標(biāo)，即常用菜單的圖標(biāo)顯示方式。包括：⑴常用工具欄；⑵格式工具欄；⑶繪圖工具欄。

5、任務(wù)欄（狀態(tài)欄）：用來顯示編輯文檔程序當(dāng)前狀態(tài)的信息。包括“開始”按鈕；快速啟動(dòng)區(qū)域；窗口顯示區(qū)域；輸入法；時(shí)間區(qū)域和消息區(qū)域。

6、邊框：表示本窗口的范圍。

7、工作區(qū)（內(nèi)容區(qū)）：應(yīng)用程序用來顯示接受信息和輸出信息的區(qū)域?！尽拔募疟P區(qū)”在“我的電腦”】

8、垂直滾動(dòng)條（鈕）：查看上下內(nèi)容。

9、水平滾動(dòng)條（鈕）：查看左右內(nèi)容。Sub 子窗口

1、窗口大小、位置，窗口標(biāo)題，窗口狀態(tài)欄，控制按鈕區(qū)（最大、最小、關(guān)閉）

2、子窗口與主窗口的關(guān)系，是嵌套在主窗口里面，還是單獨(dú)顯示

3、包含的界面元素（類型，位置，大小，字體顏色，背景顏色，默認(rèn)值，Tab 順序，快捷鍵)

a)文本區(qū)（字?jǐn)?shù)限制，字符限制）

b)文本域

(字?jǐn)?shù)限制，字符限制）

c)列表框 list box（顯示數(shù)據(jù)列的標(biāo)題，列排序，列寬，列顯示數(shù)據(jù)量）

d)垂直滾動(dòng)條（查看上下內(nèi)容）

e）水平滾動(dòng)條（查看左右內(nèi)容）

f）單選框（選 or 不選）

g）多選框（選 or 不選，與Ctrl 和Shift key 有沒有聯(lián)合）

h）按鈕

i）標(biāo)簽

第三篇：UI設(shè)計(jì)面試問題總結(jié)

UI設(shè)計(jì)

一、什么是UI設(shè)計(jì)：

UI，顧名思義，User Interface，UI設(shè)計(jì)即為用戶界面設(shè)計(jì)。用戶界面是用戶和設(shè)備交互的重要介質(zhì)。用戶界面設(shè)計(jì)可分為感覺和情感兩個(gè)層次，其綜合了心理學(xué)，設(shè)計(jì)學(xué)，語言學(xué)等方面的知識(shí)。一個(gè)產(chǎn)品的UI設(shè)計(jì)直接關(guān)系著用戶體驗(yàn)，隨著移動(dòng)設(shè)備的發(fā)展，用戶體驗(yàn)越來越重要。

用戶界面設(shè)計(jì)很大程度上就是在探究如何讓產(chǎn)品更具可用性，如何使用戶獲得更好的體驗(yàn)，使用戶能夠更快的通過界面操作完成任務(wù)獲得良好的感覺。

二、UI設(shè)計(jì)的三大原則：

1、易用性，使用戶能夠更容易的使用產(chǎn)品，通過界面完成想要做的操作。

2、在界面美觀的基礎(chǔ)上，減小用戶的記憶負(fù)擔(dān)，使用戶在使用產(chǎn)品時(shí)不用刻意記憶各種功能，可以很舒服的完成操作，從而使用戶得到很好的產(chǎn)品體驗(yàn)。

3、界面的一致性。對(duì)于產(chǎn)品而言，在功能完備的基礎(chǔ)上，界面的美觀很重要，美觀的界面不僅使產(chǎn)品本身更具魅力，還會(huì)給用戶帶來愉悅的體驗(yàn)。除此之外界面要高度一致，用戶使用界面時(shí)往往會(huì)有慣性思維，UI要保持一致，以免用戶思維方向被打亂，影響產(chǎn)品的用戶體驗(yàn)。

三、UI設(shè)計(jì)常見問題

1、要明確自己的用戶群，不同的用戶階層對(duì)不同的設(shè)計(jì)元素有不同的理解。所以我們的UI設(shè)計(jì)要針對(duì)自己的用戶群設(shè)計(jì)。

2、要確保UI能夠使用戶自由掌控自己的瀏覽行為，要確保用戶能從某個(gè)點(diǎn)跳出，能夠毫無障礙地退出某個(gè)界面。

3、盡可能的減少程序中的bug和錯(cuò)誤。從而改善用戶體驗(yàn)，beat測(cè)試是削減錯(cuò)誤的最好的方法。

4、將重點(diǎn)放在重要的內(nèi)容上，將最重要的東西展示給用戶，從而使用戶更好的理解你的設(shè)計(jì)。

5、設(shè)計(jì)要簡(jiǎn)約。簡(jiǎn)約的設(shè)計(jì)可以增強(qiáng)UI的易用性，可 I 讓用戶不必關(guān)心那些沒必要的信息。而過于擁擠的頁面不管功能多強(qiáng)大都會(huì)給用戶帶來糟糕的用戶體驗(yàn)。

6、要有視覺提示。當(dāng)我們使用了ajax flash等技術(shù)時(shí)，當(dāng)內(nèi)容加載時(shí)應(yīng)當(dāng)有視覺提示，始終讓用戶知道目前在做什么。

7、要確保內(nèi)容清晰，準(zhǔn)確，易懂。

8、色彩的使用。色彩是UI的重要元素，不同的顏色代表不同的情緒，色彩的使用應(yīng)當(dāng)和站點(diǎn)以及主題相契合。還要考慮特殊人群的感受，有的用戶可能是色盲，在色彩使用上要考慮他們的感受。色彩使用要保持一致，一旦選定了某種配色，整個(gè)站點(diǎn)一致使用這種配色。

9、良好的結(jié)構(gòu)。在UI設(shè)計(jì)中各個(gè)元素應(yīng)當(dāng)放在他們呢該放的位置，總體結(jié)構(gòu)應(yīng)當(dāng)清晰，一致，相關(guān)關(guān)聯(lián)，那些不相關(guān)的東西應(yīng)當(dāng)單獨(dú)放置。

四、交互實(shí)例分析

1、Android Wear與Apple Watch 產(chǎn)品交互設(shè)計(jì)共同點(diǎn)：智能推送，輕量交互，高易讀性。Apple Watch：

1、個(gè)人化(Personal)：因?yàn)槭直硎亲钯N近人體、最“無感”的智能設(shè)備，因此天然具備充當(dāng)個(gè)人與虛擬世界交互入口的潛質(zhì)。每當(dāng)用戶抬起手腕的時(shí)候，蘋果手表能夠自動(dòng)呈現(xiàn)相關(guān)信息提醒和個(gè)人健康數(shù)據(jù)。

2、整體性(Holistic)：從 iPhone5 和 iOS7 開始，蘋果開始追求軟硬件結(jié)合的一體化極致體驗(yàn)。Retina 視網(wǎng)膜屏，渾圓過渡的鵝卵石狀外殼，數(shù)字表冠 [digital Crown] 和內(nèi)置的 Taptic 精確震動(dòng)引擎都是這一理念的在手表上的進(jìn)一步實(shí)踐。蘋果建議開發(fā)者在開發(fā)手表 App 時(shí)候盡量使用黑色背景，并把 UI 元素盡量布局到屏幕邊緣，也是為了從視覺上模糊屏幕軟件與表殼硬件之間邊界。

3、輕交互(Lightweight)：蘋果認(rèn)為手表上的交互應(yīng)該是快速便捷、無需復(fù)雜輸入和操作的。通過抬起手腕，提醒會(huì)自動(dòng)顯示，手腕放下的時(shí)候，提醒自動(dòng)消失，用戶無需額外的觸摸交互。掃視界面 [Glance] 把所有重要信息集中在一屏之內(nèi)展示，并提供快速的操作入口以便某些場(chǎng)景下的進(jìn)一步交互。Android Wear：

1、自動(dòng)觸發(fā)(Launched automatically): Andorid Wear 可通過識(shí)別時(shí)間、位置和用戶身體狀態(tài)在最合適的時(shí)間通過卡片的形式向用戶推送最相關(guān)的信息內(nèi)容。

快速瀏覽(Glanceable)：谷歌認(rèn)為用戶在安卓手表上獲取信息的體驗(yàn)應(yīng)該和用傳統(tǒng)手表看時(shí)間一樣優(yōu)雅和精準(zhǔn)，只需要眼角余光一瞥，一切盡在掌握。只有這樣，用戶才能更快速地回到現(xiàn)實(shí)生活中，活在當(dāng)下，享受生命每一刻。

2、智能推送與搜索(Suggest and Demand)：基于 Google Now 的引擎，安卓手表力圖成為用戶最隨身的智能助手。谷歌的賬號(hào)服務(wù)系統(tǒng)可以學(xué)習(xí)用戶的喜好，只推送最相關(guān)最及時(shí)的資訊。只可惜目前谷歌的服務(wù)在中國(guó)大陸無法使用，大大降低了安卓手表的實(shí)用性。

3、零打擾(Zero or low interaction)：很多時(shí)候 Android Wear 會(huì)自動(dòng)識(shí)別你的需求，幫你自動(dòng)輸入內(nèi)容，用戶僅需要確認(rèn)或者取消。UI 元素采用大塊點(diǎn)擊，大動(dòng)作滑動(dòng)和手勢(shì)識(shí)別，并不需要精確的觸摸操作歌打了個(gè)有趣的比喻，說每次推送消息給用戶，就好像現(xiàn)實(shí)生活中有人突然拍一下你的肩膀一樣，是種很親密的行為。但如果這樣的行為被濫用，用戶很快就會(huì)厭煩，并且將你拋棄（Android Wear 可以自定義哪些 App 有權(quán)限推送消息到手表上）。

UI 交互架構(gòu)：Android 的“二維卡片” vs 蘋果“立體空間” 安卓手表系統(tǒng)的設(shè)計(jì)風(fēng)格延續(xù)了谷歌 Material Design 的原則，色彩鮮明細(xì)膩，強(qiáng)調(diào)卡片式的交互結(jié)構(gòu)。安卓系統(tǒng)采用情景式卡片 [Contextual Cards] 推送，卡片又分為兩大類：一種是標(biāo)準(zhǔn)的通知卡片 [Bridge notification]，只提供信息，無需進(jìn)一步交互。比如短信、天氣、新聞等；另一種是可執(zhí)行卡片 [Actionable cards/Contextual notification]，如可隨時(shí)暫停的計(jì)時(shí)器，音樂播放控制器等?？ㄆ蟽?nèi)嵌了可點(diǎn)擊操作的按鈕，用戶除了閱讀，還可以進(jìn)行進(jìn)一步的快速交互；當(dāng)同一程序向用戶推送了多條信息，這些信息會(huì)自動(dòng)組合成堆疊卡片 [Card Stacks]，用戶可點(diǎn)擊展開或收攏。在用戶有主動(dòng)搜索的需求時(shí)，還可以通過語音詢問或者從命令列表中選擇預(yù)制的快捷命令進(jìn)行搜索，安卓稱之為線索菜單 [Cue Cards]。

那么問題來了, 這么小的屏幕，這么多的卡片，用戶又如何瀏覽和選擇？安卓為此制定了 2D Pickers [二維選擇] 的法則，即縱向上下滑動(dòng)在不同種類的卡片間快速切換。而從右向左滑動(dòng)可以進(jìn)入某個(gè)具體應(yīng)用卡片的詳情進(jìn)行進(jìn)一步操作，如查看詳情、快速回復(fù)、在手機(jī)上打開等。從左向右滑動(dòng)則是返回前一張卡片，直到退出返回默認(rèn)表盤界面?？ㄆ坏┩顺?，則自動(dòng)刪除不再出現(xiàn)。

當(dāng)然，除了情景卡片和線索菜單，安卓也給開發(fā)者提供了全屏“沉浸式”交互的可能，如果開發(fā)者認(rèn)為確有必要，可以給用戶提供入口，進(jìn)行全屏交互。

與安卓類似，蘋果也提供了卡片式的頁面模式 [Page-Based]。用戶可以在不同的頁面之間左右切換瀏覽。這樣的方式簡(jiǎn)單明了，但當(dāng)頁面數(shù)量較多的時(shí)候，來回頻繁切換也會(huì)影響效率。因此蘋果建議開發(fā)者盡可能的減少頁面數(shù)量。

層級(jí)模式 [Hierarchical ] 是蘋果與安卓最大的不同。在層級(jí)模式中，通過菜單導(dǎo)航欄引導(dǎo)用戶快速找到相應(yīng)功能，用戶可隨時(shí)點(diǎn)擊左上角的返回按鈕或者從屏幕左邊緣向右滑動(dòng)返回上一層級(jí)界面?？梢韵胍?，對(duì)于相對(duì)復(fù)雜的用戶場(chǎng)景，這種模式比扁平的頁面模式更為高效。除此以外，蘋果提供了壓力觸摸 [Force Touch] 操作，相當(dāng)于給同一界面賦予一個(gè)快捷操作菜單。在特定界面，只要手指用力按壓屏幕，這個(gè)快捷菜單就會(huì)浮現(xiàn)。這樣做既保證了界面布局的簡(jiǎn)潔完整，也不影響單手指操的效率。另一個(gè)亮點(diǎn)是通過快速撥動(dòng)數(shù)字表冠 [Digital Crown]，用戶可以在不同 App 和層級(jí)界面中進(jìn)行瀏覽和進(jìn)行 Zoom-in-and-out 式的縮放操作，進(jìn)一步提升了交互的空間層次感。2、76 Synthesizer

蘋果在應(yīng)用設(shè)計(jì)中最喜歡使用的Skeuomorphic（模仿過去的現(xiàn)實(shí)物品，強(qiáng)調(diào)界面與用戶過往經(jīng)驗(yàn)的一致性，例如iPad虛擬鍵盤上F鍵和J鍵上的虛擬定位小橫杠）設(shè)計(jì)，讓用戶感覺自己和應(yīng)用之間的互動(dòng)更加直觀自然。這樣就會(huì)讓用戶從冷冰冰的科技產(chǎn)品中體驗(yàn)到與應(yīng)用互動(dòng)的樂趣以及親切感

3.Camera Genius

整個(gè)界面看起來就和真實(shí)的單反數(shù)碼相機(jī)一樣。明確強(qiáng)烈的視覺層次感，再加上高分辨率以及高質(zhì)量的Retina視網(wǎng)膜顯示屏，整個(gè)UI看起來非常逼真、簡(jiǎn)單明了，用戶使用起來相當(dāng)方便。超清晰和引人入勝的移動(dòng)UI界面，和 Web頁面完美呼應(yīng)。

4.FL Studio Mobile

FL Studio Mobile是FL studio iPhone版，使你可以在iPod、iPhone和iPad上創(chuàng)建完整的多軌工程，它讓你的iPhone就像是全功能的錄音室，漂亮的大混音盤，先進(jìn)的創(chuàng)作工具，讓你的音樂突破想象力的限制。

第四篇：《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”熱是近幾年來興起的潮流，近幾年國(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ù)完成情況及最終考核來核定。評(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)品分析

這兩者可以說是相輔相成的。對(duì)于一個(gè)較為正規(guī)的項(xiàng)目而言，必然有對(duì)用戶需求的分析內(nèi)容。Tanjurd瑭錦資深UI設(shè)計(jì)師表示其中用戶UI需求是重要的組成部分。如果說UI設(shè)計(jì)原則是所有UI設(shè)計(jì)的出發(fā)點(diǎn)的話，那么用戶UI需求就是本次設(shè)計(jì)的出發(fā)是好的UI設(shè)計(jì)建立在對(duì)用戶深刻了解之上。因此用戶交互場(chǎng)景分析就很重要。對(duì)于大部分項(xiàng)目組來說也許沒有時(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頁面組）

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

段三：頁面制作：

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

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

階段四：驗(yàn)證

界面測(cè)試：（頁面組提交給測(cè)試組包括：1.經(jīng)確認(rèn)的設(shè)計(jì)方案圖。2.靜態(tài)模板頁面。以上二項(xiàng)均為便于查看嵌入程序后的葉面情況。3.常出現(xiàn)的界面錯(cuò)誤：圖片錯(cuò)誤，頁面不美觀，布局不合理，與原先設(shè)計(jì)不符，文字 錯(cuò)誤HTML代碼錯(cuò)誤，頁面程序錯(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說一點(diǎn)其他的問題?，F(xiàn)在往往認(rèn)為交互式設(shè)計(jì)和最終的UI效果設(shè)計(jì)可以截然分開。這就好比說需求可以和設(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è)過程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來完成此環(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)討論過的分析結(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ì)。