目錄：
一.下載安裝藍湖插件
1.用 Sketch 做的設計圖
2.用 Photoshop 做的設計圖
二.一鍵上傳設計圖
1.用 Sketch 做的設計圖
2.用 Photoshop 做的設計圖
三.藍湖“自動標注”
正文：
藍湖【自動標注】讓設計師們告別繁瑣的【手動標注】，非常地方便且人性化。
只需要安裝藍湖 插件，將做好的設計圖上傳之后，就可以完整而清晰地將設計圖中每個元素的尺寸、位置、顏色、間距、字號等樣式信息自動同步到藍湖，團隊內的工程師等同事可以隨時查看、隨時評論，如果設計圖出現改動和更新，藍湖也能自動添加新版本。
如果你對藍湖自動標注的具體操作步驟有疑問，看看這篇文章一定能非常順手地使用藍湖做自動標注。
使用藍湖對設計圖進行“自動標注”，只需三步：
一.下載安裝藍湖插件
藍湖插件同時支持 Windows 和 Mac 操作系統，且支持 Photoshop cc2015 和 Sketch 45 及以上版本。
注冊藍湖賬號后，進入首頁。
1.用 Sketch 做的設計圖：
在項目畫布左側工具欄中，點擊【相關下載】，選擇【Sketch 插件】，即可下載藍湖 Sketch 插件，安裝成功后，請重啟 Sketch。
2.用 Photoshop 做的設計圖：
在項目畫布左側工具欄中，點擊【相關下載】，選擇【Photoshop 插件】，即可下載藍湖 Photoshop 插件，安裝成功后，請重啟 Photoshop。
二.一鍵上傳設計圖
1.用 Sketch 做的設計圖：
登陸
打開 Sketch【Plugins】——【藍湖】上傳設計圖；?
使用快捷鍵“cmd + ctrl + E ” 上傳全部設計圖，?或者“cmd + L ” 上傳所選設計圖。?
輸入藍湖賬號、密碼登錄；選擇設計圖對應的團隊與項目，點擊【確定】?。
2.選擇當前設計尺寸的倍數
插件內 “當前設計” 是指當前設計圖的大小，根據設計圖大小選擇對應倍數。?
確定當前設計基于的設備是 iOS、 安卓 還是 Web,?再確定現在的設計圖是基于幾倍設計的，最后選擇和設計圖匹配的設備和倍數。?
★ 分類：?
iPhone、iPad、iWatch 這三種設備的界面設計 屬于—— iOS；?
安卓系統的界面設計 屬于 —— 安卓；?
網頁類型的界面設計 屬于 —— Web。?
★ 例如：?
375 x 667，屬于 iOS 1x；?
750 x 1334，屬于iOS 2x；?
1920 x 1080，（要區分是手機界面還是網頁 ）手機建議選 安卓——-xxhdpi；網頁選 Web 1x。?
★? Web 類型：?
1x,是常用尺寸，大家做的網頁一般都是選1x；?
2x 是指為特定的屏幕（4k屏）設計的尺寸，通常該尺寸會是正常網頁的2倍。
3.上傳
打開藍湖插件，可一鍵上傳當前 page 內全部的 Artboard，也可以上傳選中的 Artboard。?
2.用 Photoshop 做的設計圖：
1.登陸
打開Ps【窗口】——【擴展功能】——【藍湖】；?
輸入藍湖賬號、密碼登錄；?選擇設計圖對應的團隊與項目，點擊【確定】。?
2.選擇當前設計尺寸的倍數
插件內 “當前設計” 是指當前設計圖的大小，根據設計圖大小選擇對應倍數。?
確定當前設計基于的設備是 iOS、 安卓 還是 Web,?再確定現在的設計圖是基于幾倍設計的，最后選擇和設計圖匹配的設備和倍數。?
★ 分類：?
iPhone、iPad、iWatch 這三種設備的界面設計 屬于—— iOS；?
安卓系統的界面設計 屬于 —— 安卓；?
網頁類型的界面設計 屬于 —— Web。?
★ 例如：?
375 x 667，屬于 iOS 1x；?
750 x 1334，屬于iOS 2x；?
1920 x 1080，（要區分是手機界面還是網頁 ）手機建議選 安卓——-xxhdpi；網頁選 Web 1x。?
★? Web 類型：?
1x,是常用尺寸，大家做的網頁一般都是選1x；?
2x 是指為特定的屏幕（4k屏）設計的尺寸，通常該尺寸會是正常網頁的2倍。
3.上傳
選擇要上傳的畫板，也可選擇全部畫板（無畫板選全部畫板），點擊【上傳】即可。?
★ 注：藍湖推薦使用 Ps 畫板工具，避免上傳的多張設計圖成為設計圖的歷史版本，不便于以后的修改更新。?
快速上傳模式：
快速上傳模式是 v2.38 版新增的上傳模式，開啟后可以更快的上傳，并且支持矢量圖層生成 SVG 格式的切圖，還能避免切圖不對應等意外情況發生?。?
開啟快速上傳模式：
★ 注意：
v2.38 之前的版本不能通過插件內自動更新來獲得快速上傳功能,只能重新安裝插件。
快速上傳模式只能在 Photoshop CC 2017 以上版本使用。
打開: Photoshop 首選項-增效工具-啟用生成器
在插件右上角的菜單中勾選"啟用快速上傳"
如果你有上傳 SVG 的需求, 可以開啟"導出 SVG", 如果不需要, 可以關閉它來提升上傳速度.?
三.藍湖“自動標注”
1.查看標注
設計圖上傳成功后，登錄“藍湖” Web 端，進入設計圖詳情頁。
單擊設計圖任意地方，即可打開設計圖標注信息面板，查看該設計圖任意元素大小、邊距、顏色等信息。?單擊空白處，可關閉標注面板。?
右側屬性區有【跳轉頁面】和【跳轉動畫】兩種屬性，方便查看設計圖標注。?
★ PS. 點擊右上角【設置】，可選擇數值保留小數還是取整顯示。?
2.復制標注信息
鼠標單擊標注數值即可自動復制。?
3.切換標注單位
點擊標注面板右上方三角圖標，打開標注單位列表，根據需要選擇標注單位即可。?
★ 標注單位：
★ PS: 切換標注單位時，列表內著重顯示設計圖當前上傳尺寸。?
4.切換顏色模式
可在標注面板上，通過點擊色塊來切換顏色模式：16進制、RGB、RGBA。?
5.分享標注
點擊設計圖詳情頁左側工具欄中的“分享”按鈕，復制鏈接，即可分享給團隊同事。?
6.設計圖切換
在畫布頁繪制跳轉邏輯連線；?
在設計圖詳情頁，單擊左下角“上一頁/下一頁”圖標，即可按連線順序快速切換設計圖。?
7.添加設計圖版本
每次通過 Ps 或 Sketch 插件上傳版設計圖，如果該設計圖有修改或更新，將自動添加一個最新版本，原設計圖變為一個歷史版本。
8.狀態圖切換
在連線頁添加成狀態圖，設計圖詳情頁左側標簽可切換。?
當你的同事查看了你的設計圖，可以直接在標注頁對設計圖進行批注，非常方便。
★ 具體操作步驟如下：
1.添加批注
通過標注頁左側“添加批注”按鈕，或快捷鍵 “N”，即可在設計圖上打點標記，或拖拽區域標記。批注內容支持 @ 項目內成員用戶名，被 @ 的成員會收到郵件或微信通知。
適合 @ 工程師、設計總監、產品總監等設計審核人員，他還可以在微信里直接回復你的批注哦~
記得第一次通知前，請同事在他的此頁面綁定一下微信，即可支持在手機上收到 @ 通知，點擊通知即可在微信中直接預覽設計圖和批注內容，隨時隨地、非常方便！
2.修改/刪除批注
批注的修改/刪除只有此批注創建者可以操作。?
點擊批注右上角“更多”按鈕，點擊“編輯”圖標可對批注進行修改；?點擊“刪除”圖標，即刪除此條批注。?
3.查看批注
點擊設計圖詳情頁左側工具欄上“批注”圖標，即可查看該設計圖上所有的批注信息。?
4.隱藏批注
點擊設計圖詳情頁左側工具欄上“顯示/隱藏批注”圖標，即可選擇是否顯示設計圖上批注信息。?
除了自動標注，藍湖還有自動切圖、快速制作高保真交互原型、同步 Sketch Prototyping 并支持共享、設計圖樹狀連線、設計圖在線討論、設計圖歷史版本管理、等功能，等你來探索。
?????????????????????????????????????????????????????? 藍湖，互聯網團隊最完美的工作方式。
????????????????????????????????????????????????????????????? 藍湖地址：LanhuApp.com
???????????????????????????????????????????????????????? 不用下載，注冊就可以免費使用啦！
