無法證明，影響。 如果只注重效率，我覺得擔(dān)心細(xì)節(jié)有點(diǎn)過分了。 讓我們嘗試從更高的角度來看待它。

作為設(shè)計(jì)工具的新生代，它不僅僅是追求效率，我認(rèn)為它是設(shè)計(jì)系統(tǒng)思維的融合，也就是說想要真正用好它，首先得有一個(gè)比較完善的工作體系，然后通過讓系統(tǒng)工作。

如果你也在用它來組織工作，這篇文章只是一個(gè)很好的例子，希望對(duì)你有所啟發(fā)和幫助。

1、工作制度有哪些？

一個(gè)好的工具會(huì)在一定程度上影響我們的思維，一個(gè)集成的工具會(huì)給我們帶來集成的靈感。 這個(gè)結(jié)合了PS和AI優(yōu)點(diǎn)的工具讓我們能夠系統(tǒng)地整合工作的各個(gè)方面，而且管理非常高效。 雖然你不需要這個(gè)工作系統(tǒng)，但我希望你有它，因?yàn)樗梢詼p少你對(duì)設(shè)計(jì)的控制感，得到更好的整體思考。

該體系包括以下幾個(gè)方面：

1. 視覺方案

不用說，這和AI多草圖模式類似，也是很多人使用它的動(dòng)力。 在構(gòu)建設(shè)計(jì)方案的過程中，不同畫板之間直接拖動(dòng)和使用相同的元素是非常高效的。 最重要的是Pages和組合方法，可以將工作系統(tǒng)中的輸出組織在一起，大大減少維護(hù)成本和查找文件的內(nèi)存負(fù)擔(dān)。 如果您正在 PSD 山區(qū)尋找東西，您一定會(huì)喜歡這種輕松的感覺。

2. 視覺規(guī)范

小項(xiàng)目必須有視覺規(guī)范，但如果你是該項(xiàng)目的唯一設(shè)計(jì)師，那么我建議你也組織一個(gè)視覺規(guī)范。 規(guī)范的作用一方面是統(tǒng)一思想，另一方面是梳理思路。 在制定規(guī)范的過程中，你會(huì)對(duì)項(xiàng)目有一個(gè)全局的看法，從更高的角度考慮當(dāng)前的項(xiàng)目，有更強(qiáng)的掌控感。 還有一點(diǎn)就是項(xiàng)目是不斷迭代的。 如果沒有規(guī)范，你自己的計(jì)劃在實(shí)施過程中就會(huì)不一致。

我們只需要在當(dāng)前文檔中打開一個(gè)新的Pages來整理規(guī)范即可。 視覺方案和視覺規(guī)范都在一個(gè)文檔中，非常優(yōu)雅。 至于如何建立視覺規(guī)范，多寫幾篇文章就夠了，可以查看之前UEDC總結(jié)的一篇文章（）。

3.圖像剪切集成（）

如果你在PS期間把所有剪下來的圖片整理成一個(gè)文件進(jìn)行管理，那么恭喜你，你的工作習(xí)慣非常好。 如果您還沒有這樣做，那么我建議您盡快采取行動(dòng)。 將剪切的圖片一起搜索和管理非常方便。 另一個(gè)用途是減少對(duì)設(shè)計(jì)稿的干擾。 許多圖標(biāo)有兩種狀態(tài)，甚至更多。 設(shè)計(jì)稿里難免要藏起來藏起來，極其麻煩。 右邊顯示了這些排序方法，并寫了每個(gè)圖標(biāo)的好處。 我相信作為一名設(shè)計(jì)師，你會(huì)感覺很酷。

我將這個(gè)小切口系統(tǒng)命名為（切口袋）。 與視覺規(guī)范相同，您只需要在當(dāng)前文檔中打開一個(gè)新的Pages即可。

4、高度集成的指示

插件的使用使我們擺脫了標(biāo)記。 我喜歡它的原因是靈活性，本地扔或者網(wǎng)上做標(biāo)記取決于你自己的需求。 而且它還有一個(gè)非常大的優(yōu)點(diǎn)，前面會(huì)提到。 但需要注意的是，這種標(biāo)簽插件對(duì)視口管理的要求很高。 這并不意味著視口是完美的。 因此，為了生成可用的標(biāo)簽，該插件將反過來強(qiáng)制您整理視口。

5、版本迭代

其實(shí)大版本迭代還是可以開一個(gè)Pages的sketch標(biāo)注插件，不過我不建議這樣做。 原因一是文檔中對(duì)筆記本性能要求較高的頁面太多，二是新舊頁面混雜在一起。 即使它們被Pages分開，仍然是一種干擾，所以創(chuàng)建一個(gè)新文檔。 最近的文件都會(huì)在啟動(dòng)頁面進(jìn)行匯總，管理起來相當(dāng)方便。

6. 視覺更新清單

這在有視覺更新，但不是改款的大版本更新時(shí)非常有用，因?yàn)槟阈枰岄_發(fā)同事知道哪里做了調(diào)整，口頭溝通太低效了。 作為文檔提交給開發(fā)，比較清晰。 也變得更加專業(yè)。 這部分會(huì)新建一個(gè)Pages，在文檔中進(jìn)行統(tǒng)一管理。

7. 復(fù)雜控件的標(biāo)記

你一定很困惑，已經(jīng)有標(biāo)記的插件了，為什么還需要這些原始的自動(dòng)標(biāo)記。 原因是，當(dāng)文件非常復(fù)雜且層層疊疊時(shí)，插件將停止工作sketch標(biāo)注插件，導(dǎo)入的指示完全不可用。 所以手動(dòng)標(biāo)記某些部分是可以接受的。

八、設(shè)計(jì)總結(jié)

當(dāng)項(xiàng)目進(jìn)行到一定階段時(shí)，可以進(jìn)行適當(dāng)?shù)目偨Y(jié)。 哪些方法好。 如果您對(duì)項(xiàng)目滿意，可以整理并發(fā)送給或者其他設(shè)計(jì)平臺(tái)，這樣會(huì)造成沉淀，減少一些影響。 到頭來，受益的還是自己。

2、如何追求效率最大化

它在設(shè)計(jì)界是效率的代名詞，但它本身并不能最大化效率，我們需要靈活地使用它。

這部分內(nèi)容包括以下幾個(gè)方面：

1. 讓標(biāo)簽不僅僅是標(biāo)簽。

上面我們簡單提到了標(biāo)簽可以上線，這里我們?cè)敿?xì)說一下。 上網(wǎng)最大的用處就是提高溝通效率。 使用插件從設(shè)計(jì)稿生成本地網(wǎng)頁標(biāo)記似乎足夠高效，但如果就此止步就太可惜了。 真正發(fā)揮其威力的是讓網(wǎng)頁標(biāo)記在線化，這確實(shí)符合插件創(chuàng)建者的愿望初衷。 可以標(biāo)記上傳到公司服務(wù)器或者托管在第三方網(wǎng)站上，然后直接通過瀏覽器訪問。

下面介紹一種在線標(biāo)注方式。 有些人可能會(huì)提到，但這涉及到邀請(qǐng)、注冊(cè)、費(fèi)用。 太麻煩了，而且不穩(wěn)定，這里就不說了。 我們要做的就是設(shè)計(jì)師靜靜地做事，自己維護(hù)、更新（這個(gè)很重要），發(fā)個(gè)高貴的地址給開發(fā)朋友就可以了。 這些方法涉及到幾個(gè)開發(fā)理念，我知道設(shè)計(jì)師對(duì)此會(huì)感到不舒服。 相信我，前期麻煩，后期一勞永逸。

幾個(gè)概念根本不需要了解它們的原理，只需要知道如何操作即可，它們?nèi)缦拢?/p>

(1) 代碼托管

我使用這個(gè)網(wǎng)站進(jìn)行代碼托管，免費(fèi)帳戶允許您創(chuàng)建 5 個(gè)項(xiàng)目，這已經(jīng)足夠了。 使用網(wǎng)站的“頁面服務(wù)”，您可以創(chuàng)建靜態(tài)網(wǎng)站。 我們根本不需要管理域名，網(wǎng)站會(huì)自己生成，這正是我們所需要的。 有些公司可能介意將設(shè)計(jì)托管給第三方，如果公司內(nèi)部有類似的機(jī)制那就太好了。

(2)Git倉庫

Git是一個(gè)開源的分布式版本控制系統(tǒng)，可以有效、快速地管理項(xiàng)目版本。 我們通過這個(gè)工具管理我們的標(biāo)牌文件。

(3) 提交工具

它是一個(gè)可視化的Git管理工具，對(duì)于不熟悉Git命令的非開發(fā)人員來說非常有用。 雖然前面兩個(gè)網(wǎng)站已經(jīng)幫我們做到了，但是我們只需要使用這個(gè)客戶端來提交本地的身份證件即可。

為什么我要花這么多篇幅來介紹這個(gè)呢？ 原因是我們將工作系統(tǒng)中的設(shè)計(jì)方案、視覺指示、視覺規(guī)范、切割圖、視覺更新列表輸出并打包到一個(gè)文件中。 也就是說，這個(gè)規(guī)范文檔已經(jīng)被靈活運(yùn)用，它所揭示的是一個(gè)完整而豐富的設(shè)計(jì)文檔。 這個(gè)在線文檔可供開發(fā)者、產(chǎn)品交互、設(shè)計(jì)朋友查看，你可以拿走你想要的。

2. 和共享樣式

不用說，這是兩個(gè)眾所周知的功能。 但這種組織方式并不利于觀看。 推薦使用視覺規(guī)范和集成，即整理出一個(gè)結(jié)構(gòu)清晰的視覺規(guī)范。 所有的控件都是規(guī)范的，這樣在拖動(dòng)和使用控件的時(shí)候非常高效。 同樣，規(guī)范中的文本也被定義為共享樣式。

3.善用插件

我們知道，它的強(qiáng)大不僅僅在于它本身，很大程度上得益于插件。 許多很酷的功能都是使用插件完成的。 下面介紹幾個(gè)使用比較頻繁的插件。

1.（已標(biāo)記）

2.Craft（綜合插件、手動(dòng)填充、共享樣式庫等）

3.I18N（如果你不習(xí)慣俄語版本或者英語正常，不用擔(dān)心，使用中文插件即可，）

4.（動(dòng)態(tài)按鈕，相信每個(gè)設(shè)計(jì)師都希望文案改變后，按鈕的寬度也會(huì)隨之變化，這個(gè)插件就能幫你解決這個(gè)問題）

5.它（重命名工具，玩法很多，）

6.（使用命令行來提高你的工作效率是見仁見智的，因?yàn)楹芏嘣O(shè)計(jì)師并不熟悉命令行的操作方法，）

3、大型項(xiàng)目中設(shè)計(jì)的多人協(xié)作

多人協(xié)作的最終目標(biāo)必須是動(dòng)態(tài)的、實(shí)時(shí)的、統(tǒng)一的。 動(dòng)態(tài)很容易理解。 項(xiàng)目總是在優(yōu)化迭代，實(shí)時(shí)就是讓每個(gè)成員及時(shí)知道這些變化。 因?yàn)橹挥胁秸{(diào)一致才能保證項(xiàng)目風(fēng)格的高度統(tǒng)一。 我們知道，視覺標(biāo)準(zhǔn)是多人協(xié)作最重要的一環(huán)，是保證思想統(tǒng)一的神器。 但視覺標(biāo)準(zhǔn)過于靜態(tài)，我們需要更進(jìn)一步，使視覺標(biāo)準(zhǔn)動(dòng)態(tài)化、實(shí)時(shí)化。

這部分內(nèi)容包括以下幾個(gè)方面：

1. Craft 的視覺規(guī)范

Craft 插件以其手動(dòng)填充功能而聞名，但明天我們將介紹它的另一個(gè)核心功能： 。 該功能可以集成常用的色卡、文本樣式、組件和圖標(biāo)。 看到這里，你是不是意識(shí)到這些都是視覺規(guī)范的主要套路了。 它最大的用途是導(dǎo)入和導(dǎo)出文件。 如果一方調(diào)整了該文件，其他引用該文件的人就會(huì)有更新提示。 這時(shí)只需點(diǎn)擊更新按鈕，這就提供了資源共享的可能。 其實(shí)前提是我們已經(jīng)整理出一個(gè)可視化的規(guī)范，然后將規(guī)范按類別塞進(jìn)插件中。

2. 同步工具

一旦文件準(zhǔn)備好了，自然就需要一個(gè)同步的方法來共享文件。 雖然同步的方式有很多，但如今最大的問題就是翻墻，而如果克服了這個(gè)障礙， 就非常好用了。 簡單來說，你可以為團(tuán)隊(duì)創(chuàng)建一個(gè)共享文件夾。 如果該文件夾中有文件發(fā)生更改，團(tuán)隊(duì)成員會(huì)實(shí)時(shí)手動(dòng)更新。

通過這兩個(gè)工具，可以運(yùn)行一套協(xié)同視覺標(biāo)準(zhǔn)，我們只需要將完成的放在共享文件夾中即可。 其實(shí)，如果很難保證所有成員都能翻墻，也可以通過我們上面介紹的“Git 倉庫”方法來完成。 稍微麻煩一點(diǎn)的是，每次有更新，都需要自動(dòng)提交和拉取。

3. 在線視覺規(guī)范

雖然上面已經(jīng)提到了這一點(diǎn)，但它是與標(biāo)記一起在線托管的。 在團(tuán)隊(duì)合作的過程中，這個(gè)靜態(tài)的在線規(guī)范是每個(gè)人都可以查看的。 結(jié)構(gòu)清晰的在線規(guī)范可以讓學(xué)生快速了解整體情況，然后結(jié)合共享的規(guī)范保持動(dòng)態(tài)，效率會(huì)顯得更高。

圍繞建設(shè)的工作體系和協(xié)作模式已基本完善。 由于篇幅的關(guān)系，有些地方?jīng)]有詳細(xì)講解，但希望這個(gè)想法能給大家?guī)硪恍?shí)際的幫助。 如果能應(yīng)用的話那就太好了。

作者?劉文濤

圖片?網(wǎng)絡(luò)

未經(jīng)許可請(qǐng)勿轉(zhuǎn)載至其他公眾賬號(hào)

請(qǐng)給公眾號(hào)留言獲取內(nèi)容授權(quán)

········································

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