五年前，我畢業(yè)進(jìn)入一家業(yè)內(nèi)知名的設(shè)計(jì)外包公司，正式開(kāi)始了我的UI設(shè)計(jì)師生涯。

這次經(jīng)歷給我最大的感悟就是：整個(gè)過(guò)程中你千萬(wàn)不能只是被動(dòng)的畫圖，然后把成品扔給甲方/程序員就覺(jué)得萬(wàn)事大吉了。 缺乏后續(xù)的“設(shè)計(jì)交付+演練”很容易導(dǎo)致修復(fù)工作的崩潰。 設(shè)計(jì)稿與成品的巨大反差會(huì)加劇需求方的不滿，最終導(dǎo)致項(xiàng)目流產(chǎn)、回款困難。

接下來(lái)的幾年里，我陸續(xù)經(jīng)歷了幾家中型互聯(lián)網(wǎng)公司的培訓(xùn)，最后加入了一家大型“福寶”公司。 在此期間，我也更加清晰地看到了資深設(shè)計(jì)師貢獻(xiàn)輸出的主要方式，即：頂尖的設(shè)計(jì)輸出+無(wú)可挑剔的交付流程。

很多新晉設(shè)計(jì)師前期只會(huì)關(guān)注行業(yè)趨勢(shì)和手工提升，而忽略了更注重團(tuán)隊(duì)賦能的“設(shè)計(jì)交付”（）環(huán)節(jié)，但后者其實(shí)更能識(shí)別設(shè)計(jì)師的業(yè)務(wù)深度。 畢竟設(shè)計(jì)圖美如天，但實(shí)用性卻無(wú)法保證。 它們只是一個(gè)鏡像，根本無(wú)法轉(zhuǎn)化為商業(yè)價(jià)值。

下面，我根據(jù)自己的經(jīng)驗(yàn)，列出了一些值得注意的發(fā)貨細(xì)節(jié)，供大家參考。

產(chǎn)品上下文和邏輯交付

很多UI設(shè)計(jì)師在交付時(shí)沒(méi)有“解釋”的概念，認(rèn)為這是他們?cè)诰帉?a href='/industry/671.html' title='2021年持續(xù)更新的35 個(gè)交互設(shè)計(jì)實(shí)用工具，從此提升設(shè)計(jì)效率不再愁' target='_blank'>交互和產(chǎn)品文檔時(shí)負(fù)責(zé)的部分，但事實(shí)并非如此。 尤其是對(duì)于一些中小型互聯(lián)網(wǎng)公司來(lái)說(shuō)，如果沒(méi)有產(chǎn)品和交互人員，或者缺乏相應(yīng)的產(chǎn)品/交互描述輸出，UI設(shè)計(jì)師需要適當(dāng)?shù)貜浹a(bǔ)這些缺失的部分。

具體來(lái)說(shuō)，就是在高保真設(shè)計(jì)稿中加入少量的說(shuō)明性頁(yè)面，用最簡(jiǎn)潔的句子和圖片快速傳達(dá)任務(wù)的背景和目標(biāo)，讓開(kāi)發(fā)者快速進(jìn)入狀態(tài)，準(zhǔn)確理解需求，并減少開(kāi)發(fā)過(guò)程中花費(fèi)的時(shí)間。 失去鏈條的機(jī)會(huì)。

一些云交付平臺(tái)（如等）支持上傳后快速連接流程圖，在實(shí)際工作中非常實(shí)用。 花幾分鐘把頁(yè)面之間的跳轉(zhuǎn)關(guān)系連接起來(lái)并提供解釋后，開(kāi)發(fā)者理解起來(lái)會(huì)舒服很多。

設(shè)計(jì)稿及圖片資料交付

首先直接上結(jié)論：使用云平臺(tái)交付設(shè)計(jì)稿sketch導(dǎo)出svg圖標(biāo)，不要發(fā)任何壓縮包！

PS時(shí)代的很多設(shè)計(jì)師都經(jīng)歷過(guò)手動(dòng)標(biāo)注的過(guò)程，然后逐漸轉(zhuǎn)而使用插件（如）導(dǎo)出的HTML交付包。 然而：此類插件大多是個(gè)人作品，兼容性和可靠性根本得不到保證； 另外，導(dǎo)出壓縮包面臨修改時(shí)的痛苦指數(shù)非常高。 從國(guó)外行業(yè)軌跡來(lái)看sketch導(dǎo)出svg圖標(biāo)，云交付必定是大勢(shì)所趨。

針對(duì)國(guó)內(nèi)設(shè)計(jì)行業(yè)的現(xiàn)狀，云平臺(tái)一般有如圖所示的三種選擇：

具體使用方法類似。 下載自己的設(shè)計(jì)軟件對(duì)應(yīng)的插件，然后選擇需要的內(nèi)容上傳。 成功后直接把鏈接發(fā)給開(kāi)發(fā)工程師即可，但記得確認(rèn)：

“設(shè)計(jì)放大”對(duì)于很多經(jīng)驗(yàn)不足的設(shè)計(jì)師來(lái)說(shuō)是一個(gè)難點(diǎn)。 如果你不完全確定，你可以選擇像這樣帶有完整平臺(tái)切換算法的云平臺(tái)。 這樣，即使你做出了錯(cuò)誤的選擇，也可以在云平臺(tái)上進(jìn)行二次修改。 材質(zhì)檢驗(yàn)也是很多設(shè)計(jì)師忽略的一點(diǎn)。 很多情況下，這一步控制不嚴(yán)格，導(dǎo)致最終界面還原不充分。

圖標(biāo)交付

圖標(biāo)具有一定的特殊性，其傳遞方式往往不限于傳統(tǒng)的圖像格式傳遞。 還有一些特殊的方法可以使用，例如SVG精靈圖像、字體圖標(biāo)庫(kù)等。

設(shè)計(jì)規(guī)格和組件交付

一些云交付平臺(tái)具有全面的設(shè)計(jì)規(guī)范管理功能。 開(kāi)發(fā)交付時(shí)，除了提供必要的圖層信息和CSS樣式代碼外，還可以提供變量名（）、組件代碼（）、樣式表（）等更多專業(yè)的開(kāi)發(fā)信息。

以國(guó)內(nèi)功能比較齊全的Mocke平臺(tái)為例：

運(yùn)動(dòng)效果傳遞

最后簡(jiǎn)單提一下動(dòng)態(tài)效果推薦的投放方式：

總結(jié)

總的來(lái)說(shuō)，選擇一個(gè)足夠好的云交付平臺(tái)是事半功倍的關(guān)鍵。 近年來(lái)，出現(xiàn)了一些內(nèi)置交付功能的在線設(shè)計(jì)工具（例如Figma）。 但從訪問(wèn)速度、易用性、功能豐富程度來(lái)看，它們與專業(yè)的云交付平臺(tái)還有很大差距，所以我還是推薦它們。 使用獨(dú)立的配送平臺(tái)，保證配送質(zhì)量。

Mocke是一站式設(shè)計(jì)+協(xié)作云平臺(tái)。 如果您是設(shè)計(jì)師，需要交付協(xié)作，Mocke協(xié)作現(xiàn)在支持100人團(tuán)隊(duì)免費(fèi)使用；

模擬官網(wǎng)

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