一直有同學(xué)問B端作品集中項目分析和包裝應(yīng)該怎么做，面試要怎么介紹項目。在看完最近的一些作品集案例后，決定在今天好好討論一下，分享一點(diǎn)有用的知識。

希望拯救大家與水火……

作品集用來展示項目的，但不會只在里面放項目設(shè)計圖，必須添加一些設(shè)計的思路和想法，這是從很久以前就形成的共識了。

但問題是，項目包裝需要說明文案是需要遵循一定的要求和邏輯的，而不是光堆字?jǐn)?shù)或者專業(yè)名詞，但這偏偏變成了很多初級設(shè)計師的錯誤印象。一碰到項目作品包裝，就是絞盡腦汁想怎么把字?jǐn)?shù)寫多，怎么讓作品集看起來滿滿當(dāng)當(dāng)?shù)摹?/p>

但實際上，湊字?jǐn)?shù)的做法對作品集的實際展示效果只有負(fù)面影響沒有任何益處。因為作品集做完是給別人觀看和評審的，不是按你自己刻板的偏見和錯誤的認(rèn)知決定的。

所以作為企業(yè)或面試官觀看你作品集時，對文案有什么要求呢？

最重要的一件事，就是 ——?說人話。

除此之外，還包含下面這些關(guān)鍵的影響因素：

第1：可讀性，即不管你寫了什么內(nèi)容，最起碼在設(shè)計層面文案是可讀的，這是最基本的要求。但這個要求就可以淘汰一半以上的作品集，比如：

• 使用的文字字號太小，字色太淺，根本看不清

• 文字的排版沒有引導(dǎo)性，無法分辨閱讀順序

• 增加了很多無意義的字段，破壞閱讀的專注性

• 段落寬度過大，單行文字過多閱讀起來很累

第2：內(nèi)容簡潔，就是表述內(nèi)容的方式要簡單，能用一句話寫完或者正常人看得懂的就不需要廢話。但很多設(shè)計師會因為白話字?jǐn)?shù)不夠，硬是添油加醋，或者出現(xiàn)在作品集里解釋一些專業(yè)名詞的“荒誕”橋段。

第3：關(guān)注重點(diǎn)，就是文案集中在重要的信息和內(nèi)容的解釋上，而不是反復(fù)挑一些無關(guān)緊要的細(xì)節(jié)大書特書，或是一些完全不需要添加文案顯而易見的內(nèi)容。

第4：邏輯性，這也是最難的一點(diǎn)。整個項目中所有的文案內(nèi)容，都需要構(gòu)建內(nèi)在的邏輯，不管是前后內(nèi)容放置的順序，還是針對某些設(shè)計思路的解釋，缺乏邏輯的文案是沒有說服力的。

下面根據(jù)一個收到的作品集實例，來分析其中文案的問題，以及修改的方案。

我們以其中一個項目為主，先節(jié)選前面一部分的內(nèi)容，看看里面填寫了什么信息，一定要認(rèn)真看一遍里面的文字，不要走馬觀花，不然就會不知道我后面我在說什么。

看完后的第一個問題，你們有耐心看完嘛？

如果你心里的答案是否定的，那在真實作品集投遞環(huán)境中的面試官感受也不會差太多。出現(xiàn)這種情況基本涼了一半，想通過獲得面試機(jī)會的概率就非常低了。

第二個問題，你們看懂里面在寫什么了嘛？

如果沒看懂，那太好了，因為我也沒看懂（狗頭）……我們先從前面這部分展示內(nèi)容的大綱說起，整理后如下：

1.?產(chǎn)品簡介（原文標(biāo)題是打錯的）

????a. 背景介紹

????b.?項目介紹

2.?用戶聲浪

3.?設(shè)計目標(biāo)

????a.?整合產(chǎn)品縮短功能流轉(zhuǎn)鏈路

????b.?客戶協(xié)同智能關(guān)聯(lián)，協(xié)同管理，高效維護(hù)

??? c. 簡約查詢，可視明顯，狀態(tài)流轉(zhuǎn)簡單，提高工作效率

????d.?高效管理，構(gòu)建智能化運(yùn)輸體系

4.?整合產(chǎn)品縮短功能流轉(zhuǎn)鏈路

????a.?快速觸控業(yè)務(wù)，減輕工作時間

????b.?了解工作臺使用

????c.?深入了解用戶使用痛點(diǎn)

????d.?自動呈現(xiàn)用戶業(yè)務(wù)頁面

????e.?提高管理者工作效率

????f.?表單列表展示，高效獲取業(yè)務(wù)信息

??? g. 工作太模塊存在要有意義

????h.?自定義模版，功能可能改，運(yùn)用習(xí)慣操作

光從大綱上獲得的感受，就能知道這些內(nèi)容是 “支離破碎” 的，因為內(nèi)容推進(jìn)的邏輯實在是感覺不到。

最要難受的一點(diǎn)，這整個項目后續(xù)內(nèi)容的展示，是根據(jù)設(shè)計目標(biāo)的4個要素展開的。每個要素包含若干的頁面。比如目標(biāo)1整合產(chǎn)品縮短功能流轉(zhuǎn)鏈路，里面放首頁Dashboard 的對應(yīng)內(nèi)容……不僅要花精力理解這些拗口的設(shè)計目標(biāo)是什么，還要在每個目標(biāo)下面分辨放了什么頁面，這頁面是干嘛用的！

然后我們從第一個頁面項目介紹看起：

黒字+灰字段落的介紹不僅閱讀性特別差，而且不能理解這么設(shè)計的理由。背景介紹內(nèi)的內(nèi)容大體上還算過的去，但是到項目介紹中，開始了：

“通過業(yè)務(wù)需求進(jìn)行設(shè)計”

“這是企業(yè)走向智能化的必經(jīng)之路”

“重點(diǎn)還應(yīng)要剝離業(yè)務(wù)，找到更普世更本質(zhì)的需求”

“使用已有的知識框架去分析和理解，洞察其本質(zhì)”……

項目介紹的存在，主要目的是和觀眾解釋這個項目是什么，存在的意義，解決的問題，讓看的人可以快速理解你做了一個什么項目，但顯然上面的文案沒有實現(xiàn)這個目標(biāo)。

如果我來寫，可能就會用最簡單的方式解釋：

“本項目作為 XX 企業(yè)的范 ERP綜合系統(tǒng)，整合商品、運(yùn)輸、車輛、合同、客戶、線路等主要業(yè)務(wù)功能模塊，幫助企業(yè)減少線下冗余無效的溝通和互動，更好的實現(xiàn)數(shù)字化管理，降本增效”

然后再看用戶聲浪這一頁：

我其實不太知道聲浪這個詞是哪來的。

但是專業(yè)相關(guān)的措辭上，能用最基本的詞匯就堅決不復(fù)雜抽象化，這顯然是使用 “用戶反饋” 就能輕易理解的場景。

同時，下方解釋收集了多種用戶的反饋信息，但是零散的放置反饋點(diǎn)是毫無價值的。任何一個專業(yè)項目都有自己的用戶反饋池，里面可能有成千上萬條反饋信息，羅列出來能代表什么？

如果是我來做這頁的內(nèi)容，就會先區(qū)分出不同的用戶，每個用戶一個模塊，包含對應(yīng)的若干條反饋，并且會有一個我自己的總結(jié)，每個類型用戶最關(guān)鍵的需求點(diǎn)是什么，以及所有用戶共同存在的需求有哪些。

這些羅列出來的點(diǎn)不一定代表真實項目的全貌，但他們一定要關(guān)聯(lián)到后續(xù)展示出來的其它內(nèi)容，比如設(shè)計目標(biāo)，就應(yīng)該是從這些需求點(diǎn)發(fā)展出來的，而不是各說各話。

所以我們再看看設(shè)計目標(biāo)頁面：

如果一定要放這個頁面，那它就應(yīng)該是針對前面用戶反饋的有效回應(yīng)，用戶提出問題了，設(shè)計師得定個基調(diào)，應(yīng)該怎么解決問題。

比如前面用戶反饋里，總結(jié)了業(yè)務(wù)操作流程太長，中間有很多沒必要的干擾和步驟。那么我再設(shè)計目標(biāo)里，就會定這么一條 —— 優(yōu)化操作流程，幾個字能講完的肯定不擴(kuò)展成一句話。

然后下面可能再分別羅列幾個主要解決的方案，比如合并一些低頻操作少的功能，移除和當(dāng)前步驟不相關(guān)的字段，根據(jù)角色定制獨(dú)立流程等。但肯定不會用類似流轉(zhuǎn)鏈路之類的話術(shù)。

接著就是第一個設(shè)計目標(biāo)的解釋部分了：

上面的介紹我看了很久，我也讓幾個人一起看，其他人都覺得，他似乎是要把倉庫、采購、訂單即成到一個頁面提升效率，但實際上并不是那么一回事。是每個業(yè)務(wù)模塊設(shè)計了對應(yīng)的頁面，所以從文字的表述上就完全沒有抓住重點(diǎn)，而我的話會那么寫：

標(biāo)題：快速開展業(yè)務(wù)，減少工作時間

內(nèi)容：產(chǎn)品中包含倉庫、采購、訂單三個業(yè)務(wù)模塊，有各自負(fù)責(zé)的崗位和人員，他們的工作訴求和任務(wù)各不相同。所以優(yōu)化 Dashboard，針對不同業(yè)務(wù)模塊和用戶匹配相應(yīng)的功能，聚合業(yè)務(wù)所需的功能和入口，提升操作效率。

再之后的三個頁面，都是針對 Dashboard 中不同組件的說明，就只挑第一個頁面分析：

從第一點(diǎn)上，用戶工作臺鏈路短，用戶不使用，就和前面縮短鏈路的解釋沖突。而且紅字加粗完，唯一的感想就是，到底是縮還是不縮？并且這些文字內(nèi)容缺乏設(shè)計的結(jié)果展示。

第二點(diǎn)用戶痛點(diǎn)，僅僅是把前面聲浪換個名詞再展示一遍。第三點(diǎn)業(yè)務(wù)頁面同理，把前面講的再重復(fù)一遍。而最后圖表上的展示，解釋提升管理者工作效率，為什么？這個等于什么都沒說，是沒有價值的解釋。

上面這些總結(jié)完，你們會認(rèn)為這份作品集會獲得青睞嘛？還是覺得是我們作為案例分析來說太吹毛求疵？

現(xiàn)實的作品集投遞，只會比我現(xiàn)在分析的更嚴(yán)格，或者在看到這些散亂的詞匯后直接就關(guān)了根本不會進(jìn)入到進(jìn)一步閱讀的程度。如果不在內(nèi)容層面上做出合理的調(diào)整，光堆字?jǐn)?shù)是肯定很難通過，獲得面試的。而這樣的項目介紹在面試中也同樣難以招架面試官在不同層面上的質(zhì)疑和否決。

那么作品集文案到底該怎么寫？

概括起來，就是根據(jù)你設(shè)計項目的過程和思路，挑重點(diǎn)簡單直白的描述出來！

如果經(jīng)驗比較豐富，那就應(yīng)該知道設(shè)計的項目流程是不可能一致的，它們可能有這樣不同的步驟，比如：

- 獲得需求 - 用戶調(diào)研 - 競品分析 - 架構(gòu)樹立 - 交互設(shè)計 - 規(guī)范制定 - 模塊設(shè)計

- 體驗分析 - 發(fā)現(xiàn)問題 - 制定目標(biāo) - 優(yōu)化交互 - 優(yōu)化視覺 - 流程設(shè)計 - 后期復(fù)盤

- 業(yè)務(wù)分析 - 用戶調(diào)研 - 問題定位 - 風(fēng)格提煉 - 模塊設(shè)計 - NPS測試 - 復(fù)盤優(yōu)化

然后，根據(jù)這些步驟，去整理作品集要輸出的大綱，提煉每個部分要放置的文案信息，確保前后內(nèi)容是有聯(lián)系的。如果你自己都覺得沒內(nèi)容能寫的部分，就直接放棄掉，寧愿不寫，也不放廢話。

而本身在設(shè)計過程中毫無流程和邏輯，純粹是跟著 “感覺” 把界面設(shè)計完的，那就不要在看網(wǎng)上別人的輸出內(nèi)容強(qiáng)行模仿，因為看圖填空的模式是寫不出合理文案的，稍有經(jīng)驗的面試官就能看出來你自己都不知道自己在寫什么。

實現(xiàn)想不出合理的輸出內(nèi)容，就可以挑最基礎(chǔ)的內(nèi)容放，將展示包裝的重點(diǎn)聚焦在視覺和規(guī)范的內(nèi)容上，展示基本功雖然不會讓人感覺很高級專業(yè)，但起碼可以做到不負(fù)分，平添讓人反感的要素。

最基礎(chǔ)的結(jié)構(gòu)如下：

- 項目介紹

- 功能模塊

- 頁面結(jié)構(gòu)

- 角色介紹

- 規(guī)范說明

- 頁面展示

今天收到的一個學(xué)員做一半的作品集初稿，正好可以作為最入門的作品集制作模式，和上面的案例做對比：

所以，如果兩份擺在一起，你覺得你自己更中意哪一份？

結(jié)尾

最后，還是要強(qiáng)調(diào)一下，專業(yè)UI設(shè)計師的評判標(biāo)準(zhǔn)是做項目的能力，設(shè)計、視覺僅僅是最初級的一環(huán)。做項目不是把頁面堆出來就完事，而是經(jīng)過有效的前期分析產(chǎn)生設(shè)計思路，再跟著目標(biāo)完成后續(xù)的頁面。

這當(dāng)中要經(jīng)過很多復(fù)雜的思考、取舍和抽象思維的應(yīng)用，而這些東西都是靠機(jī)械思維無法取代的。很多人糾結(jié)于 AI 繪圖會不會取代UI設(shè)計師，要點(diǎn)就在這里，這些東西是無法被機(jī)械化思維取代的，AI 的發(fā)展可以讓我們更好的從繁瑣、底層的視覺工作中解放，投入更多時間精力到項目的完善中。

所以，一定要系統(tǒng)的去學(xué)習(xí)和提升自己的B端項目能力，而不是只盯著作品集看，本末倒置。

恰個飯：如果想要系統(tǒng)學(xué)習(xí)和快速提升的話，就可以加入我們下一期的B端實戰(zhàn)班課程。

我們下篇……

哦等等，文案雖然重要，但是作品集制作和輸出能力同樣也重要，我們在周天晚 8:00 會有一節(jié)作品集的設(shè)計公開課，會用上面的案例做一次優(yōu)化，分享設(shè)計的思路和流程。

直播預(yù)約已開啟，別忘記周日晚上見！