2015-10-12 用心設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
· UI 到底是啥？
先一句話(huà)概述：UI 是架接機(jī)器與人溝通的橋梁。
UI 的中文名是用戶(hù)界面（User interface），而我們現(xiàn)在使用的大多數(shù)設(shè)備界面都是圖形用戶(hù)界面，即 GUI（Graphical user interface）。我們通過(guò)這些可視化的圖形界面來(lái)理解計(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)般」地參觀了施樂(lè)公司，然后做了一回搬運(yùn)工……使得圖形界面被應(yīng)用在 Macintosh 上，還引入了鼠標(biāo)。蘋(píng)果電腦大肆宣傳其創(chuàng)新的交互界面，Macintosh 的誕生開(kāi)啟了一個(gè)新的時(shí)代。而那時(shí)的界面設(shè)計(jì)也奠定了現(xiàn)在的計(jì)算機(jī)界面。你可以發(fā)現(xiàn)很多設(shè)計(jì)，過(guò)了幾十年依舊被保留了下來(lái)。
（1984 年面世的 Mac OS System 1.0）
UI設(shè)計(jì)師的首要任務(wù)，就是設(shè)計(jì)一個(gè)個(gè)圖形界面，確保人們能夠清晰、地使用軟件。
另外，還有個(gè)近些年比較新的交互界面：自然用戶(hù)界面，NUI（Natural user interface），感興趣的朋友可以自己搜索了解更多。
現(xiàn)在有這么多的系統(tǒng)，PC 端的、移動(dòng)端的，還有 Web ，我到底該做哪一塊的設(shè)計(jì)呢？
就現(xiàn)在趨勢(shì)而言，移動(dòng)端的 UI設(shè)計(jì)無(wú)疑是最熱門(mén)的。但我不會(huì)這么建議你，我更建議你選擇自己最感興趣的平臺(tái)。首先是因?yàn)?，自己的?ài)好所在才能令你快樂(lè)地做設(shè)計(jì)，才會(huì)愛(ài)上自己的工作，才會(huì)充滿(mǎn)熱情創(chuàng)造更多。
然后你會(huì)學(xué)到很多，你會(huì)漸漸發(fā)現(xiàn)視覺(jué)設(shè)計(jì)和平臺(tái)差異的問(wèn)題并非最難的，更重要的是通過(guò)設(shè)計(jì)解決用戶(hù)的問(wèn)題，發(fā)揮軟件的效用。你會(huì)漸漸地理解用戶(hù)體驗(yàn)，考慮商業(yè)需求，了解技術(shù)難點(diǎn)，并從整個(gè)服務(wù)全局開(kāi)始思考問(wèn)題。
到那時(shí)，對(duì)你來(lái)說(shuō)平臺(tái)真的不是問(wèn)題。
UI 設(shè)計(jì)師也應(yīng)該學(xué)習(xí)交互設(shè)計(jì)方面的知識(shí)，或者直白地說(shuō)就是一定要了解產(chǎn)品結(jié)構(gòu)和交互邏輯。因?yàn)橹挥羞@樣才能做出合理的界面設(shè)計(jì)。
交互設(shè)計(jì)師可不是簡(jiǎn)單的畫(huà)線(xiàn)框仔。他們的產(chǎn)處物有競(jìng)品分析文檔、用戶(hù)反饋文檔、流程圖、設(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ì)師沒(méi)有任何參與，而是接到需求后才開(kāi)始工作，那就很難擺脫「以需求文檔為設(shè)計(jì)依據(jù)」的尷尬局面了。并且通常這樣的流程會(huì)導(dǎo)致不停的溝通與改圖……
所以 UI設(shè)計(jì)師也應(yīng)該善于溝通，理解人機(jī)交互，不為需求文檔設(shè)計(jì)。
我非常鼓勵(lì)大家學(xué)習(xí)多方面的知識(shí)，而不是視覺(jué)就只盯著視覺(jué)，交互就只盯著交互。可以在跨學(xué)科的學(xué)習(xí)中慢慢樹(shù)立自己的專(zhuān)業(yè)方向，然后目標(biāo)成為「T 型」設(shè)計(jì)師，擁有知識(shí)面的廣度和專(zhuān)業(yè)知識(shí)的深度。
我之前看到設(shè)計(jì)師 Andrei Herasimchuk 訪(fǎng)談的一段話(huà) [1]，直擊我心。我本想多表述什么，但還是算了。僅將那段話(huà)摘錄如下：
在你人生的某一個(gè)階段，你會(huì)發(fā)現(xiàn)你有了擅長(zhǎng)的地方，那些地方你不用花太多功夫就能夠做得不錯(cuò)。有些人就擅長(zhǎng)畫(huà)畫(huà)，有些人擅長(zhǎng)數(shù)學(xué)。在工作上也是一樣的，你需要去發(fā)現(xiàn)你擅長(zhǎng)做什么。
但是，請(qǐng)記住，你不需要花費(fèi)太多精力做這些，因?yàn)槟愫苌瞄L(zhǎng)這些。你應(yīng)該努力花精力時(shí)間在你不那么擅長(zhǎng)的事情上。
這是我的建議：花時(shí)間在不擅長(zhǎng)的東西上。而且現(xiàn)在跨學(xué)科的東西越來(lái)越多，于是你很需要知道哪部分你是擅長(zhǎng)的，然后強(qiáng)迫自己去練習(xí)不擅長(zhǎng)的部分。哪怕僅是平面設(shè)計(jì)，有字體的部分、色彩理論的部分、空間和排版、情感聯(lián)系的部分；而軟件交互設(shè)計(jì)， 有交互的部分、行為的部分、用戶(hù)研究、編程的部分等等。任何一種設(shè)計(jì)都有各種各樣需要學(xué)習(xí)的內(nèi)容，這也是為什么設(shè)計(jì)學(xué)習(xí)是一生的過(guò)程。所以，需要對(duì)自己誠(chéng) 實(shí)：OK，這部分已經(jīng)做得不錯(cuò)了，我會(huì)繼續(xù)練習(xí)，但是我會(huì)把精力減少很多，用來(lái)做其他那些做得不那么好的事。不要成為一個(gè)只有一個(gè)維度的人。
最后獻(xiàn)上干貨，我自己梳理了成為「T 型」UI設(shè)計(jì)師可能需要的知識(shí)點(diǎn)，希望能幫助入門(mén)或困惑中的朋友。
（UI設(shè)計(jì)知識(shí)庫(kù)，紅字表示作為 UI設(shè)計(jì)師第一階段必須該具備的知識(shí)）
當(dāng)然，圖中所舉知識(shí)點(diǎn)并不是所有都一定要精通，可能也還會(huì)有遺漏的點(diǎn)。關(guān)鍵在于確定自己的職業(yè)方向，然后不斷拓展自己的知識(shí)。
轉(zhuǎn)載無(wú)限歡迎，但請(qǐng)注明「作者」和「原文地址」，并在文中保留此段。如需商業(yè)轉(zhuǎn)載或刊登，請(qǐng)聯(lián)系作者獲得授權(quán)，感謝您對(duì)作者版權(quán)的尊重。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com