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

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