通常設(shè)計團隊的設(shè)計鏈路大致可以分成四個步驟：需求分析->用研交互->UI視覺->驗收迭代。在不同的階段，需要團隊中的交互/UI/視覺...設(shè)計師各司其職，每位設(shè)計師要解決的核心問題不同：

這里引入一個結(jié)構(gòu)化的設(shè)計方法——“雙鉆”模型

“雙鉆設(shè)計模型”已經(jīng)被很多設(shè)計師或設(shè)計機構(gòu)做過概念變體和衍生，所以可能經(jīng)常會看到各種各樣類似的“設(shè)計模型”，有的是“三鉆”的，有的是三角形的或是正方形的。不過，不要太在意這些模型是叫做“雙鉆模型”、“三鉆模型”還是“兩個四邊形模型”，其核心都是在講
一套使用設(shè)計思維來解決問題的思路和方法，這套思路和方法適用于
從產(chǎn)品需求定義到設(shè)計成果產(chǎn)出的整個過程。

在這個過程中，“設(shè)計模型”能夠分別幫助設(shè)計師達到三個目的：

1. 洞察和挖掘產(chǎn)品真正的問題
   也就是模型中第一個“鉆”的核心目的：為正確的事情做設(shè)計（Designing the right thing），即“做正確的事”。

2. 通過恰當方法找到設(shè)計最優(yōu)解
   也就是模型中第二個“鉆”的核心目的：用正確的方法做設(shè)計（Designing things right），即“將設(shè)計做正確”。

3. 復(fù)盤并驗證問題設(shè)計的結(jié)果
   也就是模型中第三個“鉆”的核心目的：驗證做的設(shè)計是否正確（Verify Desig Effectiveness），即“驗證設(shè)計的效果”。

4. 鏈路1-需求分析

可能有人會說：“分析需求不是產(chǎn)品經(jīng)理的事情嗎？”

確實，在產(chǎn)品需求階段產(chǎn)品經(jīng)理會起主導(dǎo)角色，產(chǎn)品經(jīng)理的需求分析：側(cè)重于從商業(yè)維度考慮產(chǎn)品目標，考慮用戶的需求是什么，以及用什么樣的功能去滿足用戶需求。
但同時，設(shè)計師會協(xié)助產(chǎn)品參與需求挖掘工作，可以更直觀了解產(chǎn)品的背景和設(shè)計目標，同時會協(xié)助產(chǎn)品經(jīng)理分析用戶的使用場景和各個接觸點，使得產(chǎn)品在需求階段可以更好的與后續(xù)交互設(shè)計銜接。

設(shè)計師的需求分析側(cè)重點：基于對產(chǎn)品需求的正確理解，通過運營與用戶層面考慮，平衡業(yè)務(wù)與用戶之間的訴求，讓設(shè)計在達到用戶體驗的情況下更大化的發(fā)揮商業(yè)價值。

2. 鏈路2-用研交互

在提出需求目標后，需要精準定位目標用戶，將假設(shè)與用戶訴求進行驗證。

交互設(shè)計師會采用用戶畫像/體驗地圖/用戶移情圖等方法構(gòu)建用戶使用情景，將抽象的業(yè)務(wù)目標在用戶層面進行價值試驗后的故事轉(zhuǎn)譯。通過前期調(diào)研和用戶故事還原體驗情景，最終分析驗證前期方案的假設(shè)，并為方案原型交互設(shè)計提供客觀數(shù)據(jù)支撐。

通過用研及數(shù)據(jù)結(jié)果分析驗證后，就到了原型設(shè)計階段，最終修正的需求文檔會交由交互設(shè)計師轉(zhuǎn)化交互原型文檔。

交互文檔主要是用來承載設(shè)計思路、設(shè)計方案、信息架構(gòu)、原型線框、交互說明等內(nèi)容，大致會包含：基礎(chǔ)信息(項目簡介、需求分析)，交互說明(信息架構(gòu)思維導(dǎo)圖、任務(wù)流程圖)，頁面交互流程原型圖（包含交互設(shè)計的方案闡述界面布局、操作手勢、反饋效果、元素的規(guī)則定義、以及異常頁面和異常情況的說明）。

3. 鏈路3-UI視覺

建立設(shè)計規(guī)范

UI即User Interface（用戶界面），而UI設(shè)計規(guī)范通俗來說，是圍繞在某種風(fēng)格或者大型設(shè)計項目下形成可視化、數(shù)據(jù)化的標準，針對相對獨立的體系建立的統(tǒng)一遵守條款。 UI組件庫則是是基于用戶界面產(chǎn)品而制定的一套可復(fù)用設(shè)計庫，也是為了方便設(shè)計師、開發(fā)和測試人員共同協(xié)作，而遵循的規(guī)律和法則。
其中色彩范圍、圖標設(shè)計方案、插畫配圖以及動效等，這些都可以在定義視覺風(fēng)格的階段進行思考，并有所結(jié)論。而字體的選擇且通常情況下會使用iOS和Android系統(tǒng)的模型字體作為規(guī)范字體，因為系統(tǒng)字體更為勻稱，顯示效果更為舒適，醒目利于閱讀，更利于視覺信息的傳達。

搭建設(shè)計組件庫

搭建組件庫，其實是利用組件庫型思維，產(chǎn)品需求場景化、視覺表達模塊化并最終將解決方案進行封裝。

通過標準的規(guī)范組合方式來構(gòu)建整個設(shè)計方案，從而提升設(shè)計效能。一方面使團隊的每位設(shè)計師和開發(fā)都能通過組件庫直觀了解產(chǎn)品設(shè)計規(guī)范，通過組件的復(fù)用性原理提升設(shè)計與開發(fā)的協(xié)同效率。另一方面通過清晰有規(guī)律樣式布局，保證產(chǎn)品界面視覺及體驗性的一致性。

4. 鏈路4-驗收迭代

設(shè)計走查驗收

設(shè)計界面交付后就算完成設(shè)計任務(wù)了嗎？

設(shè)計交付不等于設(shè)計任務(wù)的結(jié)束，在產(chǎn)品正式版發(fā)布之前，交互設(shè)計師和視覺設(shè)計師需要對線上測試版本進行走查。有些團隊內(nèi)部協(xié)作習(xí)慣于直接口頭或是簡單文字溝通，面對簡單且量少的問題時可能會相對比較快速。但是一定會存在信息遺漏、溝通誤差等問題。

產(chǎn)品設(shè)計迭代
雖然有些公司的產(chǎn)品真的過硬，可能會具備較長的生命周期，但它們始終會被更加優(yōu)秀、好用、新穎的競品所取代。
因此產(chǎn)品設(shè)計的持續(xù)優(yōu)化迭代，是能保持發(fā)揮產(chǎn)品優(yōu)勢，不斷找到用戶痛點的關(guān)鍵，而做好產(chǎn)品迭代不僅是產(chǎn)品經(jīng)理的職能， 也是設(shè)計師的職能所在。

寫在最后，我們來梳理一下整個設(shè)計鏈路的結(jié)構(gòu)

作者：7V_Kevin
來源：站酷

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢～希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司