從今天開始，我會和大家的聊聊UI，聊的內容大多是從我的新書中節選的一些內容。

今天是第一篇，先來和大家聊聊UI的發展史吧。

前言

所謂UI設計，無非就是和界面打交道，但又不同于我們看到的那么簡單。

我在設計行業摸爬滾打10余載，沒有大的成績，經驗是我唯一能分享的東西，現在UI行業大火，有的沒的都想要做一個APP出來玩玩。大環境的改變必然帶動新的就業機會，設計師們紛紛想轉行，投身UI設計的領域。但是我接觸的更多的設計師卻很迷茫，要么沒有相關的經驗，不知道該做什么，怎么轉行。有些經驗的呢，所在的團隊，工作流程不正規，實際學到的東西又很少，阻礙了自己的發展。

UI設計師到底在做什么、該做什么、怎樣才算合格的UI設計師？這正是本書想要跟大家聊的。我會盡量把我在實際工作中積累的實用經驗分享給大家，目的是讓UI初學者和新晉UI設計師能學以致用，在工作中不在迷茫。

1.1 UI發展史

UI這個名詞大家都不陌生了，但是UI從何時起，又是為什么這么火的呢?

大家接觸UI這個名詞是最近幾年的事情，但是你知道嗎，UI設計在設計行業一直存在，從最初我們用的電子產品、軟件再到網站的建設，這些都是UI范疇，我們現在使用的電腦顯示屏里的東西也都是UI?？梢赃@么說，自從有了設計這個行業，UI這個名詞其實就已經出現了。

那么，為什么到最近幾年這個名詞才被大家熟悉和這么火呢？因為越來越多的企業意識到設計的重要性和用戶使用感受的對產品的影響了，也就是用戶體驗。

說到用戶體驗，不得不提一個人，那就是喬布斯老爺子。我個人覺得是他把用戶體驗做到了極致，暫且不說他之后的Iphone設計的如何，不能否認，蘋果的產品在設計行業依然成為了標桿。

即使是最初的蘋果 MAC OS圖形界面也只有兩種顏色，蘋果設備通過對深度，紋理，按鈕和圖標的控制，來模仿現實生活中的物體。界面的美觀很大程度上受制于技術，而不是設計師。

隨著技術的發展，設計師們在界面的視覺設計上獲得更大的自由。蘋果在發布的Mac OS X界面中運用了有光澤的塑料氣泡樣式，拉絲鋁和逼真的圖標。隨著時間的推移，操作系統的視覺樣式愈發增強。微軟在Windows系統中預置有光澤透明玻璃般的主題，而蘋果公司在桌面和移動系統中采用更加材質感和擬物化設計，如日歷應用程序中的皮革紋理，并在其電子書閱讀器中使用逼真的翻頁效果。

說到這里大家應該能夠明白，所謂UI不單單是設計視覺界面這么簡單，它還包括了用戶的使用感受（用戶體驗）以及使用時的交互方式（交互設計）

所以UI設計又分了3個方向，它主要是由UI 研究的3個因素決定的，其分別是研究工具，研究人與界面的關系，研究人。

研究界面-圖形設計師（GUI）

國內目前大部分UI工作者都是從事這個行業。包括(網頁設計，軟件界面，移動端界面設計)，每天工作做著各種界面設計。也有人稱之為美工，但實際上不是單純意義上的美術工人，而是產品的外形設計師。這些設計師大多是美術院校畢業的，其中大部分是有美術設計教育背景，例如工業外形設計，裝潢設計，信息多媒體設計等。

研究人與界面的關系—交互設計師（IxD）

在圖形界面產生之前，長期以來UI設計師就是指交互設計師。交互設計師的工作內容就是設計操作流程，樹狀結構，軟件的結構與操作規范(spec)等。一個產品在編碼之前需要作的就是交互設計，并且確立交互模型，交互規范。

交互設計師一般都是軟件工程師背景居多。

研究人-用戶體驗師（UX/UE）

至于UE和UX，其實根本就是一回事，通常海外和國內的外企公司習慣用UX，因為老外都習慣全稱User Experience，和簡稱UX。

任何的產品為了保證質量都需要測試，軟件的編碼需要測試，自然UI設計也需要被測試。這個測試和編碼沒有任何關系，主要是測試交互設計的合理性以及圖形設計的美觀性。這個職位很重要，如果沒有這個職位，UI設計的好壞只能憑借設計師的經驗或者領導的審美來評判，這樣就會給企業帶來嚴重的風險性。

綜上所述UI設計師就是：圖形設計師、交互設計師和用戶體驗師。

了解了UI的來歷，以及它的概念，對于之后的工作也是有幫助的，你可以根據自己的情況決定往哪個方向去發展。

1.2 UI必備技能

上面跟大家介紹了UI的發展歷程以及它的概念和分類，那么，想成為一名合格的UI設計師，需要具備哪些技能呢？

首先，"工欲善其事，必須利其器"，作為設計師，熟練的使用軟件，這個是基礎。那作為UI設計師需要會哪些軟件呢？咱們先來看看現在市面上相關的軟件都有哪些吧：

Photoshop，Illustrator，Sketch，Flash，Adobe After Effects，Fireworks，MindManager，Axure RP

這些是我能想到的比較常用的軟件，至于其他的一些小軟件或者輔助工具我就不說了。

大家看到這么多軟件是不是發愁了呢?UI設計師用的軟件可真多，這些都需要學嗎？當然不是，我常對身邊的初學者說的一句話就是：軟件只是工具，它是幫助你實現設計想法的，而至于你使用哪種工具并不重要，只要它能做到。所以我建議，作為初學者，你會熟練使用PS、AI其中的一種就可以了。至于其他的工具，有條件的前期了解即可。不過，現在企業對于UI設計師的要求也是越來越高，建議你在熟練使用了PS或者AI之后，最好會使用AE（用來制作動效），還是Axure，這些后面的章節中會具體講到。

其次，三大平臺的設計規范，其實我個人覺得掌握了2個平臺的規范即可，一個是Android，另一個就是IOS，這2大平臺目前市場占有率是蠻高的，第三個就是微軟的Windows Phone了。不過我接觸的項目中，設計這個平臺的還不算多。另外建議，智能電視、蘋果Watch這些也要了解下。

第三，工作流程。無論從事哪個行業，在整個團隊中，你必須要對你負責的項目流程熟悉。對于UI設計更是如此，一個款APP從客戶需求提交，到競品分析，再到交互、視覺，這其中要經過很多的流程，如果你不熟悉整個流程，勢必會成為項目中的短板，同事間溝通不暢，最終導致延長整個產品上線的時間節點，導致成本的流失。

以上三點，我覺得最為一名UI設計新人來說，掌握了就已經足夠勝任工作了。當然，想要繼續提高要學的還是很多的。