在最早的PS時代,標(biāo)注和切圖都是由設(shè)計師手動進(jìn)行的,不僅浪費時間精力,還特別容易出錯!
同時,由于PS的局限性,協(xié)作方面的效率也是極低的,常見的評審場景可能就是幾位負(fù)責(zé)人圍著一位設(shè)計師的電腦屏幕進(jìn)行討論,一場評審下來得花小半天的時間,最后又要重新調(diào)整優(yōu)化。
不光如此,隨著團(tuán)隊和項目的發(fā)展,設(shè)計圖越來越多,需要標(biāo)注的內(nèi)容也蹭蹭蹭往上漲,大大降低了設(shè)計師團(tuán)隊的工作效率。
即使是體量更小、速度更快的Sketch,也僅僅只是在生產(chǎn)創(chuàng)作方面提升了設(shè)計師的使用體驗。
在標(biāo)注方面通常需要借助Zeplin來進(jìn)行,雖然可以省去手動標(biāo)注切圖的工作,但Zeplin需要強(qiáng)制安裝客戶端,而且沒有在中國設(shè)立服務(wù)器,其繁雜的操作流程依然阻礙了國內(nèi)設(shè)計團(tuán)隊工作效率的提升。
在這個效率為王的互聯(lián)網(wǎng)時代,順暢的協(xié)作能力顯得尤為重要。
摹客作為新一代的產(chǎn)品協(xié)作平臺,快速簡單的智能標(biāo)注功能,完美地解決了產(chǎn)品開發(fā)流程中的標(biāo)注難題,憑借自動+手動標(biāo)注體系,幫廣大設(shè)計師搞定“設(shè)計稿標(biāo)注難”這個痛點,成為眾多設(shè)計師日常工作中必不可少的設(shè)計工具。
一、“自動+手動”的標(biāo)注體系
使用過摹客的設(shè)計師們對摹客的標(biāo)注功能都一致好評,“自動+手動”的標(biāo)注方式可以幫助他們減輕大量重復(fù)工作,輕松交付設(shè)計稿。
自動標(biāo)注
摹客能夠自動識別設(shè)計稿中的切圖,這樣前端工程師在進(jìn)行頁面布局的時候,只需要把鼠標(biāo)移到模塊上,就可以自動顯示該模塊的長、寬、邊距等尺寸。
在進(jìn)行多模塊布局的時候,也只需要同時選中多個圖層,就可以生成選中圖層的間距,體驗感滿滿。
手動標(biāo)注
除了自動標(biāo)注,摹客還配備了文字標(biāo)注、坐標(biāo)標(biāo)注、尺寸標(biāo)注、區(qū)域標(biāo)注、顏色標(biāo)注五種手動標(biāo)注方式,滿足各個工作場景。
以最常見的文字標(biāo)注為例,在定稿模式下,設(shè)計師可以通過文字標(biāo)注來將自己想要的效果、功能描述標(biāo)注在內(nèi)容旁邊,幫助開發(fā)快速理解。
(文字標(biāo)注)
另外,為了最大程度地保證開發(fā)還原度,尺寸標(biāo)注能夠讓設(shè)計師們對頁面任意元素進(jìn)行左鍵繪制直線,準(zhǔn)確獲取該元素的尺寸信息,比如字圖層上的文字間距等。
(尺寸標(biāo)注)
顏色標(biāo)注也是摹客的一大特色,定稿之后,圖標(biāo)圖形的顏色就相應(yīng)確定下來了,而開發(fā)同樣也需要相關(guān)色值,點擊顏色標(biāo)注就能把任意元素的色值展現(xiàn)在旁邊。
(顏色標(biāo)注)
除此之外,區(qū)域和坐標(biāo)標(biāo)注能夠準(zhǔn)確標(biāo)注出元素的占位大小和位置,方便開發(fā)人員做頁面布局。
(區(qū)域標(biāo)注)
(坐標(biāo)標(biāo)注)
一鍵生成的自動標(biāo)注,能夠解放設(shè)計師們的雙手,只需要輕點鼠標(biāo),就能完成設(shè)計稿的整體標(biāo)注,大大提升圖片標(biāo)注的工作效率。
而手動標(biāo)注則順勢成了對工作的臨時補(bǔ)充,做一些詳細(xì)的描述和說明即可!
這樣的標(biāo)注方式,放眼各個插件,摹客都是最全面的。
二、順暢的柔性工作流
不光光為設(shè)計師,對于整個產(chǎn)品團(tuán)隊,協(xié)作設(shè)計都是至關(guān)重要的。
在“設(shè)計”這條主線上,根據(jù)工作場景劃分為3個節(jié)點:評論→定稿→開發(fā),只需一個頁面文檔展示就可以將設(shè)計師、開發(fā)工程師及其他產(chǎn)品相關(guān)角色全部容納到一起,高效溝通交流。
在設(shè)計師進(jìn)行標(biāo)注之后,開發(fā)人員可以實時查看標(biāo)注的內(nèi)容,并且在該模式中,開發(fā)可以實時下載切圖、導(dǎo)出CSS代碼,真正做到協(xié)同工作,最大限度的提高工作效率,保證設(shè)計還原度。
摹客作為一款設(shè)計+協(xié)作的工具,以上這些實用功能只是冰山一角,基于產(chǎn)品開發(fā)流程,摹客能夠適應(yīng)任何團(tuán)隊的協(xié)作和管理方式,在不同節(jié)點下最大限度的保證不同屬性的產(chǎn)品角色執(zhí)行自己的工作。既能保證交付質(zhì)量,還能將各個流程進(jìn)行簡化,提高工作效率,這才是一個真協(xié)作工具的意義!