從事互聯(lián)網(wǎng)工作的同學(xué)們疹瘦，平時或多或少都會有標(biāo)注圖片的需求。一般情況下巡球，我們會用QQ截圖進(jìn)行標(biāo)注言沐。但對于圖片數(shù)量、圖片尺寸較大的項目酣栈，QQ截圖并不能符合我們的要求险胰。像產(chǎn)品原型、UI設(shè)計稿矿筝、廣告圖起便，往往文件較多，需要標(biāo)注的除了箭頭、文字之外榆综，往往還要對設(shè)計稿添加尺寸妙痹、色值標(biāo)注。在正式郵件中使用QQ截圖進(jìn)行標(biāo)注也會顯得不夠?qū)I(yè)鼻疮。
我們需要高效怯伊、專業(yè)的設(shè)計稿標(biāo)注方式。
在網(wǎng)上找到很多相關(guān)軟件判沟，諸如 PxCook耿芹、Dorado 等，各有優(yōu)缺點挪哄。最終我選擇了 Markman 馬克鰻 搭配 Photoshop批處理 完成這個任務(wù)吧秕。
選擇 Markman 馬克鰻 的原因，主要因為它能夠進(jìn)行文字標(biāo)注迹炼，箭頭帶 45° 傾角砸彬，在文字較多的情況下不容易重疊。而 PxCook 的標(biāo)注線只能是垂直或水平的直線疗涉，Dorado 則不支持文字標(biāo)注拿霉。
Markman 馬克鰻 ￥60 一年，不過也可以免費(fèi)使用咱扣，但部分功能不支持绽淘。 它可以直接打開 PSD 文件，當(dāng)然 PNG闹伪、JPEG 文件的支持也不在話下沪铭。Markman 馬克鰻 收費(fèi)版還支持多次修改調(diào)整標(biāo)記文件（會生成相應(yīng)的標(biāo)注文件）。馬克鰻還有一些其他特點偏瓤，比如設(shè)計稿自動刷新杀怠、支持 Retina@2x 圖片標(biāo)注、標(biāo)注樣式自定義等厅克。
但在使用過程中發(fā)現(xiàn)一個問題赔退，在給尺寸較小的圖片（手機(jī)截圖）進(jìn)行標(biāo)注時，不能把過多的標(biāo)注信息放在圖片內(nèi)容中证舟，否則會覆蓋掉圖片內(nèi)容硕旗，能添加的標(biāo)注信息區(qū)域也極其有限。這時候我們就要調(diào)整圖片的畫布大小女责。
如果這種小尺寸圖片較多漆枚，我們需要對圖片的畫布進(jìn)行批處理。前文提到使用 Photoshop批處理 完成尺寸調(diào)整抵知。下面說一下具體的操作步驟：
1.Alt+F9 打開 Photoshop 的動作窗口墙基，點擊窗口下方的“創(chuàng)建新動作”按鈕软族，在“新建動作”按鈕中填寫相關(guān)信息，并點擊“記錄”残制，這時候動作窗口下方的小紅點變成紅色立砸，表示開始錄制動作。
2.手動打開一張圖片痘拆，Alt+Ctrl+C 打開畫布大小調(diào)整窗口仰禽，調(diào)整定位和寬度完成畫布大小調(diào)整氮墨。Ctrl+S保存圖片纺蛆，Ctrl+W關(guān)閉當(dāng)前圖片。然后點擊動作窗口中的“停止播放/記錄”按鈕规揪，動作錄制就完成了桥氏。
3.最后，依次點擊“文件 - 自動 - 批處理”猛铅，在打開的批處理窗口中進(jìn)行如下操作字支。點擊“確定”后，將自動批量進(jìn)行文件畫布調(diào)整奸忽。
稍等片刻堕伪，所有圖片右側(cè)將增加空白區(qū)域。這時候栗菜，再使用 Markman 馬克鰻 在空白區(qū)域進(jìn)行標(biāo)注說明即可欠雌。
個人覺得，標(biāo)注軟件應(yīng)該加入調(diào)整畫布大小功能疙筹，但試過的幾個軟件都沒有發(fā)現(xiàn)這一重要功能富俄。如果你有找到比這更高效的方式，歡迎在評論中告知而咆。
