萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 帶你從頭開始認識UI設計師

帶你從頭開始認識UI設計師

   一、UI 設計在設計什麼?

  UI 到底是啥?

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

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

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

帶你從頭開始認識UI設計師 三聯

  (命令行界面,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 設計師第一階段必須該具備的知識)

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

copyright © 萬盛學電腦網 all rights reserved