UI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3個(gè)方向。它主要是由UI 研究的3個(gè)因素決定的，其分別是研究工具，研究人與界面的關(guān)系，研究人。研究工具研究界面----圖形設(shè)計(jì)師Graphic UI designer美工，但實(shí)際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。這些設(shè)計(jì)師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計(jì)教育背景，例如工業(yè)外形設(shè)計(jì)，裝潢設(shè)計(jì)，信息多媒體設(shè)計(jì)等。研究人與界面的關(guān)系藍(lán)色代表工具，紅色代表關(guān)系，綠色代表人研究人與界面的關(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ì)師和用戶研究工程師。 用戶體驗(yàn)（User Experience，簡(jiǎn)稱UX或 UE）是一種純主觀的在用戶使用一個(gè)產(chǎn)品（服務(wù)）的過(guò)程中建立起來(lái)的心理感受。因?yàn)樗羌冎饔^的，就帶有一定的不確定因素。個(gè)體差異也決定了每個(gè)用戶的真實(shí)體驗(yàn)是無(wú)法通過(guò)其他途徑來(lái)完全模擬或再現(xiàn)的。但是對(duì)于一個(gè)界定明確的用戶群體來(lái)講，其用戶體驗(yàn)的共性是能夠經(jīng)由良好設(shè)計(jì)的實(shí)驗(yàn)來(lái)認(rèn)識(shí)到。計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)的發(fā)展，使技術(shù)創(chuàng)新形態(tài)正在發(fā)生轉(zhuǎn)變，以用戶為中心、以人為本越來(lái)越得到重視，用戶體驗(yàn)也因此被稱做創(chuàng)新2.0模式的精髓。

一個(gè)好的交互設(shè)計(jì)對(duì)產(chǎn)品的成功起著很關(guān)鍵的作用。UI所做的就是用戶最先接觸到的東西，也是一般性的用戶唯一接觸到的東西。用戶對(duì)于界面視覺(jué)效果和軟件操作方式的易用性的關(guān)心，要遠(yuǎn)遠(yuǎn)大于他對(duì)底層到底用什么樣的代碼去實(shí)現(xiàn)的關(guān)心。如果說(shuō)程序是一個(gè)人的肌肉和骨骼，那么UI設(shè)計(jì)就是人的外貌和品格！都是一個(gè)成功軟件產(chǎn)品必不可少的重要組成部分！對(duì)我而言程序懂得不多所以只是從UI設(shè)計(jì)與軟件產(chǎn)品整體的關(guān)系和如何才能使軟件產(chǎn)品得到最佳的UI設(shè)計(jì)角度來(lái)談。 現(xiàn)在我們的軟件產(chǎn)品存在的一些問(wèn)題有技術(shù)方面的問(wèn)題，但是的問(wèn)題來(lái)源于各個(gè)部門、各個(gè)項(xiàng)目小組的之間的配合。我們現(xiàn)有的開(kāi)發(fā)流程一般都是由市場(chǎng)部門提出客戶需求，產(chǎn)品設(shè)計(jì)人員提出產(chǎn)品設(shè)計(jì)報(bào)告，開(kāi)發(fā)部門設(shè)計(jì)開(kāi)發(fā)計(jì)劃，由各個(gè)小組分別開(kāi)發(fā)一個(gè)模塊，最后整合成為一個(gè)完整的軟件產(chǎn)品。在這些流程之間UI設(shè)計(jì)應(yīng)該參與那一個(gè)部分，每一個(gè)部分應(yīng)該做到什么地步才可以使產(chǎn)品得到最好的UI設(shè)計(jì)效果呢？下面我們會(huì)在每一個(gè)部分具體分析。 首先分析一下現(xiàn)在的問(wèn)題所在，在一些軟件業(yè)比較發(fā)達(dá)的國(guó)家軟件產(chǎn)品的UI設(shè)計(jì)過(guò)程貫穿了軟件開(kāi)發(fā)的自始至終，而且是必不可少的。而在中國(guó)產(chǎn)品UI設(shè)計(jì)并沒(méi)有被廣泛接受，就算是已經(jīng)有了UI設(shè)計(jì)師的一些企業(yè)也沒(méi)有對(duì)產(chǎn)品的UI有著足夠的重視，一般來(lái)講他們大都會(huì)把重點(diǎn)放在如何使用代碼實(shí)現(xiàn)所需要的功能，在我看來(lái)這只是一個(gè)成功軟件產(chǎn)品的一個(gè)部分。一個(gè)優(yōu)秀軟件產(chǎn)品的開(kāi)發(fā)過(guò)程應(yīng)該是由四個(gè)部分組成： 1.軟件產(chǎn)品的設(shè)計(jì)（業(yè)務(wù)建模） 2.系統(tǒng)的設(shè)計(jì)（技術(shù)建模） 3.分單元的開(kāi)發(fā)（把軟件各個(gè)部分拆分分單元編寫代碼） 4.測(cè)試（分為單元測(cè)試、系統(tǒng)集成測(cè)試和產(chǎn)品功能測(cè)試），這些是由軟件研發(fā)部門做的工作。 除去以上軟件開(kāi)發(fā)過(guò)程的四個(gè)部分還有用戶需求和用戶驗(yàn)收測(cè)試，這兩個(gè)過(guò)程是由市場(chǎng)部門和產(chǎn)品用戶一起完成。所以說(shuō)用代碼實(shí)現(xiàn)產(chǎn)品功能（coding過(guò)程）只是軟件開(kāi)發(fā)的一個(gè)步驟?，F(xiàn)在我們回到UI設(shè)計(jì)的角度來(lái)看，作為UI設(shè)計(jì)人員我們需要全程參與到軟件開(kāi)發(fā)過(guò)程中，而不只是在某一個(gè)步驟參與，現(xiàn)在在大多數(shù)軟件企業(yè)里UI設(shè)計(jì)師只是在產(chǎn)品的coding過(guò)程的時(shí)候才實(shí)質(zhì)性的參與到軟件開(kāi)發(fā)過(guò)程里，而在其它幾個(gè)步驟里只是參加甚至根本沒(méi)有參加（在這里我要強(qiáng)調(diào)“參與”和“參加”是兩個(gè)詞的不同概念，“參與”指的是完全加入到開(kāi)發(fā)行列開(kāi)始進(jìn)入設(shè)計(jì)階段，而“參加”指的只是旁聽(tīng)會(huì)議或者提出一些簡(jiǎn)單的意見(jiàn)并沒(méi)有開(kāi)始進(jìn)入設(shè)計(jì)階段），這樣就會(huì)大大降低軟件產(chǎn)品的開(kāi)發(fā)效率使開(kāi)發(fā)成本成倍上升甚至導(dǎo)致整個(gè)產(chǎn)品的不成功！這并不是危言聳聽(tīng)，下面我們分析一下在一個(gè)軟件產(chǎn)品的開(kāi)發(fā)過(guò)程中UI設(shè)計(jì)應(yīng)該怎么做、做到什么地步才能避免上邊提到的那些問(wèn)題？ 下面我會(huì)根據(jù)軟件開(kāi)發(fā)的過(guò)程解釋上邊的問(wèn)題，剛才我提過(guò)軟件開(kāi)發(fā)過(guò)程的幾個(gè)步驟： 1.產(chǎn)品建模 2.技術(shù)建模 3.分模塊開(kāi)發(fā) 4.測(cè)試，那么我們也分為這四個(gè)部分進(jìn)行討論： 一.產(chǎn)品建模時(shí)期： 我們首先來(lái)了解一下“輸入”和“輸出”，在UI設(shè)計(jì)里是很重要的兩個(gè)概念，經(jīng)常會(huì)有人過(guò)來(lái)對(duì)我說(shuō)“我們有一個(gè)軟件產(chǎn)品需要美化一下”然后再也沒(méi)有什么深入的解釋了，僅僅這句話我的工作就要開(kāi)始了，然而這個(gè)軟件是給誰(shuí)用的？是干什么的？我們卻一無(wú)所知！成功的UI設(shè)計(jì)首先要有完整的“輸入”，怎么才能叫做完整的“輸入”呢？也就需要UI設(shè)計(jì)師從整個(gè)軟件產(chǎn)品的策劃階段就開(kāi)始介入，在產(chǎn)品用戶（也就是客戶）向市場(chǎng)部門或者產(chǎn)品部門提出產(chǎn)品需求的時(shí)候就要開(kāi)始參與到產(chǎn)品策劃開(kāi)發(fā)過(guò)程中來(lái)，這一部分對(duì)于UI設(shè)計(jì)師而言就是第一個(gè)輸入階段，并且在這個(gè)階段里UI設(shè)計(jì)師也需要提出一些對(duì)產(chǎn)品交互設(shè)計(jì)的意見(jiàn)，以便產(chǎn)品部門在做產(chǎn)品設(shè)計(jì)的時(shí)候的考慮到產(chǎn)品的交互性和功能的簡(jiǎn)單表現(xiàn)原則，有很多軟件在設(shè)計(jì)階段就被加入了許多并不是用的附加功能，其實(shí)一個(gè)好的軟件設(shè)計(jì)就是要用最簡(jiǎn)單的結(jié)構(gòu)實(shí)現(xiàn)用戶的想法，一些可有可無(wú)的功能看上去很花哨往往會(huì)影響用戶的判斷能力，這些就是產(chǎn)品優(yōu)化的一些概念了在此我需要簡(jiǎn)單的提一下如果想要深入研究可以看一些有關(guān)于產(chǎn)品優(yōu)化的書籍甚至是心理學(xué)的書籍，有很多人認(rèn)為軟件的優(yōu)化就是代碼的優(yōu)化（用最少的代碼實(shí)現(xiàn)產(chǎn)品功能），在我看來(lái)這只是程序的優(yōu)化是針對(duì)程序員而言的而不是整個(gè)軟件產(chǎn)品的優(yōu)化，產(chǎn)品優(yōu)化包含了交互設(shè)計(jì)在現(xiàn)在的多數(shù)軟件企業(yè)沒(méi)有專門做這一部分的交互設(shè)計(jì)師所以往往這一部分被忽略，我認(rèn)為這一部分應(yīng)該又UI設(shè)計(jì)師承擔(dān)起來(lái)，從文章的開(kāi)頭我就說(shuō)過(guò)UI設(shè)計(jì)不只是圖形界面的設(shè)計(jì)，就算是有企業(yè)里邊有這樣的優(yōu)化人員或者交互設(shè)計(jì)師他們也要和UI設(shè)計(jì)師一起配合完成產(chǎn)品交互設(shè)計(jì)，作為UI設(shè)計(jì)師產(chǎn)品的交互性和易用性是在做設(shè)計(jì)的時(shí)候必須考慮的！ 言歸正傳，產(chǎn)品設(shè)計(jì)人員經(jīng)常不會(huì)過(guò)多考慮簡(jiǎn)單易用原理也就是產(chǎn)品出來(lái)用什么樣的組合形式體現(xiàn)給用戶，這也是UI設(shè)計(jì)師考慮最多的事情，所以UI設(shè)計(jì)師一定要在產(chǎn)品建模期間參與設(shè)計(jì)，給產(chǎn)品設(shè)計(jì)師一些意見(jiàn)。作為一名優(yōu)秀的UI設(shè)計(jì)師我們還要在了解了產(chǎn)品的需求之后更深入了解這個(gè)產(chǎn)品的使用環(huán)境和用戶群體的使用習(xí)慣。我們還需要了解市場(chǎng)上的同類軟件產(chǎn)品的設(shè)計(jì)方案，研究他們的優(yōu)缺點(diǎn)，以便在我們?cè)O(shè)計(jì)的時(shí)候吸取它們的長(zhǎng)處避免它們的錯(cuò)誤。在產(chǎn)品建模之后一般的都會(huì)由產(chǎn)品設(shè)計(jì)人員給客戶做一次功能設(shè)計(jì)講解，往往這樣的講解只是文字性質(zhì)的需要讓客戶想象著理解，這就會(huì)造成很大的隱患有的客戶根本無(wú)法理解你的講解甚至對(duì)這樣的講解根本不認(rèn)真聽(tīng)，因?yàn)樗麄兏静欢?，在討論過(guò)程中他們經(jīng)常會(huì)同意產(chǎn)品設(shè)計(jì)人員的一切設(shè)計(jì)想法但是產(chǎn)品測(cè)試的時(shí)候他們又會(huì)提出種種不滿意，我想這是一般的軟件公司都會(huì)遇到的也是最最頭疼的事情，但這并不能怪客戶我說(shuō)過(guò)客戶只會(huì)關(guān)心視覺(jué)效果和軟件的操作而并不會(huì)去關(guān)心我們是怎么實(shí)現(xiàn)這一切的。這種情況帶來(lái)的直接后果就是產(chǎn)品的反復(fù)修改開(kāi)發(fā)成本成倍上升，怎么避免呢？這就要靠UI設(shè)計(jì)師了，俗話說(shuō)“眼見(jiàn)為實(shí)，耳聽(tīng)為虛”，所以需要UI設(shè)計(jì)師做出一個(gè)產(chǎn)品整體效果的demo。這個(gè)demo用圖片的形式表現(xiàn)就可以，我們只需要將要體現(xiàn)的產(chǎn)品界面做一個(gè)拼湊就可以了，因?yàn)檫@并不是產(chǎn)品的最后樣子，只是協(xié)助產(chǎn)品設(shè)計(jì)人員給客戶講解產(chǎn)品設(shè)計(jì)。產(chǎn)品建模時(shí)期UI設(shè)計(jì)師要了解客戶的要求想法和產(chǎn)品設(shè)計(jì)人員對(duì)產(chǎn)品功能的要求深入了解產(chǎn)品，采集用戶的使用需求、使用環(huán)境和使用習(xí)慣，了解市場(chǎng)同類產(chǎn)品的設(shè)計(jì)分析它們的優(yōu)缺點(diǎn)。協(xié)助產(chǎn)品設(shè)計(jì)人員完成產(chǎn)品建模過(guò)程并制作產(chǎn)品展示demo模擬用戶對(duì)主要功能的操作過(guò)程和界面呈現(xiàn)，生成交互原型（基本上產(chǎn)品的交互性和易用性問(wèn)題都需要在產(chǎn)品建模的時(shí)期解決）。如果時(shí)間允許我們甚至可以提出一份“UI設(shè)計(jì)分析報(bào)告”，這份報(bào)告可以附在產(chǎn)品設(shè)計(jì)說(shuō)明后，更有效的幫助客戶了解我們的產(chǎn)品設(shè)計(jì)并且?guī)椭_(kāi)發(fā)人員更好的遵循UI的整體要求來(lái)完成開(kāi)發(fā)工作。這個(gè)時(shí)期的關(guān)鍵是“交互設(shè)計(jì)”。 二.技術(shù)建模時(shí)期： 在這個(gè)時(shí)期作為UI設(shè)計(jì)師我們已經(jīng)了解了軟件產(chǎn)品的功能需求并且拿到了一份產(chǎn)品設(shè)計(jì)人員的產(chǎn)品設(shè)計(jì)說(shuō)明，可以進(jìn)入界面樣式的設(shè)計(jì)過(guò)程了。這個(gè)時(shí)候我們應(yīng)該考慮的應(yīng)該是產(chǎn)品的整體風(fēng)格和界面的設(shè)計(jì)，通常我們也會(huì)做出幾份方案給客戶選擇。有些客戶會(huì)要求產(chǎn)品遵循一個(gè)整體的VI設(shè)計(jì)標(biāo)準(zhǔn)，那么我們就需要按照一個(gè)整體的已定的風(fēng)格去設(shè)計(jì)軟件的界面，要與客戶公司的企業(yè)形象吻合。在這個(gè)時(shí)期軟件的UI設(shè)計(jì)進(jìn)入到了美術(shù)設(shè)計(jì)階段，我們需要制定整個(gè)軟件的風(fēng)格，塑造軟件的整體形象，并且具體的描述每一個(gè)界面中的元素和布局、文字字體等信息。在這個(gè)階段我也不應(yīng)過(guò)多的說(shuō)什么，主要是每個(gè)UI設(shè)計(jì)師各自發(fā)揮你們的藝術(shù)專長(zhǎng)用最簡(jiǎn)潔、最漂亮的界面表現(xiàn)軟件產(chǎn)品。需要注意的就是在我們?cè)O(shè)計(jì)整體風(fēng)格的時(shí)候一定要深入了解這個(gè)產(chǎn)品的理念，看看它是干什么用的。不同的產(chǎn)品要有不同的風(fēng)格，這里邊有很多的細(xì)節(jié)注意，不同的產(chǎn)品、同類的產(chǎn)品不同的內(nèi)容、不同的傳播介質(zhì)，這些都會(huì)決定UI設(shè)計(jì)的風(fēng)格。1.不同的產(chǎn)品：比如一個(gè)游戲產(chǎn)品就需要將界面做的花哨一些或者用大的圖片充斥；如果要是一個(gè)應(yīng)用軟件就需要突出使用方便和強(qiáng)大的功能設(shè)計(jì)要簡(jiǎn)潔。2.同類不同的內(nèi)容：比如一個(gè)可愛(ài)的游戲產(chǎn)品（像是卡通類游戲）就需要將界面做的活潑生動(dòng)可愛(ài)一點(diǎn)；如果是一個(gè)角色扮演的戰(zhàn)斗類游戲（像是槍戰(zhàn)闖關(guān)類游戲）就要做的酷一點(diǎn)深沉一些。3.不同的傳播介質(zhì)：我們要做的軟件產(chǎn)品有的需要在網(wǎng)絡(luò)上傳播那么就需要我們考慮到網(wǎng)絡(luò)速度的問(wèn)題；有的就是利用光盤當(dāng)作介質(zhì)那么這樣的軟件就可以做一些比較花哨的效果。所以說(shuō)不同的產(chǎn)品還需要單獨(dú)考慮，這也需要UI設(shè)計(jì)師多多了解產(chǎn)品，保持與客戶交流。還需要重點(diǎn)注意的就是我們?cè)谧鰣D形化設(shè)計(jì)的過(guò)程中千萬(wàn)要貫徹在前一個(gè)階段做好的交互設(shè)計(jì)，始終注意產(chǎn)品的交互性和易用性。在設(shè)計(jì)過(guò)程中我們一定要做出每種結(jié)構(gòu)每一個(gè)步驟的效果圖，不能只提供圖標(biāo)、按鈕、背景圖等圖片，這樣的話程序員根本不知道往那放這些東西，在這個(gè)時(shí)期我們就要最終確定軟件界面的呈現(xiàn)形式。技術(shù)建模一般是由高級(jí)程序員完成的，他們會(huì)將整個(gè)軟件開(kāi)發(fā)分為一個(gè)一個(gè)功能模塊，分配給一個(gè)一個(gè)的開(kāi)發(fā)小組。但是這些負(fù)責(zé)技術(shù)建模的高級(jí)程序員考慮的往往是如何將整個(gè)設(shè)計(jì)用代碼實(shí)現(xiàn)、怎么才能更有效的復(fù)用以前已有的模塊等等，而不是軟件是什么模樣會(huì)有什么樣的風(fēng)格，所以作為UI設(shè)計(jì)師我們必須主動(dòng)出擊，多多和他們交流以保證我們的想法能夠完整的實(shí)現(xiàn)，如果有技術(shù)實(shí)現(xiàn)的問(wèn)題我們還要及時(shí)做出修改。有時(shí)候我們還需要根據(jù)客戶或者產(chǎn)品的特定需求做一些延伸性的設(shè)計(jì)（也叫UI產(chǎn)品設(shè)計(jì)的外延），包括：軟件的安裝導(dǎo)航界面、產(chǎn)品的演示宣傳動(dòng)畫、一些附帶的桌面壁紙或者屏幕保護(hù)、代表軟件的卡通小精靈、有時(shí)還會(huì)被要求設(shè)計(jì)軟件的logo和廣告banner等等。技術(shù)建模時(shí)期的關(guān)鍵是“風(fēng)格和界面設(shè)計(jì)”。 三.分模塊開(kāi)發(fā)時(shí)期： 這個(gè)時(shí)期軟件開(kāi)發(fā)過(guò)程進(jìn)入實(shí)現(xiàn)階段，也是需要人力最多的時(shí)期，這樣就會(huì)分散UI設(shè)計(jì)師的精力。軟件會(huì)被切分為若干個(gè)小的模塊進(jìn)行代碼編寫，最后整合成一個(gè)完整的軟件產(chǎn)品。對(duì)于一個(gè)程序員來(lái)講他們大多根本不會(huì)考慮到產(chǎn)品應(yīng)該是什么樣子應(yīng)該有什么整體風(fēng)格，他們所考慮的只是如何用代碼實(shí)現(xiàn)設(shè)計(jì)的要求，而且在現(xiàn)在的軟件企業(yè)多都實(shí)現(xiàn)了模塊的復(fù)用，這樣會(huì)大大節(jié)約人力成本，那么程序員只是對(duì)原有模板進(jìn)行修改使之適應(yīng)新的軟件產(chǎn)品，這樣就會(huì)對(duì)UI設(shè)計(jì)的最終貫徹和實(shí)現(xiàn)帶來(lái)很大的麻煩。做出的每一個(gè)模塊雖然已經(jīng)能夠使用但是都是“各自為政”沒(méi)有統(tǒng)一，因此我們也需要主動(dòng)的協(xié)助和監(jiān)督程序員完整的實(shí)現(xiàn)UI設(shè)計(jì)的要求，如果有技術(shù)無(wú)法實(shí)現(xiàn)的問(wèn)題需要及時(shí)溝通改正設(shè)計(jì)方案。有的時(shí)候有些模塊需要有單獨(dú)的風(fēng)格，比如一些已有的軟件產(chǎn)品需要集合到某一個(gè)新的產(chǎn)品中去，這樣就會(huì)加大了設(shè)計(jì)師的設(shè)計(jì)難度，我們必須要在保證產(chǎn)品整體風(fēng)格不變的情況下將原有產(chǎn)品的設(shè)計(jì)風(fēng)格集合進(jìn)去，使之更加適合新的產(chǎn)品表現(xiàn)形式。如果我們?nèi)耘f保持原有產(chǎn)品的風(fēng)格那么當(dāng)各個(gè)模塊集合起來(lái)之后往往會(huì)使新的產(chǎn)品感覺(jué)很松散，進(jìn)入每一個(gè)功能都會(huì)覺(jué)得是另外一個(gè)軟件，使人對(duì)軟件的印象不深刻。在這個(gè)階段我們還是要主動(dòng)一些，跟進(jìn)各個(gè)模塊界面的實(shí)現(xiàn)?，F(xiàn)在很多軟件企業(yè)都存在很多UI設(shè)計(jì)師和程序員的協(xié)作問(wèn)題，不是程序員做不到UI設(shè)計(jì)的要求，就是UI設(shè)計(jì)師堅(jiān)持一些自己的想法不能改動(dòng)，還有的時(shí)候經(jīng)常會(huì)有人過(guò)來(lái)沒(méi)頭沒(méi)尾的說(shuō)幫我做點(diǎn)東西吧！ 當(dāng)軟件集成到一起再一看，就是很多不同風(fēng)格的東西堆砌到一起，從頭到尾都不舒服，領(lǐng)導(dǎo)或者客戶看了以后極度不滿狂批一陣，最后得出結(jié)果UI設(shè)計(jì)做的不到位。有人說(shuō)UI設(shè)計(jì)師就要背著軟件不成功的黑鍋，因?yàn)槿藗兏究床灰?jiàn)代碼怎么寫的，功能是怎么實(shí)現(xiàn)的，他們只知道對(duì)軟件的樣子和使用進(jìn)行評(píng)論。讓一個(gè)用戶評(píng)論一個(gè)軟件他們只會(huì)說(shuō)這個(gè)軟件好用看上去也不錯(cuò)挺漂亮的，但是做為一個(gè)普通用戶決不會(huì)有人說(shuō)這個(gè)軟件程序?qū)懙牟诲e(cuò)。這么一看我們會(huì)聯(lián)想到現(xiàn)在軟件開(kāi)發(fā)之中主要的沖突在UI設(shè)計(jì)師和程序員之間，其實(shí)這只是表面的表現(xiàn)形式。實(shí)質(zhì)上這個(gè)現(xiàn)象體現(xiàn)了現(xiàn)在軟件企業(yè)的一個(gè)通病就是這個(gè)開(kāi)發(fā)組之間的協(xié)作關(guān)系混亂，程序員和UI設(shè)計(jì)師之間是平級(jí)協(xié)作關(guān)系，程序員是不會(huì)對(duì)產(chǎn)品負(fù)責(zé)的，這樣看來(lái)UI設(shè)計(jì)師只應(yīng)該聽(tīng)項(xiàng)目經(jīng)理的，無(wú)論對(duì)設(shè)計(jì)做什么樣的改動(dòng)或者增添什么樣的東西，都應(yīng)該由開(kāi)發(fā)項(xiàng)目經(jīng)理和產(chǎn)品經(jīng)理協(xié)商之后決定，只有他們可以對(duì)最終的產(chǎn)品負(fù)責(zé)。這樣也可以避免很多程序員和UI設(shè)計(jì)師之間的爭(zhēng)執(zhí)和矛盾。但是現(xiàn)在大多說(shuō)軟件企業(yè)的產(chǎn)品經(jīng)理和開(kāi)發(fā)項(xiàng)目經(jīng)理沒(méi)有做到這一點(diǎn)，他們也根本不了解UI設(shè)計(jì)師和程序員的工作，也無(wú)法把握他們的工作量，這樣無(wú)序的管理會(huì)造成很麻煩的后果。其實(shí)可以建立一些合理的流程管理制度，就算企業(yè)沒(méi)有作為UI設(shè)計(jì)師也可以自己起草一份適合自己和企業(yè)的“UI設(shè)計(jì)需求申請(qǐng)單”，里邊應(yīng)該列出我們需要的“輸入”內(nèi)容、工作時(shí)間、最終的“輸出”結(jié)果等等欄目（可以自己根據(jù)要求靈活決定）。這樣形成一個(gè)有參與人、有依據(jù)、有存底的工作流程，出現(xiàn)問(wèn)題或者爭(zhēng)執(zhí)的時(shí)候我們有據(jù)可依，這只是一個(gè)習(xí)慣性的東西因不同的企業(yè)而議不一定都要建立需求單。在分模塊開(kāi)發(fā)時(shí)期UI設(shè)計(jì)師應(yīng)該做的是，在模塊開(kāi)發(fā)的前期做出產(chǎn)品每個(gè)模塊的效果demo（可以用圖片的形式表現(xiàn)）要求程序員按照demo的樣式進(jìn)行模塊開(kāi)發(fā)，協(xié)助和監(jiān)督程序員嚴(yán)格按照UI設(shè)計(jì)要求生成最終產(chǎn)品，把握各個(gè)模塊的統(tǒng)一，經(jīng)常了解程序員的工作進(jìn)展及時(shí)對(duì)不合理或者難以實(shí)現(xiàn)的設(shè)計(jì)進(jìn)行討論設(shè)計(jì)出新的方案。分模塊開(kāi)發(fā)時(shí)期的關(guān)鍵是“協(xié)助和監(jiān)督程序員生成最終產(chǎn)品”。 四.測(cè)試時(shí)期的輸入和輸出： 軟件產(chǎn)品的測(cè)試會(huì)分為三個(gè)測(cè)試階段，第一個(gè)是分模塊開(kāi)發(fā)完成之后每一個(gè)模塊進(jìn)行的單元測(cè)試；第二個(gè)是將各個(gè)單元集成為一個(gè)整體的產(chǎn)品進(jìn)行集成測(cè)試；第三個(gè)就是整個(gè)產(chǎn)品在交付使用前進(jìn)行的整體測(cè)試。在測(cè)試過(guò)程中UI設(shè)計(jì)師的任務(wù)相對(duì)會(huì)輕松一些，我們只需要跟著測(cè)試人員走幾遍流程，如果在其中發(fā)現(xiàn)沒(méi)有按照UI設(shè)計(jì)要求的部分及時(shí)要求改正就好了。我們還會(huì)經(jīng)常遇到客戶在測(cè)試過(guò)程中突然覺(jué)得那里不合適需要修改，這也是最最頭疼的事情了，有的時(shí)候他們說(shuō)的并不一定對(duì)，只要我們?cè)O(shè)計(jì)的每一個(gè)步驟都有一定的道理能夠說(shuō)服他們就一切ok了。如果他們執(zhí)意要修改設(shè)計(jì)方案，那么我們沒(méi)辦法只能按照客戶需求修改。但是如果前邊按照本文的流程走下來(lái)我想這樣的可能性不大就算是修改也不會(huì)是大動(dòng)干戈。在修改過(guò)程中我們還是需要先做出效果圖，讓客戶確定再具體實(shí)施，這樣也會(huì)避免很多麻煩的。測(cè)試時(shí)期的關(guān)鍵是“檢查整個(gè)產(chǎn)品發(fā)現(xiàn)問(wèn)題及時(shí)改正”。 如今軟件的越來(lái)越多的考慮到人的因素，“以人為本”的設(shè)計(jì)理念貫穿了整個(gè)軟件產(chǎn)品開(kāi)發(fā)的始終，因此軟件產(chǎn)品的UI設(shè)計(jì)過(guò)程最重要的兩個(gè)部分就是行為和構(gòu)造，也就是交互設(shè)計(jì)和界面設(shè)計(jì)。上面我們按照軟件開(kāi)發(fā)的四個(gè)階段，逐個(gè)的分析了每個(gè)時(shí)期UI設(shè)計(jì)的任務(wù)。由此我們可以看出UI設(shè)計(jì)并不完全是一個(gè)美術(shù)設(shè)計(jì)的過(guò)程，還有很重要的一個(gè)部分就是交互性和易用性的設(shè)計(jì)。

UI設(shè)計(jì)狹義的說(shuō)就是用戶界面設(shè)計(jì)，user interface 你懂的，但是在UI設(shè)計(jì)師行業(yè)中內(nèi)部或者是大型企業(yè)中，UI絕不是這么狹義，除了用戶界面的整體設(shè)計(jì)，的要考慮到用戶體驗(yàn)，交互性，可操作性，易用性等，也可分為移動(dòng)端的UI設(shè)計(jì)和PC端的UI設(shè)計(jì)，現(xiàn)在人們除了界面美觀更關(guān)注的是軟件是否好用，體驗(yàn)是不是很好，是不是方便操作等，一個(gè)好的UI設(shè)計(jì)師，一定是可以把三方面完美結(jié)合的，當(dāng)然如果你想往 用戶界面設(shè)計(jì)師，交互設(shè)計(jì)師，用戶體驗(yàn)設(shè)計(jì)師任何一方面著重發(fā)展都可以，畢竟可以兼顧的人不多，UI設(shè)計(jì)行業(yè)整個(gè)也在細(xì)分，但是一定不能忽視其他兩個(gè)方面，否則是很難成為合格的UI設(shè)計(jì)師的。你現(xiàn)在大學(xué)剛畢業(yè)，如果這個(gè)時(shí)候再來(lái)自學(xué)UI，鑒于你是0基礎(chǔ)，那么自學(xué)花費(fèi)的時(shí)間確實(shí)是很長(zhǎng)的，當(dāng)然一個(gè)人要想學(xué)東西，永遠(yuǎn)不會(huì)太晚，但是如果你就是想從事UI設(shè)計(jì)師這個(gè)職業(yè)，那我的建議是最好的途徑是培訓(xùn)。要學(xué)的東西，從美術(shù)基礎(chǔ)，平面設(shè)計(jì)基礎(chǔ)，用戶交互性研究設(shè)計(jì)，用戶體驗(yàn)分析，整體流程設(shè)計(jì)這些都是必不可少的，應(yīng)用軟件如PS,AI,DW,ID，這些也都很重要，大學(xué)信息管理與信息系統(tǒng)，想必也接觸了其中的一些內(nèi)容。如果你選擇自學(xué)，那么要從美術(shù)基礎(chǔ)和PS開(kāi)始學(xué)，培訓(xùn)的話，會(huì)有人幫你做好相應(yīng)的安排，多參考別人的作品，學(xué)習(xí)別人的長(zhǎng)處，多和業(yè)內(nèi)人士進(jìn)行交流，隨時(shí)保持對(duì)行業(yè)的關(guān)注，要把自己當(dāng)做用戶，來(lái)看看自己的設(shè)計(jì)是不是能讓自己滿意，做出東西，去你的用戶人群做調(diào)研，得到實(shí)際的反饋進(jìn)行修改，總之，UI設(shè)計(jì)的路很長(zhǎng)，能走到什么程度靠自己，多學(xué)，多想，多練，多分析，多調(diào)研，切記不可閉門造車。希望對(duì)你有所幫助

很多時(shí)候，設(shè)計(jì)稿，和實(shí)際應(yīng)用，多多少少 都會(huì)一點(diǎn)差異的。不可能一模一樣。只要大體過(guò)得去就行，在說(shuō) 網(wǎng)頁(yè)在不同的 瀏覽器 或者不同的版本當(dāng)中 顯示都會(huì) 有點(diǎn)差異的。還有一點(diǎn) ，前端的編程人員，可能經(jīng)驗(yàn)不夠。

網(wǎng)頁(yè)美工局限于美術(shù)設(shè)計(jì)和頁(yè)面制作，UI注重交互，用戶體驗(yàn)是第一目標(biāo)。1、UI設(shè)計(jì)：UI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。2、網(wǎng)頁(yè)美工：是精通美學(xué)，photoshop（PS），F(xiàn)LASH，dreamwaver（DW）等一網(wǎng)站制作軟件的網(wǎng)絡(luò)人員，必須具有良好的創(chuàng)意和一定程度的審美觀。必要時(shí)需要一定的策劃知識(shí)。為網(wǎng)站所有的頁(yè)面畫出來(lái)并用DW和css排版出來(lái)。頁(yè)面必須清晰簡(jiǎn)潔，還要適宜后臺(tái)調(diào)用。

UI設(shè)計(jì)師1、根據(jù)產(chǎn)品需求，對(duì)產(chǎn)品的整體美術(shù)風(fēng)格、交互設(shè)計(jì)、界面結(jié)構(gòu)、操作流程等做出設(shè)計(jì)；2、負(fù)責(zé)項(xiàng)目中各種交互界面、圖標(biāo)、LOGO、按鈕等相關(guān)元素的設(shè)計(jì)與制作；3、能積極與開(kāi)發(fā)溝通，推進(jìn)界面及交互設(shè)計(jì)的最終實(shí)現(xiàn)。4、負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作。5、根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)。6、對(duì)頁(yè)面進(jìn)行優(yōu)化，使用戶操作更趨于人性化。7、維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品。

一、UI是用戶界面的簡(jiǎn)稱，UI設(shè)計(jì)師指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)主要是圖形設(shè)計(jì)和交互設(shè)計(jì)。圖形設(shè)計(jì)就是傳統(tǒng)意義上的美工，以前UI設(shè)計(jì)不受重視，所以美工地位不高，現(xiàn)在隨著UI設(shè)計(jì)的興起，美工也被稱為UI設(shè)計(jì)師。其實(shí)UI設(shè)計(jì)師不是單純意義的美術(shù)工人，而是軟件產(chǎn)品的“外形”設(shè)計(jì)師。交互設(shè)計(jì)主要設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等，龍圖教育在UI設(shè)計(jì)上有專業(yè)化的培訓(xùn)課程。二、從事的工作包括；1.用戶界面設(shè)計(jì)師，2.軟件設(shè)計(jì)，3.APP設(shè)計(jì)，4.軟件圖形設(shè)計(jì)師，5.交互設(shè)計(jì)師，6.用戶研究工程師 等等，很廣泛。

UI設(shè)計(jì)師在工作中需要清楚知道設(shè)計(jì)的目的，需要非常的了解你做的產(chǎn)品把針對(duì)的群體是哪一類人，如果你做的不是大眾型產(chǎn)品，設(shè)計(jì)師就更應(yīng)該站在用戶群體的角度出來(lái)想問(wèn)題。而不是從自身的喜好和偏愛(ài)來(lái)設(shè)計(jì)。不同年齡不同階段的人群對(duì)顏色都各有偏好，而且生活習(xí)慣和生活方式也會(huì)有所區(qū)別，這就需要UI設(shè)計(jì)師合理的把控要點(diǎn)，就比如小米手機(jī)的老人模式一樣，老人會(huì)喜歡什么樣的顏色呢？增加樣式是會(huì)產(chǎn)生干擾還是更好的體驗(yàn)感？按鈕要多大才合適？在這種產(chǎn)品的UI設(shè)計(jì)時(shí)，設(shè)計(jì)師需要從頭參與，而且到了設(shè)計(jì)環(huán)節(jié)時(shí)，設(shè)計(jì)師基本上已經(jīng)心里有數(shù)了?！　〗换ピO(shè)計(jì)的合理安排　　UI設(shè)計(jì)是指“界面設(shè)計(jì)”，UI設(shè)計(jì)也屬于平面設(shè)計(jì)的一個(gè)分支，界面的的交互策劃與設(shè)計(jì)是很重要的前置步驟，對(duì)最終的用戶體驗(yàn)有很大的影響。　　一般來(lái)說(shuō)，一個(gè)APP設(shè)計(jì)團(tuán)隊(duì)由產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、UI設(shè)計(jì)師、程序員組成。以我的了解，很多公司不設(shè)專門的交互設(shè)計(jì)師，而由產(chǎn)品經(jīng)理完成相關(guān)工作。以下是我這里的工作流程。這個(gè)流程希望整個(gè)產(chǎn)品團(tuán)隊(duì)都能參與其中并共同加強(qiáng)對(duì)產(chǎn)品的理解?；蛘呓枰粋€(gè)時(shí)髦的概念，我是希望團(tuán)隊(duì)能具有Design Thinking，“設(shè)計(jì)思維”，來(lái)加強(qiáng)和推動(dòng)解決問(wèn)題的能力，并激發(fā)創(chuàng)新。　　在這之前，一定要把腳本應(yīng)用場(chǎng)景和人物角色做出來(lái)。你做的產(chǎn)品在什么樣的情況下會(huì)被人所接受，你的產(chǎn)品最重要的特點(diǎn)。設(shè)計(jì)是否合理，這都需用戶角色來(lái)實(shí)現(xiàn)，而不是設(shè)計(jì)師或產(chǎn)品經(jīng)理自己。把場(chǎng)景和角色描述清楚，并且讓整個(gè)團(tuán)隊(duì)理解透徹，這能保證團(tuán)隊(duì)少犯錯(cuò)誤。　　用戶角色，實(shí)際工作中寫文字描述就好，不用做的如下圖一般高大上。如果你要給客戶或Boss提案，可以做一個(gè)提升逼格?！　?.故事版：　　主要負(fù)責(zé)人：產(chǎn)品經(jīng)理或交互設(shè)計(jì)師　　最早大家開(kāi)始討論用戶體驗(yàn)流程，在白板上邊畫流程邊添加粗略的UI元素。會(huì)后交互設(shè)計(jì)師會(huì)在在紙上做手繪版線框圖。這階段產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、UI設(shè)計(jì)師、包括技術(shù)工程師會(huì)一同作大量的討論，而且主要討論的是流程和主要功能，因此手畫故事版最快最方便并易于修改的。　　此環(huán)節(jié)要敲定Userflow，用戶流程及其中的關(guān)鍵步驟，每一步驟都是一個(gè)主要界面。　　2.關(guān)鍵界面線框圖　　主要負(fù)責(zé)人：交互設(shè)計(jì)師　　在確定的用戶流程中，選出幾個(gè)關(guān)鍵的，有代表性的步驟，做細(xì)化的Wireframe線框圖。線框圖里要確保每一個(gè)UI元素的設(shè)計(jì)，包括其大小和位置。我們做的線框圖是1:1的，也就是線框圖與實(shí)際界面尺寸一致。1:1的線框圖能在前期避免考慮不周和執(zhí)行困難等很多問(wèn)題的出現(xiàn)?！　〈谁h(huán)節(jié)要確定關(guān)鍵界面里的UI元素和布局，以及全局的布局排版風(fēng)格。　　3.重要界面設(shè)計(jì)　　主要負(fù)責(zé)人：UI設(shè)計(jì)師　　此環(huán)節(jié)交互設(shè)計(jì)師會(huì)按確定的用戶流程及確定的布局風(fēng)格來(lái)繼續(xù)做其它界面的線框圖。UI設(shè)計(jì)師則同時(shí)開(kāi)始做關(guān)鍵界面的視覺(jué)設(shè)計(jì)，進(jìn)行配色、樣式不同風(fēng)格的嘗試?！　〈谁h(huán)節(jié)要確定產(chǎn)品界面的視覺(jué)設(shè)計(jì)風(fēng)格?！　?.原型線框圖　　主要負(fù)責(zé)人：交互設(shè)計(jì)師　　此環(huán)節(jié)交互設(shè)計(jì)師要完成全部界面的線框圖（1:1的）設(shè)計(jì)并且團(tuán)隊(duì)確認(rèn)。　　5.原型設(shè)計(jì)　　主要負(fù)責(zé)人：交互設(shè)計(jì)師　　此環(huán)節(jié)依產(chǎn)品需求而定。如果靜態(tài)的線框圖還不能完整的體現(xiàn)出產(chǎn)品特點(diǎn)，那就需要做成可操作甚至有關(guān)鍵界面動(dòng)畫示意的可動(dòng)原型。通常是HTML的可動(dòng)原型，特殊項(xiàng)目也曾經(jīng)做過(guò)Flash的。我還有一個(gè)奇葩朋友用PPT做過(guò)（PPT的開(kāi)發(fā)工具+VB）幾乎接近成品界面的可動(dòng)原型。