說(shuō)起產(chǎn)品UI設(shè)計(jì)通常的認(rèn)識(shí)就是“圖形界面的設(shè)計(jì)”，而產(chǎn)品的交互設(shè)計(jì)往往被忽略!一個(gè)好的交互設(shè)計(jì)對(duì)產(chǎ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)在的問(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)說(shuō)，他們大都會(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è)部分拆分分單元編寫(xiě)代碼)；

4.測(cè)試(分為單元測(cè)試、系統(tǒng)集成測(cè)試和產(chǎn)品功能測(cè)試)，這些是由軟件研發(fā)部門(mén)做的工作。

除去以上軟件開(kāi)發(fā)過(guò)程的四個(gè)部分還有用戶需求和用戶驗(yàn)收測(cè)試，這兩個(gè)過(guò)程是由市場(chǎng)部門(mén)和用戶一起完成。所以說(shuō)用代碼實(shí)現(xiàn)產(chǎn)品功能(Coding過(guò)程)只是軟件開(kāi)發(fā)的一個(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è)詞的不同概念)，這樣就會(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)題?

一、產(chǎn)品建模時(shí)期

我們首先來(lái)了解一下“輸入”和“輸出”，在UI設(shè)計(jì)里是很重要的兩個(gè)概念。經(jīng)常會(huì)有人說(shuō)“我們有一個(gè)軟件產(chǎn)品需要美化一下”然后再也沒(méi)有什么深入的解釋了，僅僅這句話UI設(shè)計(jì)師的工作就要開(kāi)始了，就需要UI設(shè)計(jì)師從整個(gè)軟件產(chǎn)品的策劃階段就開(kāi)始介入，在客戶向市場(chǎng)部門(mén)或者產(chǎn)品部門(mé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)品部門(mén)在做產(chǎn)品設(shè)計(jì)的時(shí)候更多的考慮到產(chǎn)品交互性便捷性，有很多軟件在設(shè)計(jì)階段就被加入了許多并不實(shí)用的附加功能。其實(shí)一個(gè)好的軟件設(shè)計(jì)就是要用最簡(jiǎn)單的結(jié)構(gòu)實(shí)現(xiàn)用戶的想法，一些可有可無(wú)的功能看上去很花哨往往會(huì)影響用戶的判斷能力，這些就是產(chǎn)品優(yōu)化的一些概念了。

二、技術(shù)建模時(shí)期

到這里為止，作為UI設(shè)計(jì)師已經(jīng)了解了軟件產(chǎn)品的功能需求并且拿到了一份產(chǎn)品設(shè)計(jì)說(shuō)明，可以進(jìn)入界面樣式的設(shè)計(jì)過(guò)程了。

這個(gè)時(shí)候更多考慮的應(yīng)該是產(chǎn)品的整體風(fēng)格和界面的設(shè)計(jì)，通常會(huì)做出幾個(gè)方案給客戶選擇。有些客戶會(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è)階段，主要是每位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)品、不同的傳播介質(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)品(像是Q版游戲)就需要將界面做的活潑生動(dòng)可愛(ài)一點(diǎn)，比如是一個(gè)角色扮演的戰(zhàn)斗類游戲就要做的酷一點(diǎn)。

3.不同的傳播介質(zhì)：比如做的軟件產(chǎn)品需要在網(wǎng)絡(luò)上傳播那么就需要考慮到網(wǎng)絡(luò)速度的問(wèn)題，比如有的就是利用光盤(pán)當(dāng)作介質(zhì)那么就可以做一些比較花哨的效果。

所以說(shuō)不同的產(chǎn)品還需要單獨(dú)考慮，這也需要UI設(shè)計(jì)師多多了解產(chǎn)品，保持與客戶交流。還需要重點(diǎn)注意的是在做圖形化設(shè)計(jì)的過(guò)程中千萬(wàn)要貫徹在前一個(gè)階段做好的交互設(shè)計(jì)，始終注意產(chǎn)品的交互性和易用性。在設(shè)計(jì)過(guò)程中一定要做出每種結(jié)構(gòu)每一個(gè)步驟的效果圖，不能只提供圖標(biāo)、按鈕、背景圖等圖片，這樣的話后端開(kāi)發(fā)根本不知道往哪放這些內(nèi)容，在這個(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ì)，包括軟件的安裝導(dǎo)航界面、產(chǎn)品的演示宣傳動(dòng)畫(huà)、一些附帶的桌面壁紙或者屏保、代表軟件的卡通小精靈、有時(shí)還會(huì)被要求設(shè)計(jì)軟件的Logo和廣告Banner等等。技術(shù)建模時(shí)期的關(guān)鍵是“風(fēng)格和界面設(shè)計(jì)”。

到此為止，小編已經(jīng)把UI設(shè)計(jì)所需要注意的一些問(wèn)題點(diǎn)都闡述清楚了，當(dāng)然，這些都只是小編的個(gè)人看法，如你有任何補(bǔ)充歡迎你訪問(wèn)騰科官網(wǎng)(http://pesce.cn)分享你的觀點(diǎn)。