藍藍設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

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

一、UI設(shè)計在設(shè)計什么？

· UI 到底是啥？

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

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

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

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

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

（1984 年面世的 Mac OS System 1.0）

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

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

關(guān)于平臺

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

就現(xiàn)在趨勢而言，移動端的 UI設(shè)計無疑是最熱門的。但我不會這么建議你，我更建議你選擇自己最感興趣的平臺。首先是因為，自己的愛好所在才能令你快樂地做設(shè)計，才會愛上自己的工作，才會充滿熱情創(chuàng)造更多。

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

到那時，對你來說平臺真的不是問題。

交互設(shè)計

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

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

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

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

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

 

二、成為「T 型」設(shè)計師

多方位了解，一方面專精

我非常鼓勵大家學(xué)習(xí)多方面的知識，而不是視覺就只盯著視覺，交互就只盯著交互?？梢栽诳鐚W(xué)科的學(xué)習(xí)中慢慢樹立自己的專業(yè)方向，然后目標成為「T 型」設(shè)計師，擁有知識面的廣度和專業(yè)知識的深度。

我之前看到設(shè)計師 Andrei Herasimchuk 訪談的一段話 [1]，直擊我心。我本想多表述什么，但還是算了。僅將那段話摘錄如下：

在你人生的某一個階段，你會發(fā)現(xiàn)你有了擅長的地方，那些地方你不用花太多功夫就能夠做得不錯。有些人就擅長畫畫，有些人擅長數(shù)學(xué)。在工作上也是一樣的，你需要去發(fā)現(xiàn)你擅長做什么。

但是，請記住，你不需要花費太多精力做這些，因為你很擅長這些。你應(yīng)該努力花精力時間在你不那么擅長的事情上。

這是我的建議：花時間在不擅長的東西上。而且現(xiàn)在跨學(xué)科的東西越來越多，于是你很需要知道哪部分你是擅長的，然后強迫自己去練習(xí)不擅長的部分。哪怕僅是平面設(shè)計，有字體的部分、色彩理論的部分、空間和排版、情感聯(lián)系的部分；而軟件交互設(shè)計， 有交互的部分、行為的部分、用戶研究、編程的部分等等。任何一種設(shè)計都有各種各樣需要學(xué)習(xí)的內(nèi)容，這也是為什么設(shè)計學(xué)習(xí)是一生的過程。所以，需要對自己誠 實：OK，這部分已經(jīng)做得不錯了，我會繼續(xù)練習(xí)，但是我會把精力減少很多，用來做其他那些做得不那么好的事。不要成為一個只有一個維度的人。

「T 型」UI設(shè)計師

最后獻上干貨，我自己梳理了成為「T 型」UI設(shè)計師可能需要的知識點，希望能幫助入門或困惑中的朋友。

（UI設(shè)計知識庫，紅字表示作為 UI設(shè)計師第一階段必須該具備的知識）

當然，圖中所舉知識點并不是所有都一定要精通，可能也還會有遺漏的點。關(guān)鍵在于確定自己的職業(yè)方向，然后不斷拓展自己的知識。

轉(zhuǎn)載無限歡迎，但請注明「作者」和「原文地址」，并在文中保留此段。如需商業(yè)轉(zhuǎn)載或刊登，請聯(lián)系作者獲得授權(quán)，感謝您對作者版權(quán)的尊重。