很多朋友對 UI 設(shè)計(jì)感興趣，卻對它一直一知半解。為此我希望分享些自己對設(shè)計(jì)的思考和在工作上的經(jīng)驗(yàn)。這篇文章將簡單介紹 UI 設(shè)計(jì)是什么，作為設(shè)計(jì)師該學(xué)些什么，還包含了我自己對學(xué) UI 設(shè)計(jì)的一些看法，希望對大家有所幫助。

‍‍UI 設(shè)計(jì)在設(shè)計(jì)什么？‍

UI 到底是啥？

先一句話概述：UI 是架接機(jī)器與人溝通的橋梁。

UI 的中文名是用戶界面（User interface），而我們現(xiàn)在使用的大多數(shù)設(shè)備界面都是圖形用戶界面，即 GUI（Graphical user interface）。我們通過這些可視化的圖形界面來理解計(jì)算機(jī)，進(jìn)行工作。

但是最初的界面可不這么友好，那時(shí)的界面還是命令行界面，CLI（Command line interface）。計(jì)算機(jī)只是被政府或大型機(jī)構(gòu)使用，在普通人眼中是完全不能理解的存在。

（命令行界面，Bourne shell interaction on Version 7 Unix）

而喬布斯一直渴望計(jì)算機(jī)能進(jìn)入尋常百姓家。在 1979 年，他「命運(yùn)般」地參觀了施樂公司，然后做了一回搬運(yùn)工——使得圖形界面被應(yīng)用在 Macintosh 上，還引入了鼠標(biāo)。蘋果電腦大肆宣傳其創(chuàng)新的交互界面，Macintosh 的誕生開啟了一個(gè)新的時(shí)代。而那時(shí)的界面設(shè)計(jì)也奠定了現(xiàn)在的計(jì)算機(jī)界面。你可以發(fā)現(xiàn)很多設(shè)計(jì)，過了幾十年依舊被保留了下來。

（1984 年面世的 Mac OS System 1.0）

UI 設(shè)計(jì)師的首要任務(wù)，就是設(shè)計(jì)一個(gè)個(gè)圖形界面，確保人們能夠清晰、高效地使用軟件。

另外，還有個(gè)近些年比較新的交互界面：自然用戶界面，NUI（Natural user interface），感興趣的朋友可以自己搜索了解更多。

關(guān)于平臺(tái)

現(xiàn)在有這么多的系統(tǒng)，PC 端的、移動(dòng)端的，還有 Web ，我到底該做哪一塊的設(shè)計(jì)呢？

就現(xiàn)在趨勢而言，移動(dòng)端的 UI 設(shè)計(jì)無疑是最熱門的。但我不會(huì)這么建議你，我更建議你選擇自己最感興趣的平臺(tái)。首先是因?yàn)�，自己的愛好所在才能令你快樂地�?a href=http://m.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)，才會(huì)愛上自己的工作，才會(huì)充滿熱情創(chuàng)造更多。

然后你會(huì)學(xué)到很多，你會(huì)漸漸發(fā)現(xiàn)視覺設(shè)計(jì)和平臺(tái)差異的問題并非最難的，更重要的是通過設(shè)計(jì)解決用戶的問題，發(fā)揮軟件的效用。你會(huì)漸漸地理解用戶體驗(yàn)，考慮商業(yè)需求，了解技術(shù)難點(diǎn)，并從整個(gè)服務(wù)全局開始思考問題。

到那時(shí)，對你來說平臺(tái)真的不是問題。

交互設(shè)計(jì)

UI 設(shè)計(jì)師也應(yīng)該學(xué)習(xí)交互設(shè)計(jì)方面的知識，或者直白地說就是一定要了解產(chǎn)品結(jié)構(gòu)和交互邏輯。因?yàn)橹挥羞@樣才能做出合理的界面設(shè)計(jì)。

交互設(shè)計(jì)師可不是簡單的畫線框仔。他們的產(chǎn)處物有競品分析文檔、用戶反饋文檔、流程圖、設(shè)計(jì)草圖、設(shè)計(jì)原型等等，工作內(nèi)容可豐富著。

在實(shí)際工作中，我非常推薦 UI 設(shè)計(jì)師在產(chǎn)品設(shè)計(jì)前期就加入討論。這樣能減少交互設(shè)計(jì)師或產(chǎn)品經(jīng)理和 UI 設(shè)計(jì)師交接的溝通成本和理解誤差，以保證軟件界面和項(xiàng)目組成員的預(yù)期相符。

反之，如果在項(xiàng)目前期，設(shè)計(jì)師沒有任何參與，而是接到需求后才開始工作，那就很難擺脫「以需求文檔為設(shè)計(jì)依據(jù)」的尷尬局面了。并且通常這樣的流程會(huì)導(dǎo)致不停的溝通與改圖......

所以 UI 設(shè)計(jì)師也應(yīng)該善于溝通，理解人機(jī)交互，不為需求文檔設(shè)計(jì)。