UI 設計師是做什麼的?

在過去十幾年,移動互聯網行業飛速發展,很多應屆生以及傳統行業從業者都希望進入這個行業尋找更好的機會,UI 設計師這個貌似“低門檻”的職位就成瞭很多人的選擇。

但是,其實大量的想要入行的朋友都缺乏對 UI 設計的正確認識,以為用好軟件就可以,忽視對理論和思維的培養,學習方式缺乏系統性,能力存在很大欠缺,想找到一份理想的工作非常困難。

本文就從 UI 設計的定義開始,帶你全面地瞭解 UI 設計師作為互聯網行業的核心崗位之一,它的職責范疇、工作內容是怎樣的。後期該系列內容會持續更新,希望對你有所幫助!

另外,有其他想要瞭解的泛互聯網類內容可以評論或私信留言,知乎小透明一枚,感謝關註~

註:本文部分幹貨知識點來源於知群全鏈路設計師系列課程-UI 設計部分,文末有試聽課程彩蛋~

一、UI 設計的定義

UI 設計是⼀個很大的設計門類,是基於用戶體驗為主的一門設計學科。通常來說,我們所講的 UI 設計,更多的是指 GUI,也就是圖形用戶界面設計,重點在於信息準確、清晰、有效的視覺傳達。

UI(用戶界面)是系統和用戶之間進行交互和信息交換的媒介,它可以實現信息的內部形式與人類可以接受形式之間的轉換。

二、UI 設計與用戶體驗的關系

UI(用戶界面)

用戶界面介於用戶和硬件之間,為彼此之間交互溝通而設計的,可以使用戶能夠方便有效地去操作硬件以達成雙向交互,完成所希望的工作。用戶界面定義廣泛,包含人機交互與圖形用戶界面,凡參與人類與機械的信息交流的領域都存在著用戶界面。這裡提到的概念“人機交互”與“圖形用戶界面”(GUI),都屬於用戶界面的范疇內。

GUI (圖形界面)

通常我們說的 UI 就是指 GUI,也就是圖形用戶界面設計 。它是機器或者軟件溝通互動時視覺接收到的信息總體呈現;關註心理、審美;產出涉及圖標圖形、界面、規范。

UE/UX(用戶體驗)

在任何的設計范疇內,大傢都會提到用戶體驗。用戶體驗是⼀個龐大的體系,關乎在使用過程中的每一個細節感受,體驗就是一系列感官的綜合。用戶體驗設計是用於交互體驗設計中的一系列方法,他鼓勵設計師提高用戶體驗的質量,背後的邏輯就是簡單易行。

ID / IXD(交互設計)

交互設計要解決的是如何設計復雜的交互系統的行為,交互設計以用戶體驗為目標。註重人使用機器或者軟件時操作邏輯、使用動線。關註點:行為、心理;產出涉及:行為定義、產品交互原型。

FD(前端設計開發)

註重通過技術針對交互和視覺的前臺的高效實現;關註計算機語言、佈局構架;產出涉及兼容、動態。

UI 設計即用戶界面的設計,天然應當關註用戶界面給予用戶的體驗感受。而為瞭提升效率,將這部分工作分化成兩個崗位的職責: UI 設計師(主要負責 GUI )和交互設計師。但是實際上兩者之間的工作范疇並非涇渭分明。

尤其在最近幾年,由於扁平化風格的圖形界面降低瞭 UI 設計師的門檻,加之各類中小型企業如雨後春筍般崛起,導致行業競爭加劇,不少企業為節省開支,更傾向於選擇能將兩個崗位的技能貫通的通才設計師,這也是現在以及將來幾年會比較吃香的設計師類型——全鏈路設計師。

三、UI 設計師的職責

UI 設計師作為互聯網行業的一個核心崗位,主要負責各個平臺(網頁、App、小程序、公眾號……)產品的視覺設計工作,包括:產品的視覺風格定位、具體界面設計、圖標設計(頁面裡的和桌面圖標)、運營圖片、開發切圖標註等工作,工作過程中要和交互設計師、產品經理、前端工程師緊密配合。

軟件操作隻是最基本的技能,設計師最重要的能力是設計思維、設計方法以及職場軟實力。

四、UI 設計工作流程

一般情況下 UI 設計師拿到的需求會直接決定你的工作流程,需求方可能有幾種角色,而且需求的詳細程度也會有很大差異。

基本的流程如下圖:

需求理解和設計定義

可能與大部分同學認識到的 UI 設計師的工作內容不同,其實對於 UI 設計師而言,通過軟件進行圖形化表現設計方案並不是全部,設計師應當自始至終牢記設計的目標,包括產品目標、運營目標以及用戶目標等等,明確設計在整個項目中的定位是什麼。

1.理解需求

設計師在拿到需求後,首先要做的工作就是要去理解這份需求。我們拿到的需求有可能非常詳細,是交互設計師加工過的具體的需求文檔,其中可能就包括完整的交互設計原型。

這個時候,我們就要去重點理解交互設計的輸出,查看產品使用的每一個流程以及每一個界面的具體細節,其中包括功能、操作、反饋以及信息呈現邏輯等。

在沒有交互原型的時候,設計師需要站在用戶的角度,以用戶為中心,去理解需求以及將需求進行拆分。

2.明確設計目標

設計目標,會關系到產品目標、運營目標以及用戶目標等,在瞭解到具體的需求細節以後,要明確本次設計在整個項目中的定位是什麼,通過設計需要帶來的收益以及用戶對於設計的訴求有多大。

另外在設計過程中,還要明確的是設計目標最核心的點在哪裡,這樣的話就可以針對設計內容的輸出重點方向有所瞭解。

3.制定計劃

設計師最重要的一個能力就是針對任務的評估,將一個完整鏈條的任務拆解成為小段,然後再比較每一段人物的優先級,高優先級的先完成,低優先級的後完成,因此也直接衍生出時間計劃的編排。

另外,還要在每一個時間節點和裡程碑,確認對接溝通的角色,以及要輸出的物料有哪些。這項工作就要有經驗的設計師進行決策,或者團隊中有經驗的設計師帶領大傢一起來完成。

4.進入分析階段

此時對於需求已經瞭解過,明確自己工作地意義所在以及制定瞭相應的計劃,那麼就要進入到詳細的分析階段。

分析階段會包含三個主要的部分:市場分析、競品分析和用戶需求分析。

5.定義視覺風格

此時,做完瞭分析,那麼就可以來定義視覺風格,包括設計元素的大方向。

色彩范圍、質感、細節、突出信息、圖標設計方案、插畫設計思路以及動效等,這些都可以在定義視覺風格的階段進行思考,並有所結論。

五、UI 設計美學特征

UI 設計是由於互聯網行業飛速發展而分化出來的崗位。最初的 UI 設計的工作是由開發者兼顧完成的,但是隨著互聯網行業的成熟,對效率的要求提高,才慢慢有瞭專門的人員來負責 UI 設計的需求。

因此,從這個角度上來說,UI 設計與強調創意、視覺的設計類工作大相徑庭。它是完全適應實用、效率至上的信息時代的產物,因此 UI 設計完美延續瞭現代設計優雅簡潔的美學特征。

尤其是在數字化時代,Apple 將簡潔實用主義的美學傳承並升華,影響全世界。

這裡不得不提名著名的 KISS 原則:Keep It Simple and Stupid,該原則最初應用於軟件編程。

UI 設計的原則

  • 美學性:視覺設計應滿足基本的普適美學。
  • 清晰:通過視覺元素傳遞給用戶的信息及導航要清晰準確,不讓用戶迷失方向。
  • 隱喻:簡化視覺認知,讓用戶盡快地“認識”界面,圖形元素符合用戶對真實事物的聯想、對用戶界面的慣性認知。
  • 用戶控制:視覺設計要讓用戶感受到用戶是在控制界面,而不是被界面所控制,包括合理清晰、主次明確且容錯性強的路徑指引,清晰友好的反饋。

感恩看到最後,如果有幫助,可以持續關註,後期繼續更新互聯網行業的設計師、產品經理的學習內容、學習方法。

昆哥在互聯網行業工作瞭15年,從無藝術功底到學設計專業,從交互到產品,從 to B 到 to C,從打工到創業,一路摸爬滾打,不斷從零基礎入門,還和很多業內資深的朋友參與產品經理課程的教研,也瞭解產品經理的系統知識。

希望個人的經驗能給大傢提供有價值的參考,內容稍長,但全是幹貨,還有福利。

下面是知群全鏈路設計師課程試聽申請入口。如果有同學需要系統的提升自己作為設計師的能力,或者想零基礎轉行,想深入的瞭解一下互聯網行業,可以申請一下,目前對知乎的同學是免費開放的:

認真學習完五天課程還可以獲得包含100多個知識點的互聯網崗位能力地圖,加油!

赞(0)