UI設(shè)計師的工作流程（通用）
來源：
奇酷教育 發(fā)表于：
UI設(shè)計師的工作流程。
對于初級
UI設(shè)計師來說，一套完善的工作流程至關(guān)重要，特別是對于一些沒有加入大團隊作戰(zhàn)，沒有真正UI設(shè)計項目設(shè)計經(jīng)驗的朋友來說，這套流程對以后的UI設(shè)計工作具有重要的參考作用。
當(dāng)然每個團隊、公司都有一套更適合自己的工作流程，這里的工作流程只能說是一個通用的原則，總的歸納起來用下面一個圖即可表達。
UI設(shè)計工作流程
這里說的PO崗位為產(chǎn)品運營，SM為高級經(jīng)理，代表的是產(chǎn)品經(jīng)理。
涉及到的協(xié)同平臺很多，包括藍湖、石墨等，其他協(xié)同工具有。
InVision
InVision 主要是針原型設(shè)計和團隊協(xié)同來提供服務(wù)的。當(dāng)你創(chuàng)建新的項目的時候，可以選擇從 Sketch/Photoshop/圖片導(dǎo)入到InVision當(dāng)中，然后通過InVision 添加動畫、手勢和轉(zhuǎn)場動效，將它轉(zhuǎn)化為逼真的原型。InVision 是一個非常棒的協(xié)同平臺，你可以在原型的任何地方添加注釋和評論，從而實現(xiàn)視覺上的反饋。此外，你可以通過 Facebook、Twitter和Linkedin 等平臺快速便捷地分享你的項目鏈接。此外，InVision 用戶還能使用內(nèi)置于瀏覽器的協(xié)作工具 LiveShare，輕松地同團隊內(nèi)其他的用戶協(xié)作。
zipBoard
zipBoard 是一個簡單的設(shè)計反饋工具，它可以實現(xiàn)簡單的基于上下文的反饋。即使是客戶和團隊內(nèi)的非設(shè)計成員，都能順暢地使用它。在使用 zipBoard 的過程中，只需要瀏覽網(wǎng)頁內(nèi)容，無論發(fā)現(xiàn)任何問題，只需要抓取一張屏幕截圖捷克。現(xiàn)在可以通過添加注釋來查明問題，它還允許你通過分配、共享、設(shè)置優(yōu)先級來組織問題。你可以設(shè)置數(shù)量無上限的協(xié)作者參與到項目中，也可以通過共享鏈接來獲取評論和反饋。zipBoard 還提供 JIRA 和 Slack 的集成功能，讓你的團隊可以和項目保持進度同步。
UX pin
UXPin 旗下主要有兩個產(chǎn)品，一個是UXPin 原型，一個是UXPin 系統(tǒng)。前者是設(shè)計和原型工具，后者則是包含設(shè)計、原型在內(nèi)的交付工具。你可以在UXPin 中從零開始設(shè)計，也能從已有的 Sketch 或者 Photoshop 項目直接導(dǎo)入到UXPin。你可以使用 UXPin 設(shè)計出可交互的完全響應(yīng)式的原型，其中內(nèi)置了十幾個不同的庫，包括最常見的 BootStrap、Foundation、Android、iOS 等不同平臺 UI控件庫。就制作線框圖和原型而言，UXPin 有著明顯的優(yōu)勢。
團隊版的UXPin 中可以添加三類不同的成員角色，包括管理員，創(chuàng)建者和協(xié)作者。管理員可以創(chuàng)建和訪問所有的項目，創(chuàng)建者可以創(chuàng)建項目和訪問選定的項目，協(xié)作者則只能訪問選定的項目。UXPin 可以實現(xiàn)流暢的團隊協(xié)作，用戶可以對各種元素進行直接評論和注釋，也能在電子郵件和Slack 中反饋。
Figma
Figma 是一款帶有實時協(xié)作的UI設(shè)計工具。
Figma 是基于瀏覽器和云端的工具，允許多個設(shè)計師同時在線對一個項目進行編輯。Figma 是一個完全獨立的設(shè)計工具，內(nèi)置矢量柵格，具備完整的歷史和版本管理的功能。與 Sketch 不同，F(xiàn)igma 不需要專門的客戶端，所有的設(shè)計、評論、反饋和協(xié)同都發(fā)生在瀏覽器內(nèi)部。你所需要做的只有一件事，就是在你選中的位置或者控件上進行修改和留言，進行協(xié)同。
多人模式下，協(xié)同是實時的，這種體驗非常有意思，同時，其中還包含了諸如在移動端上實時查看修改的效果，它們讓整個服務(wù)顯得非常的實用也非常的好玩。
很多設(shè)計師也用Principle配合來做。
Zeplin
Zeplin 是一款能讓設(shè)計師和開發(fā)者更加高效協(xié)同的標準化設(shè)計風(fēng)格工具，有了它設(shè)計師和開發(fā)者不用在細節(jié)上反復(fù)糾纏。Zeplin 有專門的 Windows 版，Mac版和Web版。它能自行生成風(fēng)格指南，并且同 Sketch 和PS 進行同步。友好的用戶界面是 Zeplin 的加分項，這使得用戶可以相當(dāng)方便地調(diào)整細節(jié)，比如控制字體樣式，大小和顏色，而當(dāng)你調(diào)整完了之后，通過Zeplin 的同步，你的隊友會立刻收到更新，看到調(diào)整。
Hotjar
Hotjar 是一個用來分析和反饋的工具，主要是的功能是用來監(jiān)控和分析用戶在網(wǎng)站上的交互和操作。它提供了多種多樣的分析途徑，比如熱圖，反饋調(diào)研，轉(zhuǎn)換渠道等等，它能將訪客的行為數(shù)據(jù)完整的記錄并提供相應(yīng)的分析。Hotjar 在熱圖和用戶交互記錄上有著突出的優(yōu)勢。
UI設(shè)計師測試 中遇到的問題用 圖標來呈現(xiàn)如上圖
