Adobe After Effects cs6 mac版v1.0中文版中文 / 1.21G
Adobe InDesign cs6 mac1.0 官方中文版中文 / 10.55G
Photoshop 7 for Mac專用中文經(jīng)典版中文 / 221.9M
蘋果ps調(diào)色濾鏡(Nik Color Efex pro)v4.005中文 / 86.1M
Mac矢量繪圖軟件(Sketch mac)v3.3.2 中文版中文 / 22.2M
Adobe Photoshop 2023 MAC版v 24.7.0.2223 中文 / 4.40G
馬克鰻mac版v2.7.10 官方最新版中文 / 1.6M
Photoshop cs5 mac版1.0 官方最新版中文 / 979.6M
MockingBot for Sketch是墨刀為sketch用戶提供的原型設(shè)計(jì)協(xié)同插件，這款插件提供了同步設(shè)計(jì)稿，快速連接墨刀，進(jìn)行交互制作、標(biāo)注查看、切圖下載、協(xié)同討論、項(xiàng)目審閱等功能，可以大大提高設(shè)計(jì)師的工作效率。
自選顏色
自由吸取設(shè)計(jì)文件顏色、提供業(yè)內(nèi)專業(yè)的顏色解決方案
切圖文件
提供所有屏幕分辨率尺寸切圖，一鍵下載輕松獲取
樣式代碼
獲取設(shè)計(jì)稿中每個(gè)元素的 CSS、Swift、Android 代碼，滿足開發(fā)者需求
全平臺(tái)適配
自動(dòng)適配不同分辨率設(shè)備，精準(zhǔn)換算 iOS、Android 及 PC 端所有像素單位
在線查看
設(shè)計(jì)師只需分享一條鏈接，開發(fā)者即可進(jìn)行標(biāo)注工作
第一步：下載 MockingBot 插件，雙擊安裝后需要重啟 Sketch，重啟后重新登錄帳號(hào)插件才會(huì)生效。
第二步：選中某 Artboard 或 Layer 后，單擊 Export to MockingBot，打開插件彈窗。
第三步：輸入墨刀帳號(hào)，登錄后選擇想要上傳的「應(yīng)用名稱」或者「新建項(xiàng)目」，點(diǎn)擊上傳，完成設(shè)計(jì)稿導(dǎo)入。
第四步：打開「墨刀客戶端」或「墨刀網(wǎng)頁版」，登錄同一帳號(hào)，對(duì)所上傳的設(shè)計(jì)稿進(jìn)行交互設(shè)計(jì)、重新排序等操作。
第五步：也通過直接點(diǎn)擊「查看鏈接」，或者在項(xiàng)目中打開運(yùn)行頁，點(diǎn)擊「標(biāo)注」，查看詳細(xì)的標(biāo)注、切圖信息。
一、上傳的設(shè)計(jì)稿會(huì)以 Artboard 為單位在「墨刀工作區(qū)」創(chuàng)建不同頁面：
頁面順序目前以 Artboard 從左到右排列，新增頁面會(huì)處于應(yīng)用的頁面列表底部依次創(chuàng)建。
頁面名稱與 Artboard 命名一致，可在 Sketch 或 墨刀中修改頁面名稱
二、上傳更新版設(shè)計(jì)稿到原項(xiàng)目（已包含此 Artboard 的應(yīng)用），會(huì)自動(dòng)替換并覆蓋原有設(shè)計(jì)稿，設(shè)計(jì)稿上交互區(qū)域位置不變；反之，新設(shè)計(jì)稿會(huì)自動(dòng)創(chuàng)建頁面添加到工作區(qū)中。
三、為什么上傳到墨刀的設(shè)計(jì)稿是一張圖片？如何給圖片中的元素添加交互？
v2.3版本的插件上傳到墨刀的設(shè)計(jì)稿是一張圖片，但是能夠讀取到設(shè)計(jì)稿中所有的標(biāo)注信息，大家在標(biāo)注頁進(jìn)行查看即可。目前沒有做圖層分離的主要原因是，無法做到墨刀工作區(qū)的編輯修改與shetch文件保持同步。也就是說，如果導(dǎo)入到墨刀的設(shè)計(jì)稿做成分層的，那么對(duì)設(shè)計(jì)稿的元素進(jìn)行顏色、位置等修改，不會(huì)同步到sketch源文件中。那么當(dāng)你下一次在sketch中修改源文件再導(dǎo)入墨刀里時(shí)，就會(huì)覆蓋在墨刀中的修改，會(huì)給用戶造成一定的困擾。我們也在考慮如何與sketch打通接口，期待能夠同步文件信息。
但是，你也可以通過「鏈接區(qū)域」組件給圖片中的元素添加交互動(dòng)效，「鏈接區(qū)域」組件是一個(gè)熱區(qū)的概念，具體操作如下圖。
特別說明
聲明：西西軟件園為非贏利性網(wǎng)站 不接受任何贊助和廣告
