MasterGo 近期上線了許多強大且實用的功能,其中「連接線」一經上線便廣受好評。要知道,在產設研從業者的日常工作中,邏輯連線是會被頻繁使用的表達頁面邏輯、跳轉層級等交互關系的方式。
現在,交互設計師和產品經理能夠通過 MasterGo 新上線的「連接線」工具,快速在不同組件和頁面之間創建連線并添加文字說明,從而直觀展現其交互邏輯,讓產品設計思路更可視化地呈現。不僅如此,「連接線」工具還有很多貼心的細節設計,今天小編就從應用場景和上手攻略兩個方面,帶大家深度了解一下 MasterGo 的「連接線」有何妙用之處吧。
首先,在繪制頁面交互邏輯時,交互設計師和產品經理除了為多個頁面添加連線,還需要繪制頁面與元素、元素與元素等跳轉關系。MasterGo「連接線」支持為矩形、圓、多邊形、星形、圖片、鋼筆路徑、組件/實例、容器/組等多種圖層類型添加連接線,以便更詳盡地展示邏輯關系,滿足多樣化頁面交互需求。
但如果在繪制頁面交互關系時,邏輯連線無法自動跟隨頁面移動,那么每次移動完頁面還要手動逐一調整連線位置,設計工作十分低效?;谶@點的考慮,MasterGo「連接線」工具支持自動跟隨頁面/圖層移動,無需手動調整,操作起來更加方便。不僅如此,MasterGo「連接線」還支持通過拖動連線手柄調整連線路徑,再復雜的交互設計頁面也能干凈規整地被展示,如果不滿意調整后的路徑,可以雙擊連接線手柄恢復到初始狀態。
添加說明注釋時,采用單獨創建文本的方式會存在一個弊端:連接線與文本是各自獨立的,連接線位置若有變動,需要手動將文本調整到連接線上,操作起來會比較麻煩。但使用 MasterGo「連接線」工具,雙擊連接線即可直接在線上添加說明注釋,操作更簡單便捷,還可自由拖動文本框,文本會始終保持在連接線上。
了解完 MasterGo「連接線」工具的優勢,接下來我們看看具體如何操作使用的吧!
首先,點擊工具欄中的「連接線」按鈕,或使用快捷鍵 X,開啟「連接線」工具。通過鼠標拖動連接點,可以自由調整連接線起始點的位置,拖動連接線上的藍色手柄,可以調整邏輯連線的路徑。
在編輯連接線的說明文本后,想要修改文字效果時,可以在右側屬性面板中修改字體樣式和顏色等等效果。想要改變連接線的效果時,可以在右側屬性面板處,像調整普通描邊線一樣,調整連接線的粗細、起始點形狀以及自定義虛、實線。
總而言之,MasterGo「連接線」工具可以很好地支持頁面交互關系的繪制工作,給予交互設計師和產品經理更便捷的使用體驗!
以上就是小編關于 MasterGo「連接線」功能的介紹,我們可以看到,MasterGo 一直都在持續的更新迭代,為用戶創造極佳的在線設計體驗,致力于讓產設研工作更高效。