在今天的作品集輸出、外包項(xiàng)目匯報(bào)上，只展示界面、圖例的做法是行不通的，還要加入文字說(shuō)明，來(lái)表達(dá)你的設(shè)計(jì)思路（Design Thinking），俗稱項(xiàng)目分析。

對(duì)項(xiàng)目分析應(yīng)該寫(xiě)什么的疑問(wèn)和抱怨非常多，有相當(dāng)一部分設(shè)計(jì)師對(duì)應(yīng)該怎么解釋自己的設(shè)計(jì)是完全沒(méi)有概念的，以為網(wǎng)上字寫(xiě)的多，專業(yè)名詞、概念用的多的項(xiàng)目包裝，就是優(yōu)秀案例，并以它們?yōu)闃颖緛?lái)學(xué)習(xí)。

所以今天的分享，就是理解項(xiàng)目分析是什么，以及如何有效進(jìn)行 "分析"。

一、設(shè)計(jì)項(xiàng)目中的分析是什么

從事設(shè)計(jì)行業(yè)，就要正視一個(gè)根本性的問(wèn)題，我們只是 “畫(huà)圖的 / 美工”，還是 “做設(shè)計(jì)”的。

首先我們理解不同平臺(tái)對(duì)設(shè)計(jì)的解釋：

1. Wiki 百科：所謂設(shè)計(jì)，即“設(shè)想和計(jì)劃，設(shè)想是目的，計(jì)劃是過(guò)程安排”，通常是指有目標(biāo)和計(jì)劃的創(chuàng)作行為及活動(dòng)。
2. 百度百科：設(shè)計(jì)，指設(shè)計(jì)師有目標(biāo)有計(jì)劃得進(jìn)行技術(shù)性的創(chuàng)作與創(chuàng)意活動(dòng)。設(shè)計(jì)的任務(wù)不只是為生活和商業(yè)服務(wù)，同時(shí)也伴有藝術(shù)性的創(chuàng)作。
3. ChatGPT：設(shè)計(jì)是一種創(chuàng)造性的過(guò)程，旨在解決特定問(wèn)題或?qū)崿F(xiàn)特定目標(biāo)。
4. 通義千問(wèn)：設(shè)計(jì)的核心目標(biāo)是通過(guò)理性思維和創(chuàng)造性方法，解決實(shí)際問(wèn)題、滿足需求、傳達(dá)意圖和情感、提升用戶體驗(yàn)或創(chuàng)造出具有審美價(jià)值的作品。

總結(jié)起來(lái)，設(shè)計(jì)包含兩個(gè)部分，即計(jì)劃和實(shí)施。計(jì)劃就是對(duì)設(shè)計(jì)的目標(biāo)做分析，并對(duì)后續(xù)的實(shí)施方案進(jìn)行策劃。而實(shí)施就是使用對(duì)應(yīng)的工具完成設(shè)計(jì)內(nèi)容，并根據(jù)項(xiàng)目要求進(jìn)行交付的過(guò)程。

不管在哪個(gè)領(lǐng)域的成熟設(shè)計(jì)，都包含這兩個(gè)部分，比如服裝設(shè)計(jì)師設(shè)計(jì)新品需要考慮時(shí)下潮流的趨勢(shì)和風(fēng)向，建筑設(shè)計(jì)師設(shè)計(jì)建筑需要考慮預(yù)算和安全性，品牌設(shè)計(jì)師設(shè)計(jì) VI 需要考慮企業(yè)的文化和受眾。如果缺少這些專業(yè)、嚴(yán)肅的思考過(guò)程，那么設(shè)計(jì)就是無(wú)根之木，大概率無(wú)法符合現(xiàn)實(shí)世界的需要。

什么是現(xiàn)實(shí)的需要？即需要設(shè)計(jì)解決的問(wèn)題。

國(guó)內(nèi)有一檔節(jié)目叫 《夢(mèng)想改造家》，很好得記錄了室內(nèi)設(shè)計(jì)師在計(jì)劃和實(shí)施兩個(gè)階段的工作過(guò)程，從前期訪問(wèn)業(yè)主實(shí)地考察分析，到后期設(shè)計(jì)并解釋如何解決現(xiàn)存問(wèn)題、滿足業(yè)主需求，推薦所有設(shè)計(jì)師一看。

“設(shè)計(jì)是用來(lái)解決問(wèn)題” 的，這是學(xué)習(xí)設(shè)計(jì)師反復(fù)會(huì)聽(tīng)到的一句話，但相當(dāng)一部分同學(xué)都會(huì)把它當(dāng)成正確的廢話。

因?yàn)樵谀壳敖佑|的工作環(huán)境里，設(shè)計(jì)的目標(biāo)看起來(lái)和解決問(wèn)題 “毫無(wú)關(guān)系”，只是老板、產(chǎn)品經(jīng)理給出需求，然后你跟著做，接著再按他們的意見(jiàn)修改，你認(rèn)為好的設(shè)計(jì)沒(méi)被采納，意見(jiàn)也不聽(tīng)等……

由此可以引申出一系列對(duì)環(huán)境的吐槽，總結(jié)自己是如何淪落成美工的，根本沒(méi)有分析的余地。這是種巨大的誤區(qū)，任何項(xiàng)目的設(shè)計(jì)都包含可以分析的對(duì)象和要素，問(wèn)題在于設(shè)計(jì)師有沒(méi)有定位這些問(wèn)題而已。

先從一個(gè)理想的項(xiàng)目流程說(shuō)起，首先老板/產(chǎn)品要做需求的制定，提供項(xiàng)目說(shuō)明和原型，然后設(shè)計(jì)師要在這個(gè)階段分析業(yè)務(wù)、用戶、體驗(yàn)、競(jìng)品、交互、視覺(jué)的內(nèi)容，然后再展開(kāi)設(shè)計(jì)完成后續(xù)的交付。

在這個(gè)流程中，分析階段第一步是先理解業(yè)務(wù)，也就是需求這么制定的原因，需要解決哪些業(yè)務(wù)問(wèn)題，帶來(lái)的收益是什么。比如做個(gè)審批流程，流程交互和狀態(tài)很繁瑣，設(shè)計(jì)師不能只看操作的流程不顧現(xiàn)實(shí)業(yè)務(wù)流程的邏輯。

比如審批的領(lǐng)導(dǎo)很多，每級(jí)都要過(guò)審，打回的話重新開(kāi)始流程的規(guī)章是啥樣的，決定了最終產(chǎn)品應(yīng)該制定的功能和交互。不管拿到什么需求，分析背后的業(yè)務(wù)邏輯都是必不可少的，也是 B 端設(shè)計(jì)一定可以展開(kāi)分析的部分。

因?yàn)?B 端項(xiàng)目不存在沒(méi)有目的的需求，任何規(guī)劃和構(gòu)思都是圍繞在特定的問(wèn)題中展開(kāi)的。可能很多設(shè)計(jì)師會(huì)說(shuō)實(shí)際情況并不是如此，工作中碰到的需求要多離譜有多離譜，都是老板/客戶/產(chǎn)品拍腦袋想的，沒(méi)有任何道理。

如果是針對(duì)一些小細(xì)節(jié)，比如按鈕位置、表格列數(shù)之類的，確實(shí)可以只由個(gè)人偏好決定。但只要維度變大，面對(duì)整個(gè)產(chǎn)品流程、模塊、項(xiàng)目的需求時(shí)，這種情況就會(huì)越來(lái)越少。

作為設(shè)計(jì)師，業(yè)務(wù)分析中，并不只是糾結(jié)別人和我們的想法不一致或你不認(rèn)可，而是搞懂制定需求的人所理解的業(yè)務(wù)和解決方式。即使沒(méi)有已經(jīng)開(kāi)始運(yùn)轉(zhuǎn)、成型的業(yè)務(wù)，決策者也會(huì)有他們自己建立的思路和理解，只是很多時(shí)候提供需求時(shí)并不會(huì)和設(shè)計(jì)師解釋。這需要設(shè)計(jì)師主動(dòng)去問(wèn)，搞這些決策的理由，這個(gè)過(guò)程同樣也是分析的過(guò)程。

在最惡劣的環(huán)境下，需求方會(huì)拒絕和設(shè)計(jì)師解釋需求，可能因?yàn)檫壿嫃?fù)雜懶的解釋，或者前期工作過(guò)程中的矛盾積累（設(shè)計(jì)師一直唱反調(diào)，解釋成本過(guò)高）。這種情況分析需求會(huì)變得困難，但不是背后的業(yè)務(wù)因素就不存在，要靠設(shè)計(jì)師發(fā)揮主觀能動(dòng)性去和相關(guān)人員溝通。

有一定經(jīng)驗(yàn)的設(shè)計(jì)師，但凡有了項(xiàng)目的目標(biāo)和對(duì)業(yè)務(wù)的理解，再結(jié)合產(chǎn)品需求、項(xiàng)目場(chǎng)景，就必然能思考后續(xù)設(shè)計(jì)工作中的目標(biāo)是什么，會(huì)遇到的阻力有哪些。

工作目標(biāo)即設(shè)計(jì)要實(shí)現(xiàn)的內(nèi)容，有抽象的也有具體的。抽象就是解決某些問(wèn)題，比如滿足某業(yè)務(wù)的需求、更符合主流的設(shè)計(jì)、提高用戶體驗(yàn)的交互等等。而具體的部分，就是要交付的工作內(nèi)容，具體哪些頁(yè)面、圖標(biāo)、標(biāo)注、切圖等。

工作目標(biāo)是無(wú)論如何都會(huì)有的，而項(xiàng)目后續(xù)要面對(duì)的問(wèn)題、阻力自然接踵而至，只要有一定工作經(jīng)驗(yàn)的設(shè)計(jì)師都能分析出來(lái)，很多設(shè)計(jì)師其實(shí)已經(jīng)分析到了但不自知而已。比如他們會(huì)到社交渠道吐槽：

1. 需求給的不夠清楚，產(chǎn)品沒(méi)時(shí)間寫(xiě) PRD 和整理字段
2. 項(xiàng)目給的時(shí)間太少了，但是要設(shè)計(jì)的頁(yè)面太多
3. 項(xiàng)目前任用的規(guī)范一塌糊涂新項(xiàng)目根本不知道咋下手
4. 客戶喜歡的設(shè)計(jì)風(fēng)格很奇葩，完全不想配合
5. 開(kāi)發(fā)說(shuō)了要直接用開(kāi)源框架不會(huì)按我的設(shè)計(jì)稿還原
6. 流程太復(fù)雜，感覺(jué)用戶根本就用不懂

這些不就是問(wèn)題？不就是阻力？設(shè)計(jì)的過(guò)程，必然會(huì)有各種各樣的難題，而設(shè)計(jì)師的任務(wù)之一，就是想辦法解決設(shè)計(jì)上的難題，而不是指望別人什么都準(zhǔn)備好了給你。

基于對(duì)問(wèn)題的理解，才會(huì)有后面的解決方案，比如沒(méi)有完整的需求，你可以自己快速輸出原型評(píng)審建立需求，設(shè)計(jì)師時(shí)間少，那快有快的做法，前面規(guī)范混亂，你怎么根據(jù)項(xiàng)目流制定新的規(guī)范標(biāo)準(zhǔn)等等……

在多數(shù) B 端項(xiàng)目中，項(xiàng)目背景、相關(guān)業(yè)務(wù)、產(chǎn)品需求三個(gè)要素就前期分析的核心內(nèi)容，已經(jīng)足夠支撐設(shè)計(jì)師展開(kāi)具體的設(shè)計(jì)，并對(duì)成果做出充分的關(guān)聯(lián)和解釋了。而理想項(xiàng)目流程中會(huì)提到的用戶、體驗(yàn)、競(jìng)品分析等，在 B 端項(xiàng)目中從來(lái)都不是必需的。只有在上面三個(gè)要素分析中得出相關(guān)的結(jié)論需要用到它們，才會(huì)開(kāi)展。

比如很常見(jiàn)的項(xiàng)目是靠客戶領(lǐng)導(dǎo)拍板決定的，或者就少數(shù)人使用的工具，用戶的研究可能只涉及一些簡(jiǎn)單的溝通，不需要開(kāi)啟完整的體驗(yàn)設(shè)計(jì)流程。而如果沒(méi)有找到能訪問(wèn)的競(jìng)品，并不會(huì)有什么影響。解決自己項(xiàng)目產(chǎn)品、業(yè)務(wù)的問(wèn)題和競(jìng)品有什么關(guān)系？只有在項(xiàng)目目標(biāo)是直接要和競(jìng)品展開(kāi)競(jìng)爭(zhēng)，且競(jìng)品是用得到的前提下，才有競(jìng)品分析的意義。

以上都是前期分析的部分，只要完成分析并獲得結(jié)論，那么到了實(shí)施階段，交互、規(guī)范、布局、樣式的制定，就應(yīng)該都有清晰的邏輯和思路了。這和設(shè)計(jì)師本身的基礎(chǔ)能力有關(guān)，只要熟練掌握相關(guān)技能，那么完成設(shè)計(jì)的過(guò)程肯定會(huì)去遵循某個(gè)邏輯脈絡(luò)，而不是做到哪算哪。

比如全局框架制定中，怎么兼顧不同功能頁(yè)面、操作的需求。設(shè)計(jì)風(fēng)格定義中，以品牌的角度切入還是行業(yè)的特征。界面布局時(shí)怎么做更符合業(yè)務(wù)場(chǎng)景，組件前后排序的依據(jù)是什么等等。

在我們過(guò)去的改版案例中，對(duì)有給過(guò)對(duì)應(yīng)的分析過(guò)程，這些就是實(shí)際項(xiàng)目執(zhí)行過(guò)程中會(huì)考慮的東西：

實(shí)施階段可以分析的內(nèi)容是最多最雜的，很多初級(jí)設(shè)計(jì)師在這個(gè)階段完全沒(méi)有思路，唯一的原因就是基礎(chǔ)能力不足，在應(yīng)付視覺(jué)部分的工作就已經(jīng)耗盡全部精力疲于奔命，那當(dāng)然不會(huì)產(chǎn)生多余的想法。

比如從項(xiàng)目剛開(kāi)始，設(shè)計(jì)師對(duì)自己應(yīng)該怎么把界面有效做出來(lái)都沒(méi)信心，后面的一些頁(yè)面類型應(yīng)該怎么做也完全沒(méi)有概念，那么就絕對(duì)不會(huì)浪費(fèi)時(shí)間去思考設(shè)計(jì)以外的問(wèn)題，哪有閑工夫關(guān)注背后的產(chǎn)品邏輯和項(xiàng)目流程。

所以項(xiàng)目分析，是在設(shè)計(jì)師能做好設(shè)計(jì)的核心工作基礎(chǔ)之上，對(duì)設(shè)計(jì)內(nèi)容意義的探索。一個(gè)人只有在吃飽飯的時(shí)候會(huì)去探索生命的意義……

最后總結(jié)一遍，項(xiàng)目的分析，包含的內(nèi)容有前期計(jì)劃和實(shí)施兩個(gè)部分。

計(jì)劃階段的分析重點(diǎn)是認(rèn)識(shí)項(xiàng)目的背景，看懂產(chǎn)品的需求，調(diào)查分析需求背后關(guān)聯(lián)的業(yè)務(wù)。然后總結(jié)設(shè)計(jì)的目標(biāo)、任務(wù)，以及完成工作會(huì)遇到的阻力。思考的結(jié)論決定了進(jìn)一步要完成哪些工作，是否有必要做用戶調(diào)研、體驗(yàn)分析、競(jìng)品分析。

實(shí)施階段的分析，則是完成交互、規(guī)范、布局、界面的思考過(guò)程，你在設(shè)計(jì)的過(guò)程中根據(jù)前面的結(jié)論怎么推導(dǎo)的，還是單純自己對(duì)體驗(yàn)、權(quán)重、美感的理解而做的決策，都是分析。區(qū)別只是是否合理，能不能夠說(shuō)服別人。

以上囊括了一個(gè) B 端項(xiàng)目會(huì)促發(fā)的常見(jiàn)的分析對(duì)象，除此之外還有很多可以分析的內(nèi)容，可以理解成只要你工作涉及的每一個(gè)環(huán)節(jié)、事件，都有分析的空間，因?yàn)閷?shí)踐是靠思考去引導(dǎo)的，而不是隨機(jī)發(fā)揮。

二、項(xiàng)目分析的輸出方式

用意大利設(shè)計(jì)師馬西莫·維涅利的話說(shuō)：

“設(shè)計(jì)是對(duì)問(wèn)題的有組織的解決方案……”

如果理解了項(xiàng)目的設(shè)計(jì)分析是什么，就會(huì)發(fā)現(xiàn)可以分析的東西實(shí)在太多了。對(duì)于項(xiàng)目的輸出來(lái)說(shuō)，最大的問(wèn)題反而不是沒(méi)有分析能寫(xiě)，而是全部寫(xiě)進(jìn)去根本寫(xiě)不完。

所以項(xiàng)目包裝之所以叫包裝，不是純粹做虛假的美化，而是要有目的性得控制對(duì)一個(gè)項(xiàng)目的展示內(nèi)容。雖然你的設(shè)計(jì)可能非常專業(yè)，但如果你把所有細(xì)節(jié)都展示出來(lái)，那么這么瑣碎臃腫的包裝是不會(huì)讓觀看者滿意的。

項(xiàng)目包裝除了展示基本的界面視覺(jué)外，還有展示 —— 界面設(shè)計(jì)的過(guò)程和相關(guān)思路，是一個(gè)需要花時(shí)間去建立的解決問(wèn)題的過(guò)程演示，且包含清晰的邏輯和前后順序。

所以創(chuàng)建項(xiàng)目包裝前，要先把整個(gè)包裝的展示大綱建立起來(lái)，這個(gè)大綱可以用下面這樣的順序：

1. 項(xiàng)目介紹
2. 業(yè)務(wù)說(shuō)明
3. 設(shè)計(jì)目標(biāo)/問(wèn)題
4. 用戶/體驗(yàn)分析
5. 競(jìng)品分析
6. 風(fēng)格分析
7. 界面解釋

首先介紹項(xiàng)目是什么，然后解釋你對(duì)項(xiàng)目涉及業(yè)務(wù)的理解，設(shè)計(jì)的目標(biāo)/問(wèn)題的認(rèn)識(shí)，如果涉及用戶、體驗(yàn)、競(jìng)品的分析過(guò)程就做進(jìn)去，沒(méi)有就不放。接著展示根據(jù)前面分析的成果，解釋設(shè)計(jì)風(fēng)格是怎么來(lái)的，以及具體做完的每個(gè)頁(yè)面布局、組件、細(xì)節(jié)有哪些特殊的考慮。

除了先定大綱外，也可以先用文字寫(xiě)一篇完整的介紹，解釋設(shè)計(jì)經(jīng)過(guò)哪些思考過(guò)程產(chǎn)出出來(lái)的，然后再去拆分它們的模塊形成大綱。

再?gòu)?qiáng)調(diào)一次，大綱的目標(biāo)是為了幫助我們篩選合理的分析內(nèi)容和順序，要建立包裝的前后關(guān)聯(lián)，而不是前后兩個(gè)部分是完全脫節(jié)的，前面說(shuō)前面的，后面說(shuō)后面的?；蛘邔?dǎo)致分析部分內(nèi)容多出了一大堆沒(méi)有用的廢話，比如網(wǎng)上很多項(xiàng)目包裝案例 “好為人師” 的解釋專業(yè)名詞、概念。

當(dāng)然，上方只是最通用、簡(jiǎn)單的框架，不同項(xiàng)目完全可以產(chǎn)生不同的分析大綱，比如有的項(xiàng)目是業(yè)務(wù)驅(qū)動(dòng)的，有的項(xiàng)目是政策驅(qū)動(dòng)的，有的是競(jìng)爭(zhēng)驅(qū)動(dòng)的，那前面計(jì)劃部分的關(guān)注重點(diǎn)肯定就不一樣，這就導(dǎo)致需要展示的內(nèi)容和順序注定是有差異的。

在包含多個(gè)項(xiàng)目的作品集中，每個(gè)項(xiàng)目根據(jù)各自的特點(diǎn)建立的大綱，必然是不同的，這樣的作品集看起來(lái)是合理的，而不是套用相同的模板復(fù)制出來(lái)的 “預(yù)制菜”。

還有一點(diǎn)，分析的大綱只是對(duì)分析內(nèi)容脈絡(luò)的整理，并不是整個(gè)作品集只包含這些內(nèi)容。因?yàn)橐粋€(gè)完整的項(xiàng)目輸出分析只是一部分，還有實(shí)施的成果展示。在一些模塊之間插入、拓展只展示成果的部分是合理的。

比如風(fēng)格分析上，不管是對(duì)行業(yè)、用戶、VI 還是情緒板的分析，都可以拓展出不同的設(shè)計(jì)成果，比如規(guī)范中的字體、色彩定義，制作的不同設(shè)計(jì)樣例，或整理的組件、圖標(biāo)元素等。

穿插不同的成果展示，只要不太過(guò)度，就可以豐富和完善整個(gè)項(xiàng)目的包裝內(nèi)容。這才是項(xiàng)目包裝的真實(shí)過(guò)程，而不是為了做長(zhǎng)強(qiáng)行湊內(nèi)容和字?jǐn)?shù)，寫(xiě)一堆沒(méi)有人看自己都嫌棄的分析內(nèi)容出來(lái)。

在整理的過(guò)程中，如果出現(xiàn)邏輯不自洽的地方，可以修改分析的內(nèi)容，也可以適當(dāng)優(yōu)化設(shè)計(jì)內(nèi)容，讓設(shè)計(jì)更好地結(jié)合思路做展示。這都是項(xiàng)目包裝中不可或缺的一部分，只有最終邏輯自洽，內(nèi)容合理，才能表現(xiàn)出作為設(shè)計(jì)師的專業(yè)性，而不是原項(xiàng)目很多解釋不清、模糊的地方全都無(wú)腦堆砌進(jìn)去。

基于這種思路完成的包裝，設(shè)計(jì)必然會(huì)對(duì)它的認(rèn)識(shí)更深入、全面，連帶的收益是，在面試中面試官讓你自己介紹一下這個(gè)項(xiàng)目，或者問(wèn)你項(xiàng)目的設(shè)計(jì)思路，你絕對(duì)不會(huì)回答不上來(lái)只會(huì)當(dāng)場(chǎng)阿巴阿巴……

想要更好得掌握這種建立項(xiàng)目分析框架的能力，可以多花時(shí)間去看大廠寫(xiě)的項(xiàng)目復(fù)盤(pán)和總結(jié)，整理這些內(nèi)容的大綱，并分析他們的合理性，你就再也不會(huì)對(duì)項(xiàng)目分析和包裝感到陌生和害怕。

結(jié)尾

項(xiàng)目的分析是設(shè)計(jì)師綜合能力、專業(yè)性的反映，這部分的能力屬于有就有，沒(méi)有就沒(méi)有。作品集會(huì)誠(chéng)實(shí)反映這一點(diǎn)，想要獲得長(zhǎng)期的競(jìng)爭(zhēng)力，就要系統(tǒng)提升專業(yè)技能素養(yǎng)，而不是就依賴作品集包裝的模板、指導(dǎo)。

作者：超人的電話亭