UI中國(guó)優(yōu)秀會(huì)員-奚劍，獻(xiàn)給想涉足互聯(lián)網(wǎng)設(shè)計(jì)的同學(xué)的一篇文章，希望對(duì)你有所幫助。

互聯(lián)網(wǎng)視覺設(shè)計(jì)師

誰(shuí)是 UI 設(shè)計(jì)師？ UI是User（即界面設(shè)計(jì)）的縮寫。 這個(gè)界面可以是手機(jī)界面、網(wǎng)站界面、軟件界面、智能設(shè)備界面等任何人機(jī)交互可視化媒介。人機(jī)交互是指人與計(jì)算機(jī)之間的交流。 你可以想象從最早的圖靈機(jī)用筆記與計(jì)算機(jī)交流，到今天我們各種屏幕上的按鈕，再到今天我們各種語(yǔ)音交互。 以及AR、VR或者像懸疑片一樣的各種腦電波交互，這些都是越來(lái)越方便的人機(jī)交流方式。 而且，人機(jī)之間最高效的交流還是在屏幕上。 屏幕仍然是最有效的人機(jī)交互方式。 這樣的交互界面需要我們?cè)O(shè)計(jì)得更高效，更易被用戶理解。 我們的工作是幫助公眾更好地理解計(jì)算機(jī)的意圖。 總結(jié)一下：UI設(shè)計(jì)師的職責(zé)就是為人機(jī)交互設(shè)計(jì)一個(gè)圖形化的用戶界面，并使界面更加易用和友好。

初步采用GUI設(shè)計(jì)

我們完成的圖形界面也稱為GUI（User）。 它的要求是需要易于使用（），即界面無(wú)需復(fù)雜的思考即可輕松使用； ()，即對(duì)用戶特別友好，容易上手。 理解。 一個(gè)好的GUI應(yīng)該是簡(jiǎn)單易用、友好的，比如我們手機(jī)上的陌陌、支付寶等知名APP。 因?yàn)榛ヂ?lián)網(wǎng)的發(fā)展，很多行業(yè)被重新整合：設(shè)計(jì)師也被重新定義。 UI設(shè)計(jì)、動(dòng)作設(shè)計(jì)、交互設(shè)計(jì)、平面設(shè)計(jì)逐漸融合為一門專業(yè)。 這個(gè)職業(yè)不能簡(jiǎn)單的設(shè)計(jì)界面和布局，還需要會(huì)畫圖形，掌握平面技巧，懂交互。 這個(gè)職業(yè)有不同的名字，比如全鏈路設(shè)計(jì)師、全棧設(shè)計(jì)師等等，但我覺得合適的稱呼是：互聯(lián)網(wǎng)視覺設(shè)計(jì)師。 目前，國(guó)外著名公司在緊急招聘時(shí)也用這個(gè)詞來(lái)指代只能排版應(yīng)用規(guī)范的界面設(shè)計(jì)師。 互聯(lián)網(wǎng)視覺設(shè)計(jì)師肩負(fù)著我們這個(gè)時(shí)代的主流媒體：互聯(lián)網(wǎng)的設(shè)計(jì)。 不管叫什么，我們的職責(zé)沒有變：解決人機(jī)交互的問題。

界面中的UI設(shè)計(jì)

互聯(lián)網(wǎng)視覺設(shè)計(jì)師或UI設(shè)計(jì)師通常會(huì)屈服于互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)，不像平面設(shè)計(jì)師或服裝設(shè)計(jì)師那樣創(chuàng)立了很多平面設(shè)計(jì)公司。 所以，我們打交道的人不一定都是同行，還可能是互聯(lián)網(wǎng)從業(yè)者中的其他角色，比如產(chǎn)品總監(jiān)、程序員、技術(shù)團(tuán)隊(duì)、運(yùn)營(yíng)團(tuán)隊(duì)等。如果我們的團(tuán)隊(duì)不僅僅是設(shè)計(jì)師，那我們一定有足夠的表達(dá)能力和耐心讓周圍的人了解我們的工作。 互聯(lián)網(wǎng)視覺設(shè)計(jì)師的工作主要包括聯(lián)通終端設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、運(yùn)營(yíng)設(shè)計(jì)等?，F(xiàn)在隨著UI設(shè)計(jì)師的數(shù)量越來(lái)越多，行業(yè)越來(lái)越成熟，UI設(shè)計(jì)師需要承擔(dān)的責(zé)任也越來(lái)越多。 如果需要懂交互知識(shí)，懂平面設(shè)計(jì)，擅長(zhǎng)手繪等等。這樣一來(lái)，UI的定義越來(lái)越豐富，現(xiàn)在成為UI設(shè)計(jì)師的門檻也越來(lái)越高。

互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)

韓劇《硅谷》中的創(chuàng)業(yè)團(tuán)隊(duì)

互聯(lián)網(wǎng)公司的產(chǎn)品線是一條流水線。 互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)是指整個(gè)團(tuán)隊(duì)圍繞一個(gè)產(chǎn)品而組建的團(tuán)隊(duì)，但以設(shè)計(jì)和開發(fā)產(chǎn)品為目標(biāo)。 比如陌陌團(tuán)隊(duì)、支付寶團(tuán)隊(duì)等。互聯(lián)網(wǎng)產(chǎn)品可能是聯(lián)通端，也可能是筆記本端。 也可以同時(shí)托管多個(gè)產(chǎn)品線等，我們可以按部門劃分：管理部、產(chǎn)品部、研發(fā)部、市場(chǎng)部。 設(shè)計(jì)團(tuán)隊(duì)可以單獨(dú)成立一個(gè)部門，也可以并入產(chǎn)品部門。 互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)按照角色可以分為：

高水平

一個(gè)團(tuán)隊(duì)的領(lǐng)導(dǎo)者由監(jiān)事會(huì)、董事長(zhǎng)、首席執(zhí)行官（Chief）、首席技術(shù)官CTO（Chief）等組成，負(fù)責(zé)公司的重大決策。

主要輸出：想法

使用軟件：

用戶研究團(tuán)隊(duì) UR

用戶

通過(guò)用戶研究來(lái)調(diào)查老板的看法是不靠譜的。 用戶研究團(tuán)隊(duì)保證了公司與用戶之間的聯(lián)系，確保開發(fā)的產(chǎn)品是用戶喜歡的。 開發(fā)前、開發(fā)中、開發(fā)后的反饋都需要用戶研究團(tuán)隊(duì)及時(shí)參與數(shù)據(jù)收集。

主要產(chǎn)出：用戶研究報(bào)告

使用軟件： 、眼動(dòng)儀等

產(chǎn)品總監(jiān)PM

產(chǎn)品總監(jiān)提煉產(chǎn)品邏輯，產(chǎn)品總監(jiān)或交互設(shè)計(jì)師設(shè)計(jì)原型，原型匯報(bào)給老板，交付給設(shè)計(jì)師。 從頭開始負(fù)責(zé)產(chǎn)品規(guī)劃。 產(chǎn)品總監(jiān)的首要職責(zé)是在產(chǎn)品規(guī)劃階段向管理層提交產(chǎn)品文檔。 產(chǎn)品文檔PRD一般包括產(chǎn)品規(guī)劃、市場(chǎng)分析、競(jìng)品分析、迭代規(guī)劃等，項(xiàng)目立項(xiàng)后ai圖標(biāo) 導(dǎo)入sketch，負(fù)責(zé)進(jìn)度控制、質(zhì)量控制和各部門協(xié)調(diào)。 在產(chǎn)品管理中，產(chǎn)品總監(jiān)是領(lǐng)導(dǎo)者、協(xié)調(diào)者、推動(dòng)者，但他不是老板。 作為產(chǎn)品總監(jiān)，雖然他對(duì)產(chǎn)品開發(fā)本身有很大的權(quán)力，可以介入產(chǎn)品生命周期的各個(gè)階段，但從行政上來(lái)說(shuō)，他不像通常的總監(jiān)那樣有自己的下屬，但他也有很多資源是被調(diào)動(dòng)起來(lái)做事的，所以如何做好這個(gè)角色，需要相當(dāng)?shù)姆椒ā?/p>

主要輸出：產(chǎn)品需求文檔（PRD）、市場(chǎng)需求文檔（MRD）、原型圖（ ）等。

使用軟件：文檔編寫軟件（）、原型繪圖軟件（Axure、Blue Lake、Ink Knife等）

項(xiàng)目總監(jiān)

從專業(yè)角度講，是指在企業(yè)中設(shè)立以項(xiàng)目負(fù)責(zé)人責(zé)任制為核心的重要管理崗位ai圖標(biāo) 導(dǎo)入sketch，對(duì)項(xiàng)目質(zhì)量、安全、進(jìn)度、成本管理實(shí)行責(zé)任保障制度，全面提升項(xiàng)目管理水平。 項(xiàng)目總監(jiān)是全面負(fù)責(zé)項(xiàng)目的成功規(guī)劃和執(zhí)行的人。 這個(gè)職位可能在很多公司都是由產(chǎn)品擔(dān)任的。 項(xiàng)目總監(jiān)負(fù)責(zé)控制進(jìn)度和立即解決項(xiàng)目問題。

主要輸出：項(xiàng)目進(jìn)度表

使用軟件：文檔編寫軟件()

交互設(shè)計(jì)師 UX 或 UE

用戶

將產(chǎn)品需求文檔 (PRD) 優(yōu)化為供設(shè)計(jì)人員和技術(shù)人員使用的交互式原型圖。

主要輸出：()

使用軟件：、Blue Lake、Ink Knife、等。

互聯(lián)網(wǎng)視覺設(shè)計(jì)師或UI設(shè)計(jì)師

用戶

互聯(lián)網(wǎng)設(shè)計(jì)師不只是勾勒出原型，而是根據(jù)實(shí)際的抽象內(nèi)容和具體的交互來(lái)改變布局，甚至重新定義交互。 同時(shí)提供技術(shù)截圖或PSD。 出現(xiàn)的一些昵稱：美工、全鏈路設(shè)計(jì)師、全棧設(shè)計(jì)師、UID、UI設(shè)計(jì)師、視覺設(shè)計(jì)師等等，都在說(shuō)我們。 我們收到原型圖或交互圖后，會(huì)根據(jù)原型圖內(nèi)容進(jìn)行交互優(yōu)化、排版、視覺設(shè)計(jì)。 最后與經(jīng)理確認(rèn)后交付給開發(fā)商。 如果是對(duì)接web項(xiàng)目，我們只需要交付給開發(fā)者：PSD，。 如果是聯(lián)通的對(duì)接項(xiàng)目，那么我們需要交付給開發(fā)者：切圖、標(biāo)注、標(biāo)準(zhǔn)化。 為什么開發(fā)網(wǎng)頁(yè)的工程師（后臺(tái)）不用切圖直接給PSD？ 后端工程師雖然最初在我們這個(gè)職位上被稱為美工，但是他有操作PS的能力。

主要輸出：設(shè)計(jì)稿、設(shè)計(jì)規(guī)范、切割圖等。

使用軟件：等

后端開發(fā)研發(fā)

和

有兩種類型的開發(fā)人員：數(shù)據(jù)庫(kù)端和客戶端。 一般來(lái)說(shuō)，我們接觸的是客戶端開發(fā)，他們負(fù)責(zé)還原設(shè)計(jì)。 這樣，開發(fā)網(wǎng)頁(yè)用戶端的工程師就稱為后端工程師； 開發(fā) 設(shè)備的工程師稱為工程師； 開發(fā)Apple設(shè)備的工程師稱為IOS工程師。 都是指客戶端的開發(fā)，也就是我們看到的所有接口。 目前我們?cè)诳蛻舳私佑|的是網(wǎng)頁(yè)端、安卓、IOS這三種主流設(shè)備。 他們開發(fā)和使用的代碼不同，所以對(duì)一些動(dòng)態(tài)效果、陰影等特效的支持也不同。

前端工程師或程序架構(gòu)師RD

和

前端工程師主要負(fù)責(zé)什么？ 前端工程師或程序架構(gòu)師的主要工作是存儲(chǔ)數(shù)據(jù)。 我們平時(shí)在產(chǎn)品中形成的數(shù)據(jù)，如：頭像、昵稱、聊天、對(duì)話、圖片等，都是通過(guò)互聯(lián)網(wǎng)傳輸?shù)椒?wù)器，交換信息再分發(fā)回來(lái)的，所以這些數(shù)據(jù)存儲(chǔ)的結(jié)構(gòu)是前端工程師的工作。 但不幸的是，設(shè)計(jì)師與后端工程師的接觸并不多。

運(yùn)營(yíng)或市場(chǎng)開發(fā) BD

產(chǎn)品完成后進(jìn)入操作階段，可根據(jù)操作調(diào)整產(chǎn)品設(shè)計(jì)或設(shè)計(jì)操作圖。 經(jīng)營(yíng)越來(lái)越直接面向市場(chǎng)，市場(chǎng)的目的越來(lái)越明確。 推出市場(chǎng)和運(yùn)營(yíng)的目的往往更為直截了當(dāng)。 有時(shí)候運(yùn)營(yíng)的目的，利潤(rùn)，和產(chǎn)品以用戶為中心的思維會(huì)發(fā)生沖突。 這時(shí)候?qū)υO(shè)計(jì)師的要求就更高了。 如何調(diào)整設(shè)計(jì)美學(xué)、運(yùn)營(yíng)目的、以用戶為中心的目的成為設(shè)計(jì)師。 困境。

測(cè)試工程師QA

測(cè)試工程師在企業(yè)中常被稱為軟件開發(fā)測(cè)試工程師（，SDET）。 通常是具有 1-2 年經(jīng)驗(yàn)的測(cè)試工程師或程序員。 經(jīng)驗(yàn)豐富的測(cè)試工程師可以成長(zhǎng)為產(chǎn)品/項(xiàng)目組的測(cè)試總監(jiān)（）或軟件質(zhì)量總監(jiān)（SQA），負(fù)責(zé)軟件質(zhì)量保證、測(cè)試管理并領(lǐng)導(dǎo)測(cè)試團(tuán)隊(duì)。 測(cè)試工程師的職責(zé)是控制軟件的質(zhì)量。 有能力和客觀的人將控制，包括經(jīng)驗(yàn)和視覺部分。 另外，總設(shè)計(jì)師需要配合測(cè)試工程師完成產(chǎn)品視覺部分還原度的測(cè)試。

小型互聯(lián)網(wǎng)公司

小型互聯(lián)網(wǎng)公司捷步光

小型互聯(lián)網(wǎng)公司人員配置比較齊全：高管負(fù)責(zé)決策，用戶研究團(tuán)隊(duì)負(fù)責(zé)研究用戶對(duì)產(chǎn)品的反饋，產(chǎn)品總監(jiān)負(fù)責(zé)制定產(chǎn)品發(fā)布時(shí)間表，交互設(shè)計(jì)師負(fù)責(zé)優(yōu)化交互圖，視覺設(shè)計(jì)師負(fù)責(zé)優(yōu)化交互和設(shè)計(jì)視覺效果。 輸出切割圖和標(biāo)注并完成設(shè)計(jì)規(guī)范后，前端工程師負(fù)責(zé)還原接口和連接數(shù)據(jù)庫(kù)，后端工程師負(fù)責(zé)程序架構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)，測(cè)試工程師負(fù)責(zé)用于測(cè)試整個(gè)程序是否可用，業(yè)務(wù)部負(fù)責(zé)后期運(yùn)營(yíng)。 除了完整的產(chǎn)品線，小型互聯(lián)網(wǎng)公司還設(shè)有人力資源部、后勤部、協(xié)調(diào)部等，分工非常成熟。 而且經(jīng)常會(huì)有大公司病，行動(dòng)比較順利。 注：本圖為產(chǎn)品流程主要關(guān)系圖。 真正的工作關(guān)系是復(fù)雜的，而不是線性的。

小型互聯(lián)網(wǎng)公司

小型互聯(lián)網(wǎng)公司捷步光

小型互聯(lián)網(wǎng)公司人員配置中等：高管負(fù)責(zé)決策，產(chǎn)品總監(jiān)負(fù)責(zé)制定產(chǎn)品發(fā)布排期和交互圖，視覺設(shè)計(jì)師負(fù)責(zé)優(yōu)化交互和設(shè)計(jì)視覺效果，輸出切圖和標(biāo)注并完成設(shè)計(jì)規(guī)范，前端工程師負(fù)責(zé)接口還原以及與數(shù)據(jù)庫(kù)的對(duì)接，后端工程師負(fù)責(zé)程序架構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)，測(cè)試工程師負(fù)責(zé)測(cè)試整個(gè)程序是否可用，業(yè)務(wù)部負(fù)責(zé)術(shù)后。 小的互聯(lián)網(wǎng)公司比較整齊，缺少很多簡(jiǎn)潔，設(shè)計(jì)師會(huì)承擔(dān)更多的責(zé)任。

大型互聯(lián)網(wǎng)公司

大型互聯(lián)網(wǎng)公司結(jié)光

大型互聯(lián)網(wǎng)公司人員配置比較齊全：高管負(fù)責(zé)決策并擔(dān)任產(chǎn)品總監(jiān)，視覺設(shè)計(jì)師優(yōu)化交互和設(shè)計(jì)視覺效果，輸出摳圖和標(biāo)記但完整的設(shè)計(jì)規(guī)范，前端工程師負(fù)責(zé)界面還原以及與數(shù)據(jù)庫(kù)的連接，后端工程師負(fù)責(zé)程序架構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)，測(cè)試工程師負(fù)責(zé)測(cè)試整個(gè)程序是否可用。 大型互聯(lián)網(wǎng)公司人員很少，決策速度很快，而且由于每個(gè)人負(fù)責(zé)很大一部分，所以往往有學(xué)雜而不精的地方。 而且人少了，進(jìn)步越來(lái)越靠自己了。

分工

工作

尋找投資：作為團(tuán)隊(duì)領(lǐng)導(dǎo)者，首要任務(wù)是解決團(tuán)隊(duì)生存問題。 所以，在產(chǎn)品還沒有完成盈利模式的建立之前，投資是一個(gè)很好的方式。 我們?cè)诠P試的時(shí)候總會(huì)看到一家公司在A輪或者B輪融資。 這是什么意思？ 根據(jù)項(xiàng)目成熟度，投資分為：路演、天使輪、A輪、B輪、C輪、上市等狀態(tài)。 投資的階段也代表了項(xiàng)目的成熟度。 找工作的時(shí)候也可以權(quán)衡一下。

招募伙伴：一個(gè)好的團(tuán)隊(duì)領(lǐng)導(dǎo)者，不應(yīng)該事事一個(gè)人包辦。 不僅要找CEO，還要找CTO、CTOO等多名高管的人選。

創(chuàng)業(yè)奶茶文化已成潮流。 圖為上海某奶茶店工作的眾多創(chuàng)業(yè)團(tuán)隊(duì)。來(lái)源：網(wǎng)絡(luò)

用戶研究工作

用戶研究的主要方法有以下幾種：

可用性測(cè)試：讓不同的用戶群體通過(guò)篩選操作產(chǎn)品，觀察員在門口觀察記錄。 可用性測(cè)試的要求是用戶不能是互聯(lián)網(wǎng)從業(yè)者，而應(yīng)該是真實(shí)產(chǎn)品的用戶群體。

Focus group：通常由6-12人組成，由專業(yè)人士主持，引導(dǎo)小組成員根據(jù)訪談提綱發(fā)表意見，并進(jìn)行記錄和分析。 而且focus group的臥室會(huì)有一個(gè)雙向玻璃窗，這樣用戶就看不到上面是誰(shuí)了。 坐在上面的通常是開發(fā)團(tuán)隊(duì)，他們可以清楚地看到用戶如何抱怨他們的產(chǎn)品，他們沒有權(quán)利直接向用戶解釋。

問卷調(diào)查：分為紙質(zhì)調(diào)查問卷和網(wǎng)絡(luò)問卷調(diào)查。 根據(jù)產(chǎn)品列出需要了解的問題，做成文檔供用戶解答。 問卷調(diào)查是一種成本相對(duì)較低的用戶調(diào)查方式。

用戶訪談：邀請(qǐng)用戶回答與產(chǎn)品相關(guān)的問題，并記錄下來(lái)供后續(xù)分析。 用戶訪談分為三種：結(jié)構(gòu)化訪談（按照之前寫好的問題結(jié)構(gòu)）、半結(jié)構(gòu)化訪談（一半基于問題一半討論）、開放式訪談（與用戶進(jìn)行更深入的交流，雙方都有主動(dòng)解釋）。 注意用戶訪談設(shè)置：用戶不能是互聯(lián)網(wǎng)行業(yè)的專業(yè)人士，不能問誘導(dǎo)性問題，不能使用專業(yè)術(shù)語(yǔ)。

眼動(dòng)追蹤測(cè)試：使用專用設(shè)備：眼動(dòng)儀跟蹤用戶在使用產(chǎn)品時(shí)眼睛的焦點(diǎn)在哪里，盲點(diǎn)在哪里。 例如，網(wǎng)站可以通過(guò)眼動(dòng)測(cè)試知道用戶的視線會(huì)手動(dòng)擋住網(wǎng)站常見的廣告位置。 這時(shí)候如果想增加廣告的點(diǎn)擊量，就需要把廣告位放在用戶長(zhǎng)期關(guān)注的位置。 眼動(dòng)檢測(cè)設(shè)備比較專業(yè)，一般小公司很難進(jìn)行。

用戶畫像：根據(jù)產(chǎn)品的調(diào)性、用戶群體，用戶研究團(tuán)隊(duì)可以設(shè)計(jì)用戶模型，這些研究方式稱為用戶畫像。 角色是由特征標(biāo)簽組成的，通過(guò)這些標(biāo)簽我們可以更好地了解誰(shuí)在使用我們的產(chǎn)品。 用戶畫像完成后，每個(gè)功能都可以完成自己的用戶故事：用戶在哪些場(chǎng)景下需要這個(gè)功能。 這樣，我們?cè)O(shè)計(jì)的功能就會(huì)更加貼近用戶的實(shí)際需求。

用戶反饋和大數(shù)據(jù)分析：根據(jù)市場(chǎng)提供的反饋和數(shù)據(jù)，做出客觀判斷和合理推斷。 用戶反饋也是用戶研究的一個(gè)重點(diǎn)。 用戶反饋主要是用戶通過(guò)產(chǎn)品反饋入口主動(dòng)向開發(fā)者提出的意見。

圖為韓劇《硅谷》焦點(diǎn)小組測(cè)試

產(chǎn)品總監(jiān)的工作

產(chǎn)品總監(jiān)負(fù)責(zé)協(xié)調(diào)整個(gè)團(tuán)隊(duì)的進(jìn)度，工作極其復(fù)雜。 產(chǎn)品總監(jiān)必須與整個(gè)團(tuán)隊(duì)打交道。

產(chǎn)品總監(jiān)的很大一部分輸出是在溝通和協(xié)調(diào)上。 如果單純提取輸出文件，有以下幾種：

PRD：《 ()》，該文檔的受眾是項(xiàng)目組、開發(fā)組、測(cè)試組、策劃組、體驗(yàn)組等。 文檔描述了這個(gè)產(chǎn)品的概念，規(guī)劃了產(chǎn)品每一步的完成時(shí)間。 輸出包括產(chǎn)品界面、產(chǎn)品流程、功能需求、測(cè)試需求、體驗(yàn)需求等。

MRD：“業(yè)務(wù)需求文檔（）”。 本文檔的受眾為業(yè)務(wù)、運(yùn)營(yíng)、營(yíng)銷等。文檔描述了產(chǎn)品的商業(yè)模式，明確了產(chǎn)品的用戶群，輸出內(nèi)容包括產(chǎn)品模型、商業(yè)模型、運(yùn)營(yíng)模型、市場(chǎng)模型等.

原型圖：俗稱線框圖，即用腰線和圖形勾勒出的產(chǎn)品框架。

圖為產(chǎn)品需求文檔PRD模板

交互設(shè)計(jì)師的工作

交互圖：展示操作行為后，對(duì)象之間的關(guān)系，以及觸發(fā)的下一步信息。 與產(chǎn)品總監(jiān)設(shè)計(jì)的線框圖或原型圖不同，交互設(shè)計(jì)師完成的交互圖越來(lái)越豐滿，完成后可以運(yùn)行在手機(jī)端模擬APP的使用。

圖為交互圖案例

UI設(shè)計(jì)師的工作

優(yōu)化原型圖：針對(duì)特定的視覺元素，提出交互圖的優(yōu)化方案。

視覺設(shè)計(jì)：根據(jù)人機(jī)交互原理和操作邏輯，設(shè)計(jì)和美化原型圖的界面。

圖片切割：根據(jù)不同平臺(tái)規(guī)格，輸出相應(yīng)倍數(shù)的圖片。

標(biāo)簽：使用該工具在輸出頁(yè)面上的每個(gè)元素之間標(biāo)記規(guī)格和條件注釋。

項(xiàng)目走查：開發(fā)完成后，選擇主流機(jī)型進(jìn)行 。

視覺概要：展示和解釋設(shè)計(jì)作品中的字體、字號(hào)、顏色、圖標(biāo)、模塊等元素。

圖為UI設(shè)計(jì)稿

后端工程師的工作

Web后臺(tái)工程師：完成Web后臺(tái)界面的編程。 收到視覺設(shè)計(jì)師的PSD后，將圖片截下來(lái)，用web代碼重新構(gòu)建頁(yè)面，但是和數(shù)據(jù)庫(kù)端提供的聯(lián)合調(diào)試，沒問題后放到服務(wù)器上，網(wǎng)站就可以訪問了。 使用的代碼語(yǔ)言主要包括：HTML、CSS、JS等。

蘋果軟件工程師：完成iOS平臺(tái)APP的程序開發(fā)，并接手視覺設(shè)計(jì)師的裁剪圖和標(biāo)注，完成客戶端編譯，與前端工程師聯(lián)調(diào)后上線。 主要使用的代碼語(yǔ)言有：-C、Swift等。

軟件工程師：俗稱開發(fā)工程師。 完成平臺(tái)APP的開發(fā)，并接手視覺設(shè)計(jì)師的裁剪和標(biāo)注，完成客戶端編譯，與前端工程師聯(lián)調(diào)后上線。 主要使用的代碼語(yǔ)言有：java等。

圖為后端HTML代碼

前端工程師的工作

數(shù)據(jù)庫(kù)編程：分為網(wǎng)絡(luò)數(shù)據(jù)庫(kù)、層次數(shù)據(jù)庫(kù)、關(guān)系數(shù)據(jù)庫(kù)。 它主要使用數(shù)據(jù)庫(kù)編程來(lái)存儲(chǔ)和管理數(shù)據(jù)。 主要使用的語(yǔ)言有：PHP、JSP、JAVA等。

圖為前端編譯部分代碼

測(cè)試工程師的工作

如有侵權(quán)請(qǐng)聯(lián)系刪除！