一、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 設計師第一階段必須該具備的知識)
當然,圖中所舉知識點並不是所有都一定要精通,可能也還會有遺漏的點。關鍵在於確定自己的職業方向,然後不斷拓展自己的知識。