什么是UI界面設(shè)計(jì)

什么是UI界面設(shè)計(jì)在我的職業(yè)生涯中，聽(tīng)到的最多的字眼就是“美化一下”?？梢哉f(shuō)，在2004年以前，是很少有人聽(tīng)過(guò)UI這個(gè)詞的。那么，什么是UI呢？可能會(huì)有人說(shuō)“User-interface, 用戶界面”，哦，原來(lái)是界面畫(huà)面用戶能看到的東西。確實(shí)如此么？不，UI除了用戶界面，還有更深層次的含義，那就是“人機(jī)接口”，界面是用戶和計(jì)算機(jī)系統(tǒng)交互的橋梁和紐帶，不止我們看到的是界面，鼠標(biāo)、鍵盤、Mic、顯示器，甚至計(jì)算機(jī)的Power開(kāi)關(guān)，界面無(wú)所不在，沒(méi)有了界面，你不止是無(wú)法去看，而是無(wú)法去用。那么，UI的深層次含義是什么？對(duì)，UI的深層次含義就是“交互”，是“使用”，而不是“看”。這個(gè)觀念很重要，同時(shí)也帶出了“UI設(shè)計(jì)師”這一職位的真正含義：UI設(shè)計(jì)師絕不是美工（或者說(shuō)絕不是僅僅做“美化”工作而已），UI設(shè)計(jì)師是一個(gè)技術(shù)崗位而非藝術(shù)崗位，如果考察一名UI設(shè)計(jì)師的能力素質(zhì)模型，那么他應(yīng)該同時(shí)具備4個(gè)維度的能力：1、溝通和文檔撰寫(xiě)能力：如果說(shuō)UI是人與機(jī)器交互的橋梁和紐帶，那么UI設(shè)計(jì)師就是軟件設(shè)計(jì)開(kāi)發(fā)人員和最終用戶時(shí)間交互的橋梁和紐帶，如果UI設(shè)計(jì)師不能具備很好的溝通和理解能力，不能撰寫(xiě)出優(yōu)秀的指導(dǎo)性原則和規(guī)范，那么，他將無(wú)法體現(xiàn)出自己對(duì)于開(kāi)發(fā)人員和客戶的雙重價(jià)值，也無(wú)法完成他的本職工作。2、過(guò)硬的技術(shù)能力：你可以不會(huì)寫(xiě)Java，但你絕對(duì)不可以不清楚Java是什么，他能夠?qū)崿F(xiàn)什么。即使你不能寫(xiě)代碼，但你起碼要懂得如何去“實(shí)現(xiàn)”。舉個(gè)例子，你要做一個(gè)Grid控件，首先，你應(yīng)該清楚，到底有哪幾種數(shù)據(jù)格式，以及其存儲(chǔ)方式：既可以通過(guò)HTML的Mark來(lái)獲取數(shù)據(jù)，亦可以通過(guò)JSON對(duì)象或Array，又或者是XML甚至于字符串。其次，你要知道在Server端實(shí)現(xiàn)和在Client端實(shí)現(xiàn)到底哪個(gè)更適合當(dāng)前的環(huán)境。這些都要依靠過(guò)硬對(duì)技術(shù)和豐富的經(jīng)驗(yàn)，不懂技術(shù)的UI設(shè)計(jì)師，既做不出合理的設(shè)計(jì)，也不可能和開(kāi)發(fā)人員做到有效的溝通。簡(jiǎn)言之，UI設(shè)計(jì)師起碼要精通主流的表現(xiàn)層開(kāi)發(fā)技術(shù)（如果是做Web表現(xiàn)層，一般需要精通HTML、CSS、Javascript、XML技術(shù)，甚至JSP、Java也要達(dá)到工作層），對(duì)于市面主流的設(shè)計(jì)模式，技術(shù)路線以及開(kāi)源框架都要有足夠的了解。可以說(shuō)，UI設(shè)計(jì)師在技術(shù)素質(zhì)能力方面，要盡可能的朝著“表現(xiàn)層架構(gòu)師”的方向去努力。3、圖形設(shè)計(jì)能力和原型開(kāi)發(fā)：UI設(shè)計(jì)師一生中從事的最多的工作應(yīng)該就是圖形和原型設(shè)計(jì)，那么，首先說(shuō)說(shuō)什么是原型設(shè)計(jì)。原型法是迭代式開(kāi)發(fā)中設(shè)計(jì)階段常用的手段，原型設(shè)計(jì)應(yīng)該貫穿需求、概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)這三個(gè)階段。開(kāi)發(fā)原型的目的是，把設(shè)計(jì)轉(zhuǎn)為用戶可以看懂的“界面語(yǔ)言”，同時(shí)也對(duì)開(kāi)發(fā)人員起到一定的指導(dǎo)作用（甚至可以作為開(kāi)發(fā)的一部分）。用戶界面原型更顯示的價(jià)值體現(xiàn)就是，它可以幫助軟件設(shè)計(jì)人員提早發(fā)現(xiàn)設(shè)計(jì)各個(gè)階段的缺陷，在開(kāi)發(fā)前解決這些潛在的問(wèn)題，大幅降低軟件開(kāi)發(fā)的風(fēng)險(xiǎn)和成本。這與傳統(tǒng)的瀑布式開(kāi)發(fā)有了本質(zhì)的區(qū)別，目前國(guó)內(nèi)大多數(shù)公司仍然采用的是瀑布式開(kāi)發(fā)方式，并且將UI設(shè)計(jì)放在開(kāi)發(fā)階段的后期來(lái)進(jìn)行。這不僅使UI設(shè)計(jì)師無(wú)法充分發(fā)揮自己所長(zhǎng)，只能做做“美化工作”亡羊補(bǔ)牢，更使得開(kāi)發(fā)出的產(chǎn)品往往存在致命的設(shè)計(jì)缺陷而無(wú)法滿足客戶需求。所以，各公司中的“美工”是軟件開(kāi)發(fā)方法的落后和不完善早就的，而非“美工”或UI設(shè)計(jì)師這個(gè)職業(yè)本身。我們?cè)賮?lái)說(shuō)一下圖形設(shè)計(jì)能力，其實(shí)，UI設(shè)計(jì)師只是個(gè)泛稱，在UI設(shè)計(jì)行業(yè)內(nèi)部，還大致分為以下幾種角色：可用性和交互設(shè)計(jì)師、視覺(jué)企劃、用戶體驗(yàn)研究人員、圖形用戶界面設(shè)計(jì)師等。大家通常理解的UI設(shè)計(jì)師，其實(shí)是GUI設(shè)計(jì)師（例如國(guó)內(nèi)的Rokey，他就是一名非常優(yōu)秀的GUI設(shè)計(jì)師，目前供職于Microsoft），GUI設(shè)計(jì)師的主要工作就是視覺(jué)定位以及創(chuàng)作。稍后的章節(jié)會(huì)詳細(xì)介紹GUI設(shè)計(jì)師的職責(zé)以及日常工作。如果UI設(shè)計(jì)師不具備過(guò)硬的圖形創(chuàng)作能力，那么，他根本無(wú)法表達(dá)他心目中的美，也就無(wú)從談起“交流”了。圖形設(shè)計(jì)能力，是每一名UI設(shè)計(jì)師最初具備的，最基礎(chǔ)的能力。也是最能夠衡量一名UI設(shè)計(jì)師能力水平的部分。4、人因?qū)W理論和認(rèn)知心理學(xué)：這個(gè)概念雖然有些大，但卻是每一名UI設(shè)計(jì)師在事業(yè)穩(wěn)固后畢生都要努力去探索的領(lǐng)域、可以說(shuō)，設(shè)計(jì)的根本就是“人”，做人本的界面，自然需要了解人，了解人的行為。例如，你不可能設(shè)計(jì)這樣一個(gè)界面，在同一時(shí)間同一個(gè)界面上的不同位置顯示兩條重要的提示信息因?yàn)?，人，在同一時(shí)間的關(guān)注點(diǎn)只能由一個(gè)，這是生理決定的，而不是某個(gè)人的主觀臆斷。再舉個(gè)例子，為什么Windows每次一次版本升級(jí)或多或少都會(huì)找到以前的影子，你可能會(huì)說(shuō)，這是Microsoft的設(shè)計(jì)風(fēng)格。不，那不是風(fēng)格，而是一種習(xí)慣，以前是Microsoft的習(xí)慣，現(xiàn)在，你用了Windows，那么，你也有了這種習(xí)慣。Apple和Microsoft的操作系統(tǒng)孰優(yōu)孰劣？答案是，隨你喜歡。是啊，多么簡(jiǎn)單的一個(gè)道理喜歡，喜歡是一種習(xí)慣，你又如何能篤定你認(rèn)為的“正確”的設(shè)計(jì)恰好是人們所喜歡的呢？這里可以稍帶提一下Extjs，Ext的風(fēng)格，簡(jiǎn)言之，就是桌面應(yīng)用的傳統(tǒng)交互風(fēng)格（WMIP），而Web的風(fēng)格是什么？如果要我來(lái)說(shuō)，我更傾向于Web是一本翻開(kāi)的雜志，一片展現(xiàn)設(shè)計(jì)師才華的熱土，為什么這樣說(shuō)呢？因?yàn)閃eb的不確定和開(kāi)放性。以我的經(jīng)驗(yàn)而言，WebUI設(shè)計(jì)，是所有軟件UI設(shè)計(jì)領(lǐng)域中最困難的，也是限制最多的（往往這些限制還存在不確定性），一名優(yōu)秀的WebUI設(shè)計(jì)師，即使轉(zhuǎn)而做桌面程序UI設(shè)計(jì)或移動(dòng)設(shè)備界面設(shè)計(jì)，也是相對(duì)比較容易成功的。因此，作為WebUI設(shè)計(jì)師，排斥桌面UI風(fēng)格是可以理解的，正是源自于他的習(xí)慣，他的“喜歡”。后面的章節(jié)會(huì)詳細(xì)的闡述有關(guān)于人因?qū)W和人本界面相關(guān)的理論，在此就不贅述了。那么，至此，大家應(yīng)該大概了解了UI和UI設(shè)計(jì)師這兩個(gè)名字的內(nèi)在含義。關(guān)于“美工”的問(wèn)題，也應(yīng)該有了自己的結(jié)論，我就