mockplus3.5.0.1版本中,新增了標註功能。多種標註模式,智慧型生成,隨時檢視。原型設計效率更高。
mockplus的標註功能有以下四種模式:
1、無選中標註
在未選中任何元件時,按住ctrl鍵,滑鼠經過某個元件,會自動生成該元件與邊界間的距離標註。如此一來,目光不用再在元件和屬性面板間來回切換。
智慧型標註、一鍵切圖、互動原型,摹客idoc一次搞定
2、選中標註
當單選或多選元件後,按住ctrl鍵,滑鼠經過某個元件,會自動生成選中元件與該元件間的距離標註。可以選用畫布中任意乙個元件作為參照,元件間距一目了然。
3、拖動元件標註
當拖動單選或多選元件時,會自動生成當前拖動元件與周圍最近有對齊關係元件的邊界距離標註。告別肉眼與直覺的判斷,細小地移動都有數值參考,原來拖拽也可以輕鬆做到與設定數值一樣精準!
4、轉殖元件標註
拖拽轉殖元件時,會同時生成當前位置與源位置間的距離標註,及選中源的整體尺寸。(注:快捷鍵:alt +滑鼠拖動(mac:option+滑鼠拖動))。轉殖拖拽過程中,等間距值自動生成,無論是九宮格還是九十宮格,分分鐘搞定!
(注:鎖定的元件和彈出類元件不參與標註)
以上就是mockplus新鮮出爐的標註功能,小夥伴們快去體驗一下!
戳這裡哦:
【文末福利】
標註切圖工具免費公升級,開啟,輸入免費啟用碼 thomas。讓你告別手動標註和切圖,和產品經理、工程師高效交付設計稿。
Android 監聽enter鍵 換行新增標籤
mactivitymembermanagementaddedit2.sethorizontallyscrolling false mactivitymembermanagementaddedit2.setmaxlines integer.max value mactivitymembermanage...
標梵互動講解CSS為文件新增樣式
前置知識 在開始本單元之前,您應該 基本熟悉計算機操作。基本工作環境的設定 詳見安裝基本軟體 基本的檔案操作,詳見處理檔案。熟悉 html概述 章節中提到的基本html知識.目標理解 html文件鏈結css文件的幾個基本套路,並能運用所學的css,做些文字上的格式化操作。先從html開始吧 我們先以...
input標籤之外是否一定新增form標籤
input標籤外是否新增form標籤需要按情形區分 應用場景的區別 1.所有向後台提交資料 包括原生和ajax提交 的input都建議用form包裹,2.如果只是用來做前台互動效果則不推薦使用form包裹。但提交資料時,其實也可以不用form包裹input標籤 1.如果有form標籤,在點選提交銨鈕...