藍湖 Axure 墨刀

chuzixuan發表於2020-11-27

藍湖:
第一步:通過藍湖外掛在PS中標記你需要生成的切圖
第二步:通過藍湖外掛將頁面上傳至藍湖
第三步:在藍湖Web端,雙擊設計圖檢視標註和切圖
在這裡,你家的工程師可以:
①檢視所有元素的尺寸、字號、距離等資訊,並可直接複製相應程式碼
②一鍵下載切圖檔案
Sketch使用者
第一步: 通過藍湖外掛在Sketch中標記你需要生成的切圖
方法①: 用export標記切圖 (忽略透明區域)
方法② :用切刀工具(slice)切圖(保留透明區域)
第二步:通過藍湖外掛將頁面上傳至藍湖
第三步: 在藍湖Web端,雙擊設計圖檢視標註和切圖
在這個頁面,你家的工程師可以:
①檢視任意元素的大小、字號、距離等資訊,並直接複製該資訊對應的程式碼;
②一鍵下載切圖檔案。

Axure:
1開啟原型設計資料夾,直接雙擊 index 檔案即可通過瀏覽器開啟。
2開啟後可以在瀏覽器上看到設計的原型效果,左邊是選單導航,右邊是內容展示區,可以點選左邊的選單切換內容頁,也可以從內容頁的相關按鈕或選單等直接點選切換。
3如果開啟後是如下頁面,說明缺少外掛,建議安裝火狐瀏覽器開啟。
4自行下載火狐瀏覽器後,右鍵點選index檔案,用開啟方式,選擇火狐瀏覽器開啟。
5如果不想安裝火狐瀏覽器,那麼必須安裝其他瀏覽器外掛,請點選瀏覽器(以QQ瀏覽器為例)右上角的開啟選單按鈕,選擇應用中心,別的瀏覽器可能叫附加元件。
6在開啟的頁面搜尋框輸入 axure 進行搜尋。
7搜尋出來兩個和axure相關的外掛,建議都安裝上。
8最後,在管理我的應用頁面,可以看到已經安裝的這兩個擴充套件,一定要把允許訪問檔案網址勾上。這樣就可以像第一步一樣使用原型了。

墨刀:
1點選“下載”,選擇下載HTML演示包。下載後雙擊解壓,使用 Chrome 核心瀏覽器執行index.html檔案,即可離線演示。
2點選“下載”,選擇下載安卓APK,傳輸到安卓裝置上點選開啟即可安裝。
3在手機端下載了墨刀app,登陸之後進入專案,雙指點選螢幕調出選單,選擇“開啟離線”。

相關文章