中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：隨著用戶的增長(zhǎng)和產(chǎn)品的迭代，產(chǎn)品的功能越來(lái)越多，若沒(méi)有設(shè)計(jì)規(guī)范，會(huì)導(dǎo)致迭代的速度有所影響。這時(shí)候就需要搭建設(shè)計(jì)規(guī)范體系，幫助設(shè)計(jì)規(guī)范實(shí)現(xiàn)更高效的最優(yōu)解。

在互聯(lián)網(wǎng)公司，隨著用戶的增長(zhǎng)和產(chǎn)品的迭代，產(chǎn)品的新頁(yè)面跟新功能越來(lái)越多。要是沒(méi)有設(shè)計(jì)規(guī)范，整個(gè)產(chǎn)品會(huì)越來(lái)越臃腫，迭代速度也會(huì)受到影響。

自然設(shè)計(jì)規(guī)范的重要性不言而喻，但即使是類似 BAT 這種大廠，在實(shí)際的操作中，往往也會(huì)發(fā)現(xiàn)這樣的問(wèn)題：搭建設(shè)計(jì)規(guī)范時(shí)，并不能讓團(tuán)隊(duì)成員很好的進(jìn)行設(shè)計(jì)協(xié)同，制作的效率也很低。

本文就將整理分析現(xiàn)有的設(shè)計(jì)規(guī)范搭建時(shí)遇到的痛點(diǎn)，市面上解決這一問(wèn)題的方案存在的不足，然后提供一個(gè)讓設(shè)計(jì)規(guī)范搭建更高效的最優(yōu)解，希望對(duì)大家有所幫助。

一、設(shè)計(jì)規(guī)范的要素及搭建流程

首先讓我們明確幾個(gè)定義：設(shè)計(jì)規(guī)范是由設(shè)計(jì)原則、組件庫(kù)和規(guī)范文檔構(gòu)成，是對(duì)設(shè)計(jì)項(xiàng)目進(jìn)行量化和約束的，需反復(fù)實(shí)施、反復(fù)強(qiáng)調(diào)的指導(dǎo)原則。

組件庫(kù)由 Styles 和 Symbols 組成，Styles 是顏色、文字、圖層樣式，而 Symbols 就是按鈕、標(biāo)簽、標(biāo)簽欄、導(dǎo)航欄……等系列組件控件。

搭建組件庫(kù)的作用，是為了設(shè)計(jì)師能直接調(diào)用 Styles 和 Symbols ，方便不同項(xiàng)目的復(fù)用及設(shè)計(jì)延展，保證產(chǎn)品的視覺風(fēng)格一致性；而開發(fā)可直接借鑒復(fù)用組件的代碼，節(jié)省研發(fā)的時(shí)間成本。

而規(guī)范文檔就是組件庫(kù)的使用手冊(cè)，會(huì)詳細(xì)描述設(shè)計(jì)的原則、風(fēng)格指導(dǎo)、組件類型以及組件使用的細(xì)節(jié)。

市面上常見的設(shè)計(jì)規(guī)范搭建過(guò)程是這樣的：

二、設(shè)計(jì)規(guī)范的搭建過(guò)程

但我們?cè)谡{(diào)研好幾家大廠團(tuán)隊(duì)之后，發(fā)現(xiàn)實(shí)際在設(shè)計(jì)規(guī)范搭建的過(guò)程中，大多數(shù)團(tuán)隊(duì)都有這樣的痛點(diǎn)：

三、制作/更新組件庫(kù)的痛點(diǎn)歸納

1. 需要更好得收集和處理團(tuán)隊(duì)提出的組件問(wèn)題

在制作/更新組件庫(kù)的前期階段，反饋的問(wèn)題過(guò)多，無(wú)法有效的記錄和對(duì)齊需求。而團(tuán)隊(duì)成員在遇到組件不適用的問(wèn)題后，不知道向誰(shuí)反饋，或者反饋后就沒(méi)有后續(xù)，未能及時(shí)跟進(jìn)。

2. 需要幫助制定者更好地檢查組件庫(kù)使用情況

在組件庫(kù)分發(fā)的階段，多是通過(guò)人工的方式傳達(dá)，如寫郵件、網(wǎng)盤傳文件+通訊軟件、組織會(huì)議宣講等通知成員制作了什么，變更了什么。

成本高，效率低，團(tuán)隊(duì)成員還容易忽略消息，因此制定者在分發(fā)后需要擔(dān)心：使用者有無(wú)使用組件庫(kù)，有無(wú)更新到最新版，有無(wú)滿足使用者的業(yè)務(wù)需求。

3. 需要幫助使用者及時(shí)更新組件庫(kù)

在未能及時(shí)同步組件庫(kù)更新情況的情況下，多人維護(hù)，上傳內(nèi)容，容易互相覆蓋，導(dǎo)致內(nèi)容丟失或輸出不一致。

四、撰寫規(guī)范文檔的痛點(diǎn)歸納

1. 需要幫助定制者提高撰寫規(guī)范文檔的效率

傳統(tǒng)撰寫規(guī)范文檔的方式，需要一遍又一遍把組件庫(kù)組件截圖復(fù)制到網(wǎng)上，需要手動(dòng)命名+添加描述。

但規(guī)范文檔的制作并非一蹴而就，為了滿足項(xiàng)目的需要，設(shè)計(jì)規(guī)范在制作之后，往往還需要及時(shí)的迭代優(yōu)化，一遍遍更新圖片和描述。

如此，撰寫和維護(hù)設(shè)計(jì)規(guī)范的高昂成本，會(huì)拖慢產(chǎn)品迭代更新的速度。

2. 需要幫助制定者更高效地做出展示效果好的規(guī)范文檔

以傳統(tǒng)富文本的編輯方式，想要制作一份分類合理、目錄明確、排版美觀的規(guī)范文檔，投入的時(shí)間成本非常的高。

在滿足設(shè)計(jì)師的需求之外，開發(fā)也有查看組件標(biāo)注的需求，然而標(biāo)注需要設(shè)計(jì)師花時(shí)間逐一添加。

為了解決以上搭建設(shè)計(jì)規(guī)范過(guò)程中遇到的痛點(diǎn)，很多公司團(tuán)隊(duì)進(jìn)行了非常多的嘗試，我們也采訪記錄歸納了現(xiàn)有解決方案的不足。

五、市面上的解決方案不足點(diǎn)歸納

1. 借助市面上的協(xié)作工具

我們發(fā)現(xiàn)使用市面上的設(shè)計(jì)協(xié)作工具制作設(shè)計(jì)規(guī)范，只是將組件變成一個(gè)個(gè)的圖層，存儲(chǔ)在自己的平臺(tái)上。

但會(huì)造成這樣的問(wèn)題：

• 喪失Sketch的關(guān)鍵能力——即組件更新時(shí)，相關(guān)設(shè)計(jì)稿沒(méi)有一鍵更新、替換的能力
• 內(nèi)容存儲(chǔ)在平臺(tái)后，不是 Sketch 的格式和文件，以后難以遷移、轉(zhuǎn)發(fā)
• 規(guī)范文檔沒(méi)有標(biāo)注，加重了開發(fā)的工作成本
• 無(wú)法實(shí)現(xiàn)多人同時(shí)維護(hù)

舉個(gè)例子，若組件A需要更新為組件b，則規(guī)范文檔更新后，你需要在組件庫(kù)及所有出現(xiàn)組件a的設(shè)計(jì)稿中，手動(dòng)替換為組件b。如此，每次更新組件后，都需要人工排查，明確更新的內(nèi)容和影響的范圍，費(fèi)時(shí)費(fèi)力。

2. 依靠云盤方式進(jìn)行協(xié)同

比起市面上的其他設(shè)計(jì)協(xié)作工具，icloud 的亮點(diǎn)功能就是實(shí)現(xiàn)了組件庫(kù)的同步下發(fā)。只要改變了云組件庫(kù)的組件，就能同步下發(fā)到所有應(yīng)用了這個(gè)云組件的設(shè)計(jì)稿里。

但同時(shí)， 這一協(xié)同方式也存在這樣的問(wèn)題：

• 不能多人同時(shí)維護(hù)
• 看不到團(tuán)隊(duì)成員對(duì)于組件庫(kù)的使用數(shù)據(jù)
• 只滿足組件庫(kù)，沒(méi)有滿足規(guī)范文檔的訴求

為此，針對(duì)設(shè)計(jì)規(guī)范制作過(guò)程中的種種痛點(diǎn)，我們 CoDesign 提供了一個(gè)最優(yōu)解的方案，既支持多人協(xié)同、云端數(shù)據(jù)可視化、更新自動(dòng)提醒，還能自動(dòng)生成規(guī)范文檔的全新設(shè)計(jì)規(guī)范解決方案。

六、真正高效的設(shè)計(jì)規(guī)范解決方案

1. 多人維護(hù)，同步下發(fā)組件庫(kù)，協(xié)作更高效

最核心的亮點(diǎn)功能是 CoDesign 的設(shè)計(jì)規(guī)范支持多人維護(hù)、修改、合并以及同步下發(fā)組件庫(kù)。

只要成員更新組件庫(kù)，系統(tǒng)就會(huì)同步更新所有應(yīng)用了該組件的設(shè)計(jì)稿。還有組件庫(kù)更新提醒功能，有效避免多人協(xié)同內(nèi)容被覆蓋的情況。

2. 自動(dòng)生成/更新規(guī)范文檔，制作更簡(jiǎn)單

在 CoDesign for Sketch 插件內(nèi)上傳組件庫(kù)，即可自動(dòng)生成規(guī)范文檔，Styles 和 Symbols 將完整展示在文檔內(nèi)，目錄結(jié)構(gòu)以 Sketch 內(nèi)組件的命名方式自動(dòng)生成。

在 CoDesign for Sketch 插件內(nèi)上傳新的組件庫(kù)后，就可直接更新規(guī)范文檔。

可視化的組件，結(jié)構(gòu)化的檢索目錄，清晰的組件展示區(qū)域，這樣的一份規(guī)范文檔，能幫助每一個(gè)使用者更快地找到想要的設(shè)計(jì)規(guī)范內(nèi)容！

3. 提高團(tuán)隊(duì)協(xié)同效率，問(wèn)題全解決

以往制作設(shè)計(jì)規(guī)范，你可能會(huì)遇到這樣的問(wèn)題：“需要設(shè)計(jì)師逐一手動(dòng)標(biāo)注”、“研發(fā)需要自行判斷設(shè)計(jì)稿內(nèi)圖層是否為組件，容易重復(fù)開發(fā)”、“人工標(biāo)注可能導(dǎo)致數(shù)值不準(zhǔn)確”。這些問(wèn)題，我們?nèi)紟湍憬鉀Q好了！

在「設(shè)計(jì)規(guī)范」中，設(shè)計(jì)師可一覽 Styles 跟 Symbols 的樣式效果。點(diǎn)擊「添加描述」，還可補(bǔ)充該 Styles 跟 Symbols 的使用描述，保證團(tuán)隊(duì)設(shè)計(jì)的一致性。

在「設(shè)計(jì)規(guī)范」中，研發(fā)人員點(diǎn)擊任意的 Styles 跟Symbols ，都可以查看標(biāo)注信息。點(diǎn)擊「復(fù)制代碼」，還可在線一鍵獲取相關(guān)代碼信息，提高代碼復(fù)用和開發(fā)效率！

4. 使用情況一鍵提醒，合作更無(wú)間

不知道組件使用的是不是最新版？還在一個(gè)個(gè)通知成員更新組件庫(kù)？大可不必！

在「設(shè)計(jì)規(guī)范」中，右側(cè)的「使用情況」就可查看團(tuán)隊(duì)成員對(duì)于該設(shè)計(jì)規(guī)范的使用狀態(tài)。

若團(tuán)隊(duì)成員添加設(shè)計(jì)規(guī)范后沒(méi)有及時(shí)更新，管理員可在「待更新」內(nèi)，勾選團(tuán)隊(duì)成員，即可一鍵提醒，督促成員及時(shí)更新。

要是遇到組件不適用的問(wèn)題，想要及時(shí)反饋也很簡(jiǎn)單，直接在對(duì)應(yīng)的組件發(fā)起評(píng)論，@負(fù)責(zé)人即可搞定。

5. 設(shè)計(jì)規(guī)范精準(zhǔn)搜索，調(diào)用更快捷

組件庫(kù)檢索成本高？更新內(nèi)容不清晰？找不到？使用 CoDesign 就不會(huì)有這個(gè)煩惱！設(shè)計(jì)規(guī)范支持精準(zhǔn)搜索。

成員可在「設(shè)計(jì)規(guī)范」中，點(diǎn)擊右上角的搜索框，輸入設(shè)計(jì)規(guī)范的相關(guān)信息，則會(huì)呈現(xiàn)相關(guān)的顏色、文本、圖層樣式、組件，點(diǎn)擊即可跳轉(zhuǎn)到對(duì)應(yīng)的規(guī)范目錄。

讓每一個(gè)團(tuán)隊(duì)成員更高效更準(zhǔn)確地調(diào)用合適的組件。

本文由 @騰訊CoDesign 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議