UI 設(shè)計(jì)師是做什么的？

時(shí)間：2023-09-07 07:54:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-07 07:54:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

UI 設(shè)計(jì)師是做什么的？：在過(guò)去十幾年，移動(dòng)互聯(lián)網(wǎng)行業(yè)飛速發(fā)展，很多應(yīng)屆生以及傳統(tǒng)行業(yè)從業(yè)者都希望進(jìn)入這個(gè)行業(yè)尋找更好的機(jī)會(huì)，UI 設(shè)計(jì)師這個(gè)貌似“低門(mén)檻”的職位就成了很多人的選擇。

但是，其實(shí)大量的想要入行的朋友都缺乏對(duì) UI 設(shè)計(jì)的正確認(rèn)識(shí)，以為用好軟件就可以，忽視對(duì)理論和思維的培養(yǎng)，學(xué)習(xí)方式缺乏系統(tǒng)性，能力存在很大欠缺，想找到一份理想的工作非常困難。

本文就從 UI 設(shè)計(jì)的定義開(kāi)始，帶你全面地了解 UI 設(shè)計(jì)師作為互聯(lián)網(wǎng)行業(yè)的核心崗位之一，它的職責(zé)范疇、工作內(nèi)容是怎樣的。后期該系列內(nèi)容會(huì)持續(xù)更新，希望對(duì)你有所幫助！

另外，有其他想要了解的泛互聯(lián)網(wǎng)類(lèi)內(nèi)容可以評(píng)論或私信留言，本站小透明一枚，感謝關(guān)注~

注：本文部分干貨知識(shí)點(diǎn)來(lái)源于知群全鏈路設(shè)計(jì)師系列課程-UI 設(shè)計(jì)部分，文末有試聽(tīng)課程彩蛋~

一、UI 設(shè)計(jì)的定義

UI 設(shè)計(jì)是?個(gè)很大的設(shè)計(jì)門(mén)類(lèi)，是基于用戶(hù)體驗(yàn)為主的一門(mén)設(shè)計(jì)學(xué)科。通常來(lái)說(shuō)，我們所講的 UI 設(shè)計(jì)，更多的是指 GUI，也就是圖形用戶(hù)界面設(shè)計(jì)，重點(diǎn)在于信息準(zhǔn)確、清晰、有效的視覺(jué)傳達(dá)。

UI（用戶(hù)界面）是系統(tǒng)和用戶(hù)之間進(jìn)行交互和信息交換的媒介，它可以實(shí)現(xiàn)信息的內(nèi)部形式與人類(lèi)可以接受形式之間的轉(zhuǎn)換。

二、UI 設(shè)計(jì)與用戶(hù)體驗(yàn)的關(guān)系

UI（用戶(hù)界面）

用戶(hù)界面介于用戶(hù)和硬件之間，為彼此之間交互溝通而設(shè)計(jì)的，可以使用戶(hù)能夠方便有效地去操作硬件以達(dá)成雙向交互，完成所希望的工作。用戶(hù)界面定義廣泛，包含人機(jī)交互與圖形用戶(hù)界面，凡參與人類(lèi)與機(jī)械的信息交流的領(lǐng)域都存在著用戶(hù)界面。這里提到的概念“人機(jī)交互”與“圖形用戶(hù)界面”（GUI），都屬于用戶(hù)界面的范疇內(nèi)。

GUI （圖形界面）

通常我們說(shuō)的 UI 就是指 GUI，也就是圖形用戶(hù)界面設(shè)計(jì) 。它是機(jī)器或者軟件溝通互動(dòng)時(shí)視覺(jué)接收到的信息總體呈現(xiàn)；關(guān)注心理、審美；產(chǎn)出涉及圖標(biāo)圖形、界面、規(guī)范。

UE/UX（用戶(hù)體驗(yàn)）

在任何的設(shè)計(jì)范疇內(nèi)，大家都會(huì)提到用戶(hù)體驗(yàn)。用戶(hù)體驗(yàn)是?個(gè)龐大的體系，關(guān)乎在使用過(guò)程中的每一個(gè)細(xì)節(jié)感受，體驗(yàn)就是一系列感官的綜合。用戶(hù)體驗(yàn)設(shè)計(jì)是用于交互體驗(yàn)設(shè)計(jì)中的一系列方法，他鼓勵(lì)設(shè)計(jì)師提高用戶(hù)體驗(yàn)的質(zhì)量，背后的邏輯就是簡(jiǎn)單易行。

ID / IXD（交互設(shè)計(jì)）

交互設(shè)計(jì)要解決的是如何設(shè)計(jì)復(fù)雜的交互系統(tǒng)的行為，交互設(shè)計(jì)以用戶(hù)體驗(yàn)為目標(biāo)。注重人使用機(jī)器或者軟件時(shí)操作邏輯、使用動(dòng)線(xiàn)。關(guān)注點(diǎn)：行為、心理；產(chǎn)出涉及：行為定義、產(chǎn)品交互原型。

FD（前端設(shè)計(jì)開(kāi)發(fā)）

注重通過(guò)技術(shù)針對(duì)交互和視覺(jué)的前臺(tái)的高效實(shí)現(xiàn)；關(guān)注計(jì)算機(jī)語(yǔ)言、布局構(gòu)架；產(chǎn)出涉及兼容、動(dòng)態(tài)。

UI 設(shè)計(jì)即用戶(hù)界面的設(shè)計(jì)，天然應(yīng)當(dāng)關(guān)注用戶(hù)界面給予用戶(hù)的體驗(yàn)感受。而為了提升效率，將這部分工作分化成兩個(gè)崗位的職責(zé)： UI 設(shè)計(jì)師（主要負(fù)責(zé) GUI ）和交互設(shè)計(jì)師。但是實(shí)際上兩者之間的工作范疇并非涇渭分明。

尤其在最近幾年，由于扁平化風(fēng)格的圖形界面降低了 UI 設(shè)計(jì)師的門(mén)檻，加之各類(lèi)中小型企業(yè)如雨后春筍般崛起，導(dǎo)致行業(yè)競(jìng)爭(zhēng)加劇，不少企業(yè)為節(jié)省開(kāi)支，更傾向于選擇能將兩個(gè)崗位的技能貫通的通才設(shè)計(jì)師，這也是現(xiàn)在以及將來(lái)幾年會(huì)比較吃香的設(shè)計(jì)師類(lèi)型——全鏈路設(shè)計(jì)師。

三、UI 設(shè)計(jì)師的職責(zé)

UI 設(shè)計(jì)師作為互聯(lián)網(wǎng)行業(yè)的一個(gè)核心崗位，主要負(fù)責(zé)各個(gè)平臺(tái)（網(wǎng)頁(yè)、App、小程序、公眾號(hào)……）產(chǎn)品的視覺(jué)設(shè)計(jì)工作，包括：產(chǎn)品的視覺(jué)風(fēng)格定位、具體界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)（頁(yè)面里的和桌面圖標(biāo)）、運(yùn)營(yíng)圖片、開(kāi)發(fā)切圖標(biāo)注等工作，工作過(guò)程中要和交互設(shè)計(jì)師、產(chǎn)品經(jīng)理、前端工程師緊密配合。

軟件操作只是最基本的技能，設(shè)計(jì)師最重要的能力是設(shè)計(jì)思維、設(shè)計(jì)方法以及職場(chǎng)軟實(shí)力。

四、UI 設(shè)計(jì)工作流程

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

基本的流程如下圖：

需求理解和設(shè)計(jì)定義

可能與大部分同學(xué)認(rèn)識(shí)到的 UI 設(shè)計(jì)師的工作內(nèi)容不同，其實(shí)對(duì)于 UI 設(shè)計(jì)師而言，通過(guò)軟件進(jìn)行圖形化表現(xiàn)設(shè)計(jì)方案并不是全部，設(shè)計(jì)師應(yīng)當(dāng)自始至終牢記設(shè)計(jì)的目標(biāo)，包括產(chǎn)品目標(biāo)、運(yùn)營(yíng)目標(biāo)以及用戶(hù)目標(biāo)等等，明確設(shè)計(jì)在整個(gè)項(xiàng)目中的定位是什么。

1.理解需求

設(shè)計(jì)師在拿到需求后，首先要做的工作就是要去理解這份需求。我們拿到的需求有可能非常詳細(xì)，是交互設(shè)計(jì)師加工過(guò)的具體的需求文檔，其中可能就包括完整的交互設(shè)計(jì)原型。

這個(gè)時(shí)候，我們就要去重點(diǎn)理解交互設(shè)計(jì)的輸出，查看產(chǎn)品使用的每一個(gè)流程以及每一個(gè)界面的具體細(xì)節(jié)，其中包括功能、操作、反饋以及信息呈現(xiàn)邏輯等。

在沒(méi)有交互原型的時(shí)候，設(shè)計(jì)師需要站在用戶(hù)的角度，以用戶(hù)為中心，去理解需求以及將需求進(jìn)行拆分。

2.明確設(shè)計(jì)目標(biāo)

設(shè)計(jì)目標(biāo)，會(huì)關(guān)系到產(chǎn)品目標(biāo)、運(yùn)營(yíng)目標(biāo)以及用戶(hù)目標(biāo)等，在了解到具體的需求細(xì)節(jié)以后，要明確本次設(shè)計(jì)在整個(gè)項(xiàng)目中的定位是什么，通過(guò)設(shè)計(jì)需要帶來(lái)的收益以及用戶(hù)對(duì)于設(shè)計(jì)的訴求有多大。

另外在設(shè)計(jì)過(guò)程中，還要明確的是設(shè)計(jì)目標(biāo)最核心的點(diǎn)在哪里，這樣的話(huà)就可以針對(duì)設(shè)計(jì)內(nèi)容的輸出重點(diǎn)方向有所了解。

3.制定計(jì)劃

設(shè)計(jì)師最重要的一個(gè)能力就是針對(duì)任務(wù)的評(píng)估，將一個(gè)完整鏈條的任務(wù)拆解成為小段，然后再比較每一段人物的優(yōu)先級(jí)，高優(yōu)先級(jí)的先完成，低優(yōu)先級(jí)的后完成，因此也直接衍生出時(shí)間計(jì)劃的編排。

另外，還要在每一個(gè)時(shí)間節(jié)點(diǎn)和里程碑，確認(rèn)對(duì)接溝通的角色，以及要輸出的物料有哪些。這項(xiàng)工作就要有經(jīng)驗(yàn)的設(shè)計(jì)師進(jìn)行決策，或者團(tuán)隊(duì)中有經(jīng)驗(yàn)的設(shè)計(jì)師帶領(lǐng)大家一起來(lái)完成。

4.進(jìn)入分析階段

此時(shí)對(duì)于需求已經(jīng)了解過(guò)，明確自己工作地意義所在以及制定了相應(yīng)的計(jì)劃，那么就要進(jìn)入到詳細(xì)的分析階段。

分析階段會(huì)包含三個(gè)主要的部分：市場(chǎng)分析、競(jìng)品分析和用戶(hù)需求分析。

5.定義視覺(jué)風(fēng)格

此時(shí)，做完了分析，那么就可以來(lái)定義視覺(jué)風(fēng)格，包括設(shè)計(jì)元素的大方向。

色彩范圍、質(zhì)感、細(xì)節(jié)、突出信息、圖標(biāo)設(shè)計(jì)方案、插畫(huà)設(shè)計(jì)思路以及動(dòng)效等，這些都可以在定義視覺(jué)風(fēng)格的階段進(jìn)行思考，并有所結(jié)論。

五、UI 設(shè)計(jì)美學(xué)特征

UI 設(shè)計(jì)是由于互聯(lián)網(wǎng)行業(yè)飛速發(fā)展而分化出來(lái)的崗位。最初的 UI 設(shè)計(jì)的工作是由開(kāi)發(fā)者兼顧完成的，但是隨著互聯(lián)網(wǎng)行業(yè)的成熟，對(duì)效率的要求提高，才慢慢有了專(zhuān)門(mén)的人員來(lái)負(fù)責(zé) UI 設(shè)計(jì)的需求。

因此，從這個(gè)角度上來(lái)說(shuō)，UI 設(shè)計(jì)與強(qiáng)調(diào)創(chuàng)意、視覺(jué)的設(shè)計(jì)類(lèi)工作大相徑庭。它是完全適應(yīng)實(shí)用、效率至上的信息時(shí)代的產(chǎn)物，因此 UI 設(shè)計(jì)完美延續(xù)了現(xiàn)代設(shè)計(jì)優(yōu)雅簡(jiǎn)潔的美學(xué)特征。

尤其是在數(shù)字化時(shí)代，Apple 將簡(jiǎn)潔實(shí)用主義的美學(xué)傳承并升華，影響全世界。

這里不得不提名著名的 KISS 原則：Keep It Simple and Stupid，該原則最初應(yīng)用于軟件編程。

UI 設(shè)計(jì)的原則

• 美學(xué)性：視覺(jué)設(shè)計(jì)應(yīng)滿(mǎn)足基本的普適美學(xué)。
• 清晰：通過(guò)視覺(jué)元素傳遞給用戶(hù)的信息及導(dǎo)航要清晰準(zhǔn)確，不讓用戶(hù)迷失方向。
• 隱喻：簡(jiǎn)化視覺(jué)認(rèn)知，讓用戶(hù)盡快地“認(rèn)識(shí)”界面，圖形元素符合用戶(hù)對(duì)真實(shí)事物的聯(lián)想、對(duì)用戶(hù)界面的慣性認(rèn)知。
• 用戶(hù)控制：視覺(jué)設(shè)計(jì)要讓用戶(hù)感受到用戶(hù)是在控制界面，而不是被界面所控制，包括合理清晰、主次明確且容錯(cuò)性強(qiáng)的路徑指引，清晰友好的反饋。

---

感恩看到最后，如果有幫助，可以持續(xù)關(guān)注，后期繼續(xù)更新互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師、產(chǎn)品經(jīng)理的學(xué)習(xí)內(nèi)容、學(xué)習(xí)方法。

昆哥在互聯(lián)網(wǎng)行業(yè)工作了15年，從無(wú)藝術(shù)功底到學(xué)設(shè)計(jì)專(zhuān)業(yè)，從交互到產(chǎn)品，從 to B 到 to C，從打工到創(chuàng)業(yè)，一路摸爬滾打，不斷從零基礎(chǔ)入門(mén)，還和很多業(yè)內(nèi)資深的朋友參與產(chǎn)品經(jīng)理課程的教研，也了解產(chǎn)品經(jīng)理的系統(tǒng)知識(shí)。

希望個(gè)人的經(jīng)驗(yàn)?zāi)芙o大家提供有價(jià)值的參考，內(nèi)容稍長(zhǎng)，但全是干貨，還有福利。

下面是知群全鏈路設(shè)計(jì)師課程試聽(tīng)申請(qǐng)入口。如果有同學(xué)需要系統(tǒng)的提升自己作為設(shè)計(jì)師的能力，或者想零基礎(chǔ)轉(zhuǎn)行，想深入的了解一下互聯(lián)網(wǎng)行業(yè)，可以申請(qǐng)一下，目前對(duì)本站的同學(xué)是免費(fèi)開(kāi)放的：

認(rèn)真學(xué)習(xí)完五天課程還可以獲得包含100多個(gè)知識(shí)點(diǎn)的互聯(lián)網(wǎng)崗位能力地圖，加油！