@洪涵滴滴：很多朋友對 UI 設計感興趣，卻對它一直一知半解。為此我希望分享些自己對設計的思考和在工作上的經驗。這篇文章將簡單介紹 UI 設計是什么，作為設計師該學些什么，還包含了我自己對學 UI 設計的一些看法，希望對大家有所幫助。

附自學人氣好文：《超實用新手指南！零基礎如何自學UI設計？》

一、UI 設計在設計什么？

UI 到底是啥？

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

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

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

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

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

（1984 年面世的 Mac OS System 1.0）

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

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

關于平臺

現在有這么多的系統，PC 端的、移動端的，還有 Web ，我到底該做哪一塊的設計呢？

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

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

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

交互設計

UI 設計師也應該學習交互設計方面的知識，或者直白地說就是一定要了解產品結構和交互邏輯。因為只有這樣才能做出合理的界面設計。

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

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

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

所以 UI 設計師也應該善于溝通，理解人機交互，不為需求文檔設計。

【從新人到大牛的交互設計完全修煉手冊】

菜鳥入門必讀好文！
《網易美女設計主管！交互設計菜鳥如何入門？》

阿里資深設計師手把手帶你認識交互設計！
《交互設計那些事兒（一）》
《交互設計那些事兒（二）》

多位資深前輩經驗合集！交互設計師自學指南！
《交互設計師修煉指南！教你從零開始成為優秀交互設計師》

二、成為「T 型」設計師

多方位了解，一方面專精

我非常鼓勵大家學習多方面的知識，而不是視覺就只盯著視覺，交互就只盯著交互。可以在跨學科的學習中慢慢樹立自己的專業方向，然后目標成為「T 型」設計師，擁有知識面的廣度和專業知識的深度。

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

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

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

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

「T 型」UI 設計師

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

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

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

作者微信號，歡迎關注喲！

優設指南類文章合集：

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
4. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
5. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》

原文地址：zhuanlan.zhihu
?作者：@洪涵滴滴

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量101萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com